@devtable/dashboard 14.43.1 → 14.43.2

package/dist/dashboard.es.js

@@ -2474,7 +2474,7 @@ function Vm() {
   } = R.useContext(ps);
   return e ? document.getElementById(e) : null;
 }
-const gs = "14.43.1", $m = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const gs = "14.43.2", $m = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   version: gs
 }, Symbol.toStringTag, { value: "Module" }));
@@ -21522,18 +21522,18 @@ function A2(e, {
     const n = t.queryIDs[0];
     if (!n)
       throw new Error("cannot migrate when queryID is empty");
-    const a = (c) => c && `${n}.${c}`, {
-      x_axis: i,
+    const a = (c) => c && !c.includes(`${n}.`) ? `${n}.${c}` : c, {
+      x_axes: i,
       y_axis: o,
       series: l,
       ...s
     } = e;
     return {
       ...s,
-      x_axis: {
-        ...i,
-        data_key: a(i.data_key)
-      },
+      x_axes: i.map((c) => ({
+        ...c,
+        data_key: a(c.data_key)
+      })),
       y_axis: {
         ...o,
         data_key: a(o.data_key)
@@ -21597,7 +21597,7 @@ const O2 = {
   configRender: D2,
   createConfig: () => ({
     version: 3,
-    config: Ai
+    config: C.cloneDeep(Ai)
   }),
   triggers: [V2],
   translation: L2

package/dist/dashboard.umd.js

@@ -6,7 +6,7 @@ Variable: {{ your_var }}`,tabs:{guide:"Guide",vars:"Dashboard state & Panel vari
 -- 在富文本中，要使用双重花括号来包裹代码。
 项目ID：{{ context.project_id }}
 搜索关键字：{{ filters.keyword }}
-我的卡片变量: {{ your_var }}`,tabs:{guide:"使用指南",vars:"看板信息与卡片的变量"}}}},style:{label:"样式",font_size:{label:"字号",placeholder:"10px, 1em, 1rem, 100%..."},font_weight:{label:"字重"},size:{xs:"特小",sm:"小",md:"中",lg:"大",xl:"特大"},flex:{justify_content:{label:"内容分布",left:"从左起",center:"居中",right:"从右起",space_between:"均匀分布，首尾顶格",space_around:"均匀分布，首尾留空一半",space_evenly:"均匀分布，首尾留空"},align_items:{label:"对齐位置",start:"起点对齐",center:"居中对齐",end:"末端对齐",stretch:"拉伸对齐"}},color:{type:{label:"颜色类型",static:"单色",interpolation:"插值取色",none:"无"},interpolation:{setup:"设置取色方案",palette:{label:"色板",category:{sequential:"单色渐变",diverging:"双色渐变"},red_green:"红 / 绿",yellow_blue:"黄 / 蓝",red:"红",green:"绿",blue:"蓝",orange:"橙",mapping:{value_input_label:"映射一个值到此颜色"}}}}},query:{label:"查询",labels:"查询",add:"新增查询",delete:"删除这个查询",cant_delete:"此查询在使用中，不能删除。请查看“使用情况”标签页以了解详情",delete_unused:"删除未用到的查询",name:"名称",name_description:"唯一名称",manage:"管理查询",open:"打开此查询",configurations:"配置",basics:"基本信息",conditions:"条件",run_by_condition:{label:"以下条件为真时，才运行本查询",description:"为假的情况: 空数组 / NaN / false / 空字符串 / undefined / null",unset:"留空则在看板加载时便运行本查询"},re_run_condition:{label:"当以下条件改变时，重新运行此查询",unset:"留空则永不重新运行此查询"},dependency:{label:"依赖",has_none:"此查询无依赖"},edit_sql:"编辑SQL",preview_sql:"预览SQL",request:"请求",build_request:"构造请求",process_request:"加工请求",process_result:"加工结果",usage:{label:"使用情况",in_views:"所在视图",unused_description:"此查询未被任何筛选器或卡片用到"},transform:{label:"查询变形",full_label:"查询变形",data_source:"基于其他查询的数据，加工出新数据",guide:{pick_queries:"选择一至多个查询作为数据输入",write_function:"编写函数，返回新数据"}}},data:{label:"数据",preview_data:"预览数据",empty_data:"无数据",requires_data:"请先关联查询"},data_source:{label:"数据源",explore:"查看数据源",explorer:"数据源查看器",table_structure:"数据表结构",table_structure_short:"表结构",see_table_structure:"查看数据表结构"},visualization:{label:"可视化",component:"可视化组件",label_short:"可视化"},numbro:{format:{label:"格式",absolute:"绝对值",absolute_description:"非负",abbreviation:"缩写",abbreviation_description:"如1.23k、1.23m",mantissa:"小数",trim_mantissa:"抹零",trim_mantissa_description:"省略末尾的零",preview:{open:"展开预览",close:"收起预览",input:"输入",output:"输出"}}},import:{label:"导入...",title:"自描述文件导入看板内容",json_file:"描述文件（JSON格式）",this_dashboard:"此看板",this_file:"此文件"},function_utils:{trigger_text:"关于utils参数",modal_title:"关于utils参数",description:"参数 <code>utils</code> 是 <code>FunctionUtils</code>，包含以下内容：",document:"文档"},aggregation:{option:{none:"无",sum:"和",mean:"平均值",median:"中位数",min:"最小值",max:"最大值",cov:"变异系数",std:"标准差",quantile:{label:"分位",label_with_hint:"分位(99%, 95%, ...)"},custom:{label:"自定义",label_trigger:"编写函数",title:"自定义聚合方式"},pick_record:{label:"直接选择数据",method:{label:"数据记录",first:"第一条",last:"最后一条"}}}},rich_text:{label:"富文本",content:{label:"内容"},dynamic_color:{label:"动态颜色",edit:"编辑动态颜色",clear:"清除动态颜色"},color_mapping:{label:"颜色映射",edit:"编辑颜色映射",clear:"清除颜色映射",choose_value_var:"选择用于映射颜色的变量",min:{val:"固定最小值",var:"动态最小值（优先）"},max:{val:"固定最大值",var:"动态最大值（优先）"}}},chart:{chart_config:"图表设置",data_field:"数据字段",groups:{merico_suite:"思码逸套件",echarts_based_charts:"基于ECharts的图表",others:"其他"},unit:{title:"单位",text:{placeholder:"单位文案"},show_in_tooltip:"在提示框中显示单位",show_in_legend:"在图例中显示单位"},series_order:{label:"排序依据",name:"名称",value:"值",raw:"不排序，保持数据本身的顺序",asc:"升序",desc:"降序"},label:{label:"文案",label_full:"标签文案",label_style:"标签文案样式",label_format:"标签文案格式"},label_position:{label:"文案位置",off:"不显示文案",top:"上",left:"左",right:"右",bottom:"下",inside:"内",inside_top:"内-上",inside_left:"内-左",inside_center:"内-中",inside_right:"内-右",inside_bottom:"内-下",inside_top_left:"内-上-左",inside_top_right:"内-上-右",inside_bottom_left:"内-下-左",inside_bottom_right:"内-下-右",outside:"外"},visual_map:{label:"视觉映射",continuous:{label:"连续型"},piecewise:{label:"分段型",mode:{pieces:"连续数据",categories:"离散数据"},add_a_piece:"加一个分段",interval:"值区间",piece_label:"文案"},bar_width:"长条的宽度",bar_height:"长条的高度",item_width:"小块的宽度",item_height:"小块的高度",calculable:"显示拖拽手柄",min_value:"最小值",max_value:"最大值",min_text:"最小值文案",max_text:"最大值文案",use_palette_x:'使用配色方案"{{x}}"',built_in_palettes:"内置配色方案",precision:"数据精度",skip_range:{lt_min:"小于最小值时的颜色",min:"最小值的颜色",max:"最大值的颜色",gt_max:"大于最大值时的颜色",follow_visual_map:"颜色跟随渐变规则"}},number_or_dynamic_value:{type:{static:"具体值",dynamic:"动态值"},dynamic:{setup:"设置",setup_title:"设置动态值",guide:"由函数确定动态值"}},orientation:{label:"朝向",horizontal:"水平",vertical:"垂直"},symbol_size:{label:"标记点大小",static:"固定值",dynamic:"动态值",setup:{label:"设置",title:"设置动态值",description:"由函数确定动态值"}},series:{label:"系列",name:"名称",y_axis:"Y轴",data_field:"数据字段",add:"增加一个系列",delete:"删除这个系列",line:{label:"线",line_settings:"线段设置",line_style:"线条样式",type:{label:"类型",solid:"实线",dashed:"方虚线",dotted:"圆点虚线"},line_width:"线宽",step:{label:"阶梯状",off:"不启用",start:"在当前点拐弯",middle:"在当前点与下个点中间拐弯",end:"在下个点拐弯"},smooth_line:"平滑曲线",show_name_on_line:"显示标签文案",show_symbol_on_line:"显示标记点",area_style:{label:"区域填充样式",enabled:"启用区域填充",color:"填充颜色",use_series_color:"沿用系列本色",origin:{label:"图形区域的起始位置",auto:{label:"自动",description:"填充坐标轴线到数据间的区域（默认）"},start:{label:"自下而上",description:"填充坐标轴底部到数据间的区域"},end:{label:"自上而下",description:"填充坐标轴顶部到数据间的区域"}},shadow_blur:"图形阴影的模糊大小",shadow_color:"图形阴影的颜色",shadow_offset_x:"阴影水平方向上的偏移距离",shadow_offset_y:"阴影垂直方向上的偏移距离",opacity:"图形透明度"}},bar:{label:"柱",stack:"堆放",stack_hint:"此值相同的柱系列会堆叠在一起",bar_gap:{label:"柱间隔",no_gap:"柱子之间无间隔",overlap:"柱子可互相重叠"},bar_width:{min:"最小柱宽",exact:"柱宽",max:"最大柱宽"}},scatter:{label:"散点"},group_by:{label:"按此字段拆分为多个系列",label_line:"按此字段拆分为多条线"}},axis:{tick_label:"刻度文案",customize_label:"自定义文案",overflow:{label:"溢出",max_width:"最大宽度",truncate:"截断",break_line:"换行",break_word:"断词换行",ellipsis:"省略符",section_title:{on_axis:"轴刻度上文案的溢出",in_tooltip:"提示框中的文案溢出"}},section_title:{label_format:"文案格式"},type:{value:"数值轴",category:"类目轴",time:"时间轴",log:"对数轴",click_to_learn_more:"点击 <1>这里</1> 以进一步了解这些选项"}},name_text:{align:{label:"名称贴靠侧",left:"左",center:"中",right:"右"}},rotate:"旋转",degree:"度",padding:"内间距",content_template:{label:"内容模板",hint:"均值: ${avg}"},x_axis:{label:"X轴",labels:"X轴",label_format:"刻度文案格式",add:"增加一条X轴",delete:"删除这条X轴",x_axis_name:"X轴名称",x_axis_data_field:"X轴数据字段",x_axis_type:"X轴类型",layout:"布局",position:{label:"位置",top:"上",bottom:"下"},value_range:"值范围",value_min:"最小值",value_max:"最大值",behavior:"表现",visible:"可见"},y_axis:{label:"Y轴",labels:"Y轴",label_format:"刻度文案格式",add:"增加一条Y轴",delete:"删除这条Y轴",y_axis_name:"Y轴名称",y_axis_name_anchor:"名称贴靠侧",y_axis_data_field:"Y轴数据字段",inverse:"反向坐标轴",layout:"布局",position:{label:"位置",left:"左",right:"右"},value_range:"值范围",value_min:"最小值",value_max:"最大值",behavior:"表现",visible:"可见",mirror:{label:"上下镜像"}},stats:{label:"统计内容",template:{above_chart:"统计内容（图表上方）",under_chart:"统计内容（图表下方）"}},legend:{label:"图例",show_legend:"显示图例",show_in_legend:"显示在图例中",hide_in_legend:"不显示在图例中",orientation:{label:"布局朝向",horizontal:"横向",vertical:"纵向"}},tooltip:{label:"提示框",additional_metrics:{description:"在此设置更多指标，来展示在散点的提示框",add:"增加一个指标",delete:"删除这个指标"},trigger:{label:"触发者",scatter_point:"散点",x_axis:"X轴"}},style:{label:"样式"},color:{label:"颜色",background_color:"背景色",text_color:"文字颜色",click_to_add_a_color:"点击增加一个颜色",color_gradient:"颜色渐变",not_set:"未设置"},behavior:{label:"表现",invisible:"隐藏不可见"},heatmap:{heatblock:{label:"热力块",show_label:"展示值文案"}},reference_line:{label:"参考线",labels:"参考线",add:"增加一条参考线",name_placeholder:"均值参考线",delete:"删除这条参考线",orientation:{vertical_hint:"仅当X轴值为数字时可绘制"}},regression_line:{label:"回归线",labels:"回归线",add:"增加一条回归线",delete:"删除这条回归线",method:{label:"方法",linear:"线性回归",exponential:"指数回归",logistic:"指数回归",polynomial:"多项式回归",polynomial_order:"次"}},reference_area:{label:"参考区域",labels:"参考区域",add:"增加一面参考区域",delete:"删除这面参考区域",type:{label:"形状",rectangle:"矩形"},direction:{label:"方向",horizontal:"水平"},boundary:{upper:"上边界",lower:"下边界"},content:{label:"内容",content_text:"内容文字",text_position:"文字位置"},endpoint:{labels:"端点",left_bottom_point:"左下点",right_top_point:"右上点"}},zooming:{label:"缩放",scroll:{label:"滚轮缩放",x_axis:"对X轴启用",y_axis:"对Y轴启用"},slider:{label:"滚动条缩放",x_axis:"对X轴启用",y_axis:"对Y轴启用",y_axis_disabled:"暂不可用，会与Y轴刻度文字重叠"}}},viz:{viz_config_banner:"可视化参数配置"},validation:{number:{require_a_number:"请填写一个数字"}},spotlight:{trigger_text:"搜索",main_group:"主要项",placeholder:"打开…",not_found:"无匹配项"}}};class Jt{constructor(t){P(this,"rootRef");this.rootRef=Q.observable({current:t})}async deleteItem(t){Q.runInAction(()=>{y.unset(this.rootRef.current,[t])})}getItem(t){const r=this.getValueFromRoot(t);return Promise.resolve(r)}getValueFromRoot(t){return t===null?Q.toJS(this.rootRef.current):y.get(this.rootRef.current,[t])}setItem(t,r){if(t===null)if(y.isObject(r))Q.runInAction(()=>{this.rootRef.current=r});else throw new Error("Cannot set root value to non-object");else Q.runInAction(()=>{y.set(this.rootRef.current,[t],r)});return Promise.resolve(this.getItem(t))}watchItem(t,r,a){return Q.reaction(()=>this.getValueFromRoot(t),(l,o)=>{r(l,o)},{requiresObservable:!0,fireImmediately:y.get(a,"fireImmediately",!1)})}}class Zd{constructor(){P(this,"channels",new Map);P(this,"globalChannel",new Xa)}getChannel(t){const r=this.channels.get(t);if(r)return r;const a=new Xa;return this.channels.set(t,a),a}}class Jd{constructor(t){P(this,"instances",new Map);this.pluginManager=t}get availableVizList(){return this.pluginManager.installedPlugins.flatMap(t=>t.manifest.viz)}resolveComponent(t){return this.pluginManager.factory.viz(t)}getOrCreateInstance(t){const r=this.instances.get(t.id);if(r)return r;const a={id:t.id,name:t.viz.type,type:t.viz.type,messageChannels:new Zd,instanceData:new Jt(t.viz.conf)};return this.instances.set(t.id,a),a}}function _s(e,t,r,a){return{vizManager:r,locale:"zh",msgChannels:e.messageChannels,instanceData:e.instanceData,pluginData:new Jt({}),colorPalette:{getColor(){return()=>""}},data:t,variables:a}}const Hd=e=>{const{panel:t,measure:r,vizManager:a,data:l,variables:o}=e,i=a.resolveComponent(t.viz.type),c=a.getOrCreateInstance(t),d={..._s(c,l,a,o),viewport:{width:r.w,height:r.h}},u=i.viewRender;return n.jsx(u,{context:d,instance:c,...y.omit(e,["panel","vizManager","data"])})},Rd=e=>{const{vizManager:t,panel:r,data:a,variables:l}=e,o=t.resolveComponent(r.viz.type),i=t.getOrCreateInstance(r),c={..._s(i,a,t,l)},d=o.configRender;return n.jsx(d,{context:c,instance:i,...y.omit(e,["panel","vizManager","data"])})},xs=(e,t)=>{const r=qe.bezier(e),a=qe.bezier(t);return function(l){return l<50?r(l*2/100).hex():a((l-50)*2/100).hex()}},Ht=e=>{const t=qe.bezier(e);return function(r){return t(r/100).hex()}},eu={type:"interpolation",displayName:"style.color.interpolation.palette.red_green",getColor:xs(["darkred","deeppink","lightyellow"],["lightyellow","lightgreen","teal"]),name:"red-green",category:"diverging"},tu={type:"interpolation",displayName:"style.color.interpolation.palette.yellow_blue",getColor:xs(["#8f531d","#ffd347","#e3efe3"],["#eefaee","#4ecbbf","#003f94"]),name:"yellow-blue",category:"diverging"},nu={type:"interpolation",displayName:"style.color.interpolation.palette.red",getColor:Ht(["#fff7f1","darkred"]),name:"red",category:"sequential"},ru={type:"interpolation",displayName:"style.color.interpolation.palette.green",getColor:Ht(["#f0ffed","darkgreen"]),name:"green",category:"sequential"},au={type:"interpolation",displayName:"style.color.interpolation.palette.blue",getColor:Ht(["#f9fcff","#48b3e9","darkblue"]),name:"blue",category:"sequential"},su={type:"interpolation",displayName:"style.color.interpolation.palette.orange",getColor:Ht(["#fff7f1","darkorange","#b60000"]),name:"orange",category:"sequential"};class lu{constructor(t){P(this,"symbol");this.symbol=Symbol(t)}}function Je(e){return new lu(e)}class qn{constructor(){P(this,"parent");P(this,"factoryRegistry",new Map);P(this,"instanceRegistry",new Map)}createScoped(){const t=new qn;return t.parent=this,t}getRequired(t){return this.get(t)}get(t){if(this.instanceRegistry.has(t.symbol))return this.instanceRegistry.get(t.symbol);const r=this.factoryRegistry.get(t.symbol);if(r){const a=r(this);return this.instanceRegistry.set(t.symbol,a),a}if(this.parent)return this.parent.get(t)}provideFactory(t,r){return this.factoryRegistry.has(t.symbol)?console.warn(`Token ${t.symbol.toString()} is already registered`):this.factoryRegistry.set(t.symbol,r),this}provideValue(t,r){return this.factoryRegistry.has(t.symbol)?console.warn(`Token ${t.symbol.toString()} is already registered`):this.factoryRegistry.set(t.symbol,()=>r),this}dispose(){this.instanceRegistry.forEach(t=>{const r=y.get(t,"dispose");y.isFunction(r)&&r.bind(t)()}),this.instanceRegistry.clear(),this.factoryRegistry.clear()}}class ou{constructor(t){this.pluginManager=t}createPanelAddonNode(t){const a=this.pluginManager.installedPlugins.flatMap(l=>l.manifest.panelAddon).filter(l=>!!l).map(l=>h.createElement(l.addonRender,{...t,key:l.name}));return n.jsx(n.Fragment,{children:a})}}const ws=h.createContext({addonSlotId:null});function ms({children:e}){const t=`panel-addon-slot-${h.useId()}`;return n.jsxs(ws.Provider,{value:{addonSlotId:t},children:[n.jsx("div",{style:{position:"static",top:0,left:0},id:t}),e]})}function iu(){const{addonSlotId:e}=h.useContext(ws);return e?document.getElementById(e):null}const Cs="14.43.1",cu=Object.freeze(Object.defineProperty({__proto__:null,version:Cs},Symbol.toStringTag,{value:"Module"}));class du{constructor(t){P(this,"staticColors",new Map);P(this,"interpolations",new Map);t.installedPlugins.forEach(r=>{r.manifest.color.forEach(a=>{this.register(a)})})}getStaticColors(){return Array.from(this.staticColors.values())}register(t){const r=this.encodeColor(t);t.type==="single"?(this.staticColors.has(r)&&console.warn(`the color '${t.name}' has been registered under '${t.category}', previous registered value will be overridden`),this.staticColors.set(r,t)):t.type==="interpolation"&&(this.interpolations.has(r)&&console.warn(`the interpolation '${t.name}' has been registered under '${t.category}', previous registered value will be overridden`,`the interpolation '${t.name}' has been registered under '${t.category}', previous registered value will be overridden`),this.interpolations.set(r,t))}decodeStaticColor(t){return this.staticColors.get(t)}encodeColor(t){return`\${${t.category}}.{${t.name}}`}decodeInterpolation(t){return this.interpolations.get(t)}getColorInterpolations(){return Array.from(this.interpolations.values())}}class uu{constructor(){P(this,"plugins",new Map);P(this,"vizComponents",new Map);P(this,"factory",{viz:t=>{const r=this.vizComponents.get(t);if(r)return r;throw new Error(`Viz Component (${t}) not found`)}})}install(t){if(this.plugins.has(t.id))throw new Error(`Plugin (${t.id}) has been installed before`);this.plugins.set(t.id,t);for(const r of t.manifest.viz){if(this.vizComponents.has(r.name))throw new Error(`Viz Component (${r.name}) has been installed before`);this.vizComponents.set(r.name,r)}}get installedPlugins(){return Array.from(this.plugins.values())}}class pu{constructor(){P(this,"migrations",[])}version(t,r){return this.migrations.push({version:t,handler:r}),this}run(t,r,a){var i;if(t.from===t.to)return r;if(t.from>t.to)throw new Error(`Can not downgrade from version '${t.from}' to (${t.to})`);const l=this.migrations.filter(c=>c.version>t.from&&c.version<=t.to),o=y.orderBy(l,"version","asc");if(((i=y.last(o))==null?void 0:i.version)!==t.to)throw new Error(`Migration to version ${t.to} not found`);return o.reduce((c,d)=>d.handler(c,a),r)}}class ee extends pu{constructor(){super(),this.configVersions()}version(t,r){return super.version(t,(a,l)=>({version:t,...r(a,l)}))}async migrate({configData:t,panelModel:r}){const a=await t.getItem(null),l=y.get(a,"version",0),o=this.run({from:l,to:this.VERSION},a,{panelModel:r});await t.setItem(null,o)}async needMigration({configData:t}){const r=await t.getItem(null);return y.get(r,"version",0)<this.VERSION}}const B=(e,t)=>{const[r,{setFalse:a}]=O.useBoolean(!0),[l,o]=h.useState();h.useEffect(()=>(e.getItem(t).then(c=>{o(c),a()}),e.watchItem(t,c=>{o(c)})));const i=h.useCallback(async c=>{await e.setItem(t,c),o(c)},[e,t]);return{loading:r,value:l,set:i}},ve={top:16,right:16,bottom:16,left:16},Ge=e=>Math.max(0,e-ve.left-ve.right),Fe=e=>Math.max(0,e-ve.top-ve.bottom),Ot=(e,t)=>({width:Ge(e),height:Fe(t)}),_e=({width:e,height:t,children:r})=>n.jsx(s.Box,{pt:ve.top,pr:ve.right,pb:ve.bottom,pl:ve.left,sx:{width:e,height:t,overflow:"hidden",position:"relative"},children:r});h.forwardRef(function({value:t,onChange:r,...a},l){return n.jsx(s.TextInput,{ref:l,value:t,onChange:r,...a})});class hu{constructor({valueRange:t,colorRange:r}){P(this,"mapper");this.mapper=ot.interpolate(t,r)}getColor(t){return this.mapper(t)}}function gu(e,t){if(e.type==="static")return e.staticColor;if(e.type==="continuous")try{const r=Number(t);if(Number.isNaN(r))throw new Error(`[getColorByColorConf] Invalid type of aggregated value: ${t}, parsed: ${r}`);return new hu(e).getColor(r)}catch(r){return console.error(r),"black"}return"black"}const fu=gu;function A(e){const[t,r]=e.split(".");return{queryID:t,columnKey:r}}function bu(e){return e.includes(".")?A(e):{queryID:"",columnKey:e}}function Ve(e,t){var l;const{queryID:r,columnKey:a}=A(t);return r?a?((l=e[r])==null?void 0:l.map(o=>o[a]))??[]:e[r]:[]}function Rt(e,t){const{queryID:r}=A(t);return r?e[r]:[]}function yu(e){return Object.values(e)[0]}function en(e,t){const{queryID:r,columnKey:a}=A(t);return e[a]}const je={CryptoJS:Ja,d3Array:vs,dayjs:M,lodash:y,numbro:Ye,mathjs:Ne,faker:nd.faker,popmotion:Wd},vu=[{name:"CryptoJS",url:"https://github.com/brix/crypto-js",version:"4.1.1"},{name:"d3Array",url:"https://github.com/d3/d3-array",version:"3.2.4"},{name:"dayjs",url:"https://day.js.org/",version:"1.11.6"},{name:"lodash",url:"https://lodash.com/docs/4.17.15",version:"4.17.21"},{name:"mathjs",url:"https://mathjs.org/",version:"11.12.0"},{name:"numbro",url:"https://numbrojs.com/",version:"2.3.6"},{name:"faker",url:"https://fakerjs.dev/",version:"7.6.0"},{name:"popmotion",url:"https://popmotion.io/",version:"11.0.3"}],_u=e=>`
+我的卡片变量: {{ your_var }}`,tabs:{guide:"使用指南",vars:"看板信息与卡片的变量"}}}},style:{label:"样式",font_size:{label:"字号",placeholder:"10px, 1em, 1rem, 100%..."},font_weight:{label:"字重"},size:{xs:"特小",sm:"小",md:"中",lg:"大",xl:"特大"},flex:{justify_content:{label:"内容分布",left:"从左起",center:"居中",right:"从右起",space_between:"均匀分布，首尾顶格",space_around:"均匀分布，首尾留空一半",space_evenly:"均匀分布，首尾留空"},align_items:{label:"对齐位置",start:"起点对齐",center:"居中对齐",end:"末端对齐",stretch:"拉伸对齐"}},color:{type:{label:"颜色类型",static:"单色",interpolation:"插值取色",none:"无"},interpolation:{setup:"设置取色方案",palette:{label:"色板",category:{sequential:"单色渐变",diverging:"双色渐变"},red_green:"红 / 绿",yellow_blue:"黄 / 蓝",red:"红",green:"绿",blue:"蓝",orange:"橙",mapping:{value_input_label:"映射一个值到此颜色"}}}}},query:{label:"查询",labels:"查询",add:"新增查询",delete:"删除这个查询",cant_delete:"此查询在使用中，不能删除。请查看“使用情况”标签页以了解详情",delete_unused:"删除未用到的查询",name:"名称",name_description:"唯一名称",manage:"管理查询",open:"打开此查询",configurations:"配置",basics:"基本信息",conditions:"条件",run_by_condition:{label:"以下条件为真时，才运行本查询",description:"为假的情况: 空数组 / NaN / false / 空字符串 / undefined / null",unset:"留空则在看板加载时便运行本查询"},re_run_condition:{label:"当以下条件改变时，重新运行此查询",unset:"留空则永不重新运行此查询"},dependency:{label:"依赖",has_none:"此查询无依赖"},edit_sql:"编辑SQL",preview_sql:"预览SQL",request:"请求",build_request:"构造请求",process_request:"加工请求",process_result:"加工结果",usage:{label:"使用情况",in_views:"所在视图",unused_description:"此查询未被任何筛选器或卡片用到"},transform:{label:"查询变形",full_label:"查询变形",data_source:"基于其他查询的数据，加工出新数据",guide:{pick_queries:"选择一至多个查询作为数据输入",write_function:"编写函数，返回新数据"}}},data:{label:"数据",preview_data:"预览数据",empty_data:"无数据",requires_data:"请先关联查询"},data_source:{label:"数据源",explore:"查看数据源",explorer:"数据源查看器",table_structure:"数据表结构",table_structure_short:"表结构",see_table_structure:"查看数据表结构"},visualization:{label:"可视化",component:"可视化组件",label_short:"可视化"},numbro:{format:{label:"格式",absolute:"绝对值",absolute_description:"非负",abbreviation:"缩写",abbreviation_description:"如1.23k、1.23m",mantissa:"小数",trim_mantissa:"抹零",trim_mantissa_description:"省略末尾的零",preview:{open:"展开预览",close:"收起预览",input:"输入",output:"输出"}}},import:{label:"导入...",title:"自描述文件导入看板内容",json_file:"描述文件（JSON格式）",this_dashboard:"此看板",this_file:"此文件"},function_utils:{trigger_text:"关于utils参数",modal_title:"关于utils参数",description:"参数 <code>utils</code> 是 <code>FunctionUtils</code>，包含以下内容：",document:"文档"},aggregation:{option:{none:"无",sum:"和",mean:"平均值",median:"中位数",min:"最小值",max:"最大值",cov:"变异系数",std:"标准差",quantile:{label:"分位",label_with_hint:"分位(99%, 95%, ...)"},custom:{label:"自定义",label_trigger:"编写函数",title:"自定义聚合方式"},pick_record:{label:"直接选择数据",method:{label:"数据记录",first:"第一条",last:"最后一条"}}}},rich_text:{label:"富文本",content:{label:"内容"},dynamic_color:{label:"动态颜色",edit:"编辑动态颜色",clear:"清除动态颜色"},color_mapping:{label:"颜色映射",edit:"编辑颜色映射",clear:"清除颜色映射",choose_value_var:"选择用于映射颜色的变量",min:{val:"固定最小值",var:"动态最小值（优先）"},max:{val:"固定最大值",var:"动态最大值（优先）"}}},chart:{chart_config:"图表设置",data_field:"数据字段",groups:{merico_suite:"思码逸套件",echarts_based_charts:"基于ECharts的图表",others:"其他"},unit:{title:"单位",text:{placeholder:"单位文案"},show_in_tooltip:"在提示框中显示单位",show_in_legend:"在图例中显示单位"},series_order:{label:"排序依据",name:"名称",value:"值",raw:"不排序，保持数据本身的顺序",asc:"升序",desc:"降序"},label:{label:"文案",label_full:"标签文案",label_style:"标签文案样式",label_format:"标签文案格式"},label_position:{label:"文案位置",off:"不显示文案",top:"上",left:"左",right:"右",bottom:"下",inside:"内",inside_top:"内-上",inside_left:"内-左",inside_center:"内-中",inside_right:"内-右",inside_bottom:"内-下",inside_top_left:"内-上-左",inside_top_right:"内-上-右",inside_bottom_left:"内-下-左",inside_bottom_right:"内-下-右",outside:"外"},visual_map:{label:"视觉映射",continuous:{label:"连续型"},piecewise:{label:"分段型",mode:{pieces:"连续数据",categories:"离散数据"},add_a_piece:"加一个分段",interval:"值区间",piece_label:"文案"},bar_width:"长条的宽度",bar_height:"长条的高度",item_width:"小块的宽度",item_height:"小块的高度",calculable:"显示拖拽手柄",min_value:"最小值",max_value:"最大值",min_text:"最小值文案",max_text:"最大值文案",use_palette_x:'使用配色方案"{{x}}"',built_in_palettes:"内置配色方案",precision:"数据精度",skip_range:{lt_min:"小于最小值时的颜色",min:"最小值的颜色",max:"最大值的颜色",gt_max:"大于最大值时的颜色",follow_visual_map:"颜色跟随渐变规则"}},number_or_dynamic_value:{type:{static:"具体值",dynamic:"动态值"},dynamic:{setup:"设置",setup_title:"设置动态值",guide:"由函数确定动态值"}},orientation:{label:"朝向",horizontal:"水平",vertical:"垂直"},symbol_size:{label:"标记点大小",static:"固定值",dynamic:"动态值",setup:{label:"设置",title:"设置动态值",description:"由函数确定动态值"}},series:{label:"系列",name:"名称",y_axis:"Y轴",data_field:"数据字段",add:"增加一个系列",delete:"删除这个系列",line:{label:"线",line_settings:"线段设置",line_style:"线条样式",type:{label:"类型",solid:"实线",dashed:"方虚线",dotted:"圆点虚线"},line_width:"线宽",step:{label:"阶梯状",off:"不启用",start:"在当前点拐弯",middle:"在当前点与下个点中间拐弯",end:"在下个点拐弯"},smooth_line:"平滑曲线",show_name_on_line:"显示标签文案",show_symbol_on_line:"显示标记点",area_style:{label:"区域填充样式",enabled:"启用区域填充",color:"填充颜色",use_series_color:"沿用系列本色",origin:{label:"图形区域的起始位置",auto:{label:"自动",description:"填充坐标轴线到数据间的区域（默认）"},start:{label:"自下而上",description:"填充坐标轴底部到数据间的区域"},end:{label:"自上而下",description:"填充坐标轴顶部到数据间的区域"}},shadow_blur:"图形阴影的模糊大小",shadow_color:"图形阴影的颜色",shadow_offset_x:"阴影水平方向上的偏移距离",shadow_offset_y:"阴影垂直方向上的偏移距离",opacity:"图形透明度"}},bar:{label:"柱",stack:"堆放",stack_hint:"此值相同的柱系列会堆叠在一起",bar_gap:{label:"柱间隔",no_gap:"柱子之间无间隔",overlap:"柱子可互相重叠"},bar_width:{min:"最小柱宽",exact:"柱宽",max:"最大柱宽"}},scatter:{label:"散点"},group_by:{label:"按此字段拆分为多个系列",label_line:"按此字段拆分为多条线"}},axis:{tick_label:"刻度文案",customize_label:"自定义文案",overflow:{label:"溢出",max_width:"最大宽度",truncate:"截断",break_line:"换行",break_word:"断词换行",ellipsis:"省略符",section_title:{on_axis:"轴刻度上文案的溢出",in_tooltip:"提示框中的文案溢出"}},section_title:{label_format:"文案格式"},type:{value:"数值轴",category:"类目轴",time:"时间轴",log:"对数轴",click_to_learn_more:"点击 <1>这里</1> 以进一步了解这些选项"}},name_text:{align:{label:"名称贴靠侧",left:"左",center:"中",right:"右"}},rotate:"旋转",degree:"度",padding:"内间距",content_template:{label:"内容模板",hint:"均值: ${avg}"},x_axis:{label:"X轴",labels:"X轴",label_format:"刻度文案格式",add:"增加一条X轴",delete:"删除这条X轴",x_axis_name:"X轴名称",x_axis_data_field:"X轴数据字段",x_axis_type:"X轴类型",layout:"布局",position:{label:"位置",top:"上",bottom:"下"},value_range:"值范围",value_min:"最小值",value_max:"最大值",behavior:"表现",visible:"可见"},y_axis:{label:"Y轴",labels:"Y轴",label_format:"刻度文案格式",add:"增加一条Y轴",delete:"删除这条Y轴",y_axis_name:"Y轴名称",y_axis_name_anchor:"名称贴靠侧",y_axis_data_field:"Y轴数据字段",inverse:"反向坐标轴",layout:"布局",position:{label:"位置",left:"左",right:"右"},value_range:"值范围",value_min:"最小值",value_max:"最大值",behavior:"表现",visible:"可见",mirror:{label:"上下镜像"}},stats:{label:"统计内容",template:{above_chart:"统计内容（图表上方）",under_chart:"统计内容（图表下方）"}},legend:{label:"图例",show_legend:"显示图例",show_in_legend:"显示在图例中",hide_in_legend:"不显示在图例中",orientation:{label:"布局朝向",horizontal:"横向",vertical:"纵向"}},tooltip:{label:"提示框",additional_metrics:{description:"在此设置更多指标，来展示在散点的提示框",add:"增加一个指标",delete:"删除这个指标"},trigger:{label:"触发者",scatter_point:"散点",x_axis:"X轴"}},style:{label:"样式"},color:{label:"颜色",background_color:"背景色",text_color:"文字颜色",click_to_add_a_color:"点击增加一个颜色",color_gradient:"颜色渐变",not_set:"未设置"},behavior:{label:"表现",invisible:"隐藏不可见"},heatmap:{heatblock:{label:"热力块",show_label:"展示值文案"}},reference_line:{label:"参考线",labels:"参考线",add:"增加一条参考线",name_placeholder:"均值参考线",delete:"删除这条参考线",orientation:{vertical_hint:"仅当X轴值为数字时可绘制"}},regression_line:{label:"回归线",labels:"回归线",add:"增加一条回归线",delete:"删除这条回归线",method:{label:"方法",linear:"线性回归",exponential:"指数回归",logistic:"指数回归",polynomial:"多项式回归",polynomial_order:"次"}},reference_area:{label:"参考区域",labels:"参考区域",add:"增加一面参考区域",delete:"删除这面参考区域",type:{label:"形状",rectangle:"矩形"},direction:{label:"方向",horizontal:"水平"},boundary:{upper:"上边界",lower:"下边界"},content:{label:"内容",content_text:"内容文字",text_position:"文字位置"},endpoint:{labels:"端点",left_bottom_point:"左下点",right_top_point:"右上点"}},zooming:{label:"缩放",scroll:{label:"滚轮缩放",x_axis:"对X轴启用",y_axis:"对Y轴启用"},slider:{label:"滚动条缩放",x_axis:"对X轴启用",y_axis:"对Y轴启用",y_axis_disabled:"暂不可用，会与Y轴刻度文字重叠"}}},viz:{viz_config_banner:"可视化参数配置"},validation:{number:{require_a_number:"请填写一个数字"}},spotlight:{trigger_text:"搜索",main_group:"主要项",placeholder:"打开…",not_found:"无匹配项"}}};class Jt{constructor(t){P(this,"rootRef");this.rootRef=Q.observable({current:t})}async deleteItem(t){Q.runInAction(()=>{y.unset(this.rootRef.current,[t])})}getItem(t){const r=this.getValueFromRoot(t);return Promise.resolve(r)}getValueFromRoot(t){return t===null?Q.toJS(this.rootRef.current):y.get(this.rootRef.current,[t])}setItem(t,r){if(t===null)if(y.isObject(r))Q.runInAction(()=>{this.rootRef.current=r});else throw new Error("Cannot set root value to non-object");else Q.runInAction(()=>{y.set(this.rootRef.current,[t],r)});return Promise.resolve(this.getItem(t))}watchItem(t,r,a){return Q.reaction(()=>this.getValueFromRoot(t),(l,o)=>{r(l,o)},{requiresObservable:!0,fireImmediately:y.get(a,"fireImmediately",!1)})}}class Zd{constructor(){P(this,"channels",new Map);P(this,"globalChannel",new Xa)}getChannel(t){const r=this.channels.get(t);if(r)return r;const a=new Xa;return this.channels.set(t,a),a}}class Jd{constructor(t){P(this,"instances",new Map);this.pluginManager=t}get availableVizList(){return this.pluginManager.installedPlugins.flatMap(t=>t.manifest.viz)}resolveComponent(t){return this.pluginManager.factory.viz(t)}getOrCreateInstance(t){const r=this.instances.get(t.id);if(r)return r;const a={id:t.id,name:t.viz.type,type:t.viz.type,messageChannels:new Zd,instanceData:new Jt(t.viz.conf)};return this.instances.set(t.id,a),a}}function _s(e,t,r,a){return{vizManager:r,locale:"zh",msgChannels:e.messageChannels,instanceData:e.instanceData,pluginData:new Jt({}),colorPalette:{getColor(){return()=>""}},data:t,variables:a}}const Hd=e=>{const{panel:t,measure:r,vizManager:a,data:l,variables:o}=e,i=a.resolveComponent(t.viz.type),c=a.getOrCreateInstance(t),d={..._s(c,l,a,o),viewport:{width:r.w,height:r.h}},u=i.viewRender;return n.jsx(u,{context:d,instance:c,...y.omit(e,["panel","vizManager","data"])})},Rd=e=>{const{vizManager:t,panel:r,data:a,variables:l}=e,o=t.resolveComponent(r.viz.type),i=t.getOrCreateInstance(r),c={..._s(i,a,t,l)},d=o.configRender;return n.jsx(d,{context:c,instance:i,...y.omit(e,["panel","vizManager","data"])})},xs=(e,t)=>{const r=qe.bezier(e),a=qe.bezier(t);return function(l){return l<50?r(l*2/100).hex():a((l-50)*2/100).hex()}},Ht=e=>{const t=qe.bezier(e);return function(r){return t(r/100).hex()}},eu={type:"interpolation",displayName:"style.color.interpolation.palette.red_green",getColor:xs(["darkred","deeppink","lightyellow"],["lightyellow","lightgreen","teal"]),name:"red-green",category:"diverging"},tu={type:"interpolation",displayName:"style.color.interpolation.palette.yellow_blue",getColor:xs(["#8f531d","#ffd347","#e3efe3"],["#eefaee","#4ecbbf","#003f94"]),name:"yellow-blue",category:"diverging"},nu={type:"interpolation",displayName:"style.color.interpolation.palette.red",getColor:Ht(["#fff7f1","darkred"]),name:"red",category:"sequential"},ru={type:"interpolation",displayName:"style.color.interpolation.palette.green",getColor:Ht(["#f0ffed","darkgreen"]),name:"green",category:"sequential"},au={type:"interpolation",displayName:"style.color.interpolation.palette.blue",getColor:Ht(["#f9fcff","#48b3e9","darkblue"]),name:"blue",category:"sequential"},su={type:"interpolation",displayName:"style.color.interpolation.palette.orange",getColor:Ht(["#fff7f1","darkorange","#b60000"]),name:"orange",category:"sequential"};class lu{constructor(t){P(this,"symbol");this.symbol=Symbol(t)}}function Je(e){return new lu(e)}class qn{constructor(){P(this,"parent");P(this,"factoryRegistry",new Map);P(this,"instanceRegistry",new Map)}createScoped(){const t=new qn;return t.parent=this,t}getRequired(t){return this.get(t)}get(t){if(this.instanceRegistry.has(t.symbol))return this.instanceRegistry.get(t.symbol);const r=this.factoryRegistry.get(t.symbol);if(r){const a=r(this);return this.instanceRegistry.set(t.symbol,a),a}if(this.parent)return this.parent.get(t)}provideFactory(t,r){return this.factoryRegistry.has(t.symbol)?console.warn(`Token ${t.symbol.toString()} is already registered`):this.factoryRegistry.set(t.symbol,r),this}provideValue(t,r){return this.factoryRegistry.has(t.symbol)?console.warn(`Token ${t.symbol.toString()} is already registered`):this.factoryRegistry.set(t.symbol,()=>r),this}dispose(){this.instanceRegistry.forEach(t=>{const r=y.get(t,"dispose");y.isFunction(r)&&r.bind(t)()}),this.instanceRegistry.clear(),this.factoryRegistry.clear()}}class ou{constructor(t){this.pluginManager=t}createPanelAddonNode(t){const a=this.pluginManager.installedPlugins.flatMap(l=>l.manifest.panelAddon).filter(l=>!!l).map(l=>h.createElement(l.addonRender,{...t,key:l.name}));return n.jsx(n.Fragment,{children:a})}}const ws=h.createContext({addonSlotId:null});function ms({children:e}){const t=`panel-addon-slot-${h.useId()}`;return n.jsxs(ws.Provider,{value:{addonSlotId:t},children:[n.jsx("div",{style:{position:"static",top:0,left:0},id:t}),e]})}function iu(){const{addonSlotId:e}=h.useContext(ws);return e?document.getElementById(e):null}const Cs="14.43.2",cu=Object.freeze(Object.defineProperty({__proto__:null,version:Cs},Symbol.toStringTag,{value:"Module"}));class du{constructor(t){P(this,"staticColors",new Map);P(this,"interpolations",new Map);t.installedPlugins.forEach(r=>{r.manifest.color.forEach(a=>{this.register(a)})})}getStaticColors(){return Array.from(this.staticColors.values())}register(t){const r=this.encodeColor(t);t.type==="single"?(this.staticColors.has(r)&&console.warn(`the color '${t.name}' has been registered under '${t.category}', previous registered value will be overridden`),this.staticColors.set(r,t)):t.type==="interpolation"&&(this.interpolations.has(r)&&console.warn(`the interpolation '${t.name}' has been registered under '${t.category}', previous registered value will be overridden`,`the interpolation '${t.name}' has been registered under '${t.category}', previous registered value will be overridden`),this.interpolations.set(r,t))}decodeStaticColor(t){return this.staticColors.get(t)}encodeColor(t){return`\${${t.category}}.{${t.name}}`}decodeInterpolation(t){return this.interpolations.get(t)}getColorInterpolations(){return Array.from(this.interpolations.values())}}class uu{constructor(){P(this,"plugins",new Map);P(this,"vizComponents",new Map);P(this,"factory",{viz:t=>{const r=this.vizComponents.get(t);if(r)return r;throw new Error(`Viz Component (${t}) not found`)}})}install(t){if(this.plugins.has(t.id))throw new Error(`Plugin (${t.id}) has been installed before`);this.plugins.set(t.id,t);for(const r of t.manifest.viz){if(this.vizComponents.has(r.name))throw new Error(`Viz Component (${r.name}) has been installed before`);this.vizComponents.set(r.name,r)}}get installedPlugins(){return Array.from(this.plugins.values())}}class pu{constructor(){P(this,"migrations",[])}version(t,r){return this.migrations.push({version:t,handler:r}),this}run(t,r,a){var i;if(t.from===t.to)return r;if(t.from>t.to)throw new Error(`Can not downgrade from version '${t.from}' to (${t.to})`);const l=this.migrations.filter(c=>c.version>t.from&&c.version<=t.to),o=y.orderBy(l,"version","asc");if(((i=y.last(o))==null?void 0:i.version)!==t.to)throw new Error(`Migration to version ${t.to} not found`);return o.reduce((c,d)=>d.handler(c,a),r)}}class ee extends pu{constructor(){super(),this.configVersions()}version(t,r){return super.version(t,(a,l)=>({version:t,...r(a,l)}))}async migrate({configData:t,panelModel:r}){const a=await t.getItem(null),l=y.get(a,"version",0),o=this.run({from:l,to:this.VERSION},a,{panelModel:r});await t.setItem(null,o)}async needMigration({configData:t}){const r=await t.getItem(null);return y.get(r,"version",0)<this.VERSION}}const B=(e,t)=>{const[r,{setFalse:a}]=O.useBoolean(!0),[l,o]=h.useState();h.useEffect(()=>(e.getItem(t).then(c=>{o(c),a()}),e.watchItem(t,c=>{o(c)})));const i=h.useCallback(async c=>{await e.setItem(t,c),o(c)},[e,t]);return{loading:r,value:l,set:i}},ve={top:16,right:16,bottom:16,left:16},Ge=e=>Math.max(0,e-ve.left-ve.right),Fe=e=>Math.max(0,e-ve.top-ve.bottom),Ot=(e,t)=>({width:Ge(e),height:Fe(t)}),_e=({width:e,height:t,children:r})=>n.jsx(s.Box,{pt:ve.top,pr:ve.right,pb:ve.bottom,pl:ve.left,sx:{width:e,height:t,overflow:"hidden",position:"relative"},children:r});h.forwardRef(function({value:t,onChange:r,...a},l){return n.jsx(s.TextInput,{ref:l,value:t,onChange:r,...a})});class hu{constructor({valueRange:t,colorRange:r}){P(this,"mapper");this.mapper=ot.interpolate(t,r)}getColor(t){return this.mapper(t)}}function gu(e,t){if(e.type==="static")return e.staticColor;if(e.type==="continuous")try{const r=Number(t);if(Number.isNaN(r))throw new Error(`[getColorByColorConf] Invalid type of aggregated value: ${t}, parsed: ${r}`);return new hu(e).getColor(r)}catch(r){return console.error(r),"black"}return"black"}const fu=gu;function A(e){const[t,r]=e.split(".");return{queryID:t,columnKey:r}}function bu(e){return e.includes(".")?A(e):{queryID:"",columnKey:e}}function Ve(e,t){var l;const{queryID:r,columnKey:a}=A(t);return r?a?((l=e[r])==null?void 0:l.map(o=>o[a]))??[]:e[r]:[]}function Rt(e,t){const{queryID:r}=A(t);return r?e[r]:[]}function yu(e){return Object.values(e)[0]}function en(e,t){const{queryID:r,columnKey:a}=A(t);return e[a]}const je={CryptoJS:Ja,d3Array:vs,dayjs:M,lodash:y,numbro:Ye,mathjs:Ne,faker:nd.faker,popmotion:Wd},vu=[{name:"CryptoJS",url:"https://github.com/brix/crypto-js",version:"4.1.1"},{name:"d3Array",url:"https://github.com/d3/d3-array",version:"3.2.4"},{name:"dayjs",url:"https://day.js.org/",version:"1.11.6"},{name:"lodash",url:"https://lodash.com/docs/4.17.15",version:"4.17.21"},{name:"mathjs",url:"https://mathjs.org/",version:"11.12.0"},{name:"numbro",url:"https://numbrojs.com/",version:"2.3.6"},{name:"faker",url:"https://fakerjs.dev/",version:"7.6.0"},{name:"popmotion",url:"https://popmotion.io/",version:"11.0.3"}],_u=e=>`
 <tr>
   <td><code>${e.name}</code></td>
   <td>
@@ -424,7 +424,7 @@ Variable: {{ your_var }}`,tabs:{guide:"Guide",vars:"Dashboard state & Panel vari
           ${c.join("")}
         </tbody>
       </table>
-      `}})}function R0(e){return e.x_axes.reduce((r,{label_formatter:a},l)=>(r[l]=function(i){let c=i;if(typeof i=="object"&&(Array.isArray(i.value)&&i.value.length===2?c=i.value[0]:c=i.value),!a)return c;try{return Y(c,a)}catch(d){return console.error(d),c}},r),{default:({value:r})=>r})}function e1(e,t){const r={};return t.map(a=>{const l=Re(a,e);r[a.name]=$e(a,l)}),r}function t1(e,t){return e.x_axes.map(({min:r,max:a,...l},o)=>{let i=l.position;return i||(i=o>0?"bottom":"top"),X.getYAxis({...l,type:"value",min:r||void 0,max:a||void 0,position:i,axisLabel:{show:!0,margin:2,formatter:t[o]??t.default},nameLocation:"center",nameGap:15})})}function n1(e,t){const r=t.every(i=>!Number.isNaN(Number(i))),{overflow:a,...l}=e.y_axis.axisLabel,o=Be(a.on_axis);return[X.getXAxis({data:t,name:e.y_axis.name??"",nameLocation:"end",nameTextStyle:{align:"center"},id:"main-y-axis",type:r?"value":"category",axisLabel:{...l,...o,formatter:xe(l.formatter)},z:5})]}function r1(e,t,r){if(!e.y_axis.data_key)return{};const a=e1(t,r),l=R0(e),o=A(e.y_axis.data_key),i=y.uniq(t[o.queryID].map(p=>p[o.columnKey])),c=i.every(p=>!Number.isNaN(Number(p))),d=Z0(e,i,c,t,l,r,a);return{xAxis:t1(e,l),yAxis:n1(e,i),series:d,tooltip:H0(e,d,l),grid:G0(e),legend:j0(e,d)}}function a1({conf:e,data:t,width:r,height:a,interactionManager:l,variables:o,instance:i}){const c=mt(t,e.y_axis.data_key),d=Ie(l.triggerManager,xr.id),u=h.useCallback(w=>{const m=y.get(c,w.name,{error:"rowData is not found"});d.forEach(k=>{l.runInteraction(k.id,{...w,rowData:m})})},[c,d,l]),p=h.useRef(null),f=h.useCallback(()=>{var m;const w=(m=p.current)==null?void 0:m.getEchartsInstance();w&&de(i,w.getOption())},[i]),v=h.useMemo(()=>({click:u,finished:f}),[u]),_=h.useMemo(()=>r1(e,t,o),[e,t]);return n.jsx(he,{echarts:ce,option:_,ref:p,style:{width:r,height:a},onEvents:v,notMerge:!0,theme:"merico-light"})}function s1({context:e,instance:t}){const r=Me({vizManager:e.vizManager,instance:t}),{value:a}=B(e.instanceData,"config"),{variables:l}=e,o=h.useMemo(()=>y.defaults({},a,Or),[a]),i=e.data,{width:c,height:d}=e.viewport;return!c||!d?null:n.jsx(_e,{width:c,height:d,children:n.jsx(a1,{instance:t,variables:l,width:Ge(c),height:Fe(d),data:i,conf:o,interactionManager:r})})}function l1({control:e,index:t,watch:r,variableOptions:a,xAxisOptions:l}){const{t:o}=x.useTranslation(),i=r(`reference_lines.${t}.orientation`);return n.jsxs(s.Stack,{my:0,p:0,pt:10,sx:{position:"relative"},children:[n.jsxs(s.Group,{grow:!0,wrap:"nowrap",children:[n.jsx(b.Controller,{name:`reference_lines.${t}.name`,control:e,render:({field:c})=>n.jsx(s.TextInput,{label:o("common.name"),placeholder:o("chart.reference_line.name_placeholder"),required:!0,sx:{flex:1},...c})}),n.jsx(b.Controller,{name:`reference_lines.${t}.variable_key`,control:e,render:({field:c})=>n.jsx(s.Select,{label:o("common.data_field"),required:!0,data:a,sx:{flex:1},...c})})]}),n.jsx(b.Controller,{name:`reference_lines.${t}.template`,control:e,render:({field:c})=>n.jsx(s.TextInput,{label:o("chart.content_template.label"),placeholder:o("chart.content_template.hint"),sx:{flex:1},...c})}),n.jsxs(s.Group,{grow:!0,children:[n.jsxs(s.Stack,{children:[n.jsx(b.Controller,{name:`reference_lines.${t}.orientation`,control:e,render:({field:c})=>n.jsx(gt,{sx:{flex:1},...c})}),i==="vertical"&&n.jsx(s.Text,{mt:-10,c:"dimmed",size:"12px",children:o("chart.reference_line.orientation.vertical_hint")})]}),i==="horizontal"&&n.jsx(b.Controller,{name:`reference_lines.${t}.xAxisIndex`,control:e,render:({field:c})=>n.jsx(s.Select,{label:o("chart.x_axis.label"),data:l,disabled:l.length===0,sx:{flex:1},...c})})]}),n.jsx(s.Divider,{mb:-10,mt:10,variant:"dashed",label:o("chart.style.label"),labelPosition:"center"}),n.jsxs(s.Group,{grow:!0,children:[n.jsx(b.Controller,{name:`reference_lines.${t}.lineStyle.type`,control:e,render:({field:c})=>n.jsx(Pt,{sx:{flexGrow:1},...c})}),n.jsx(b.Controller,{name:`reference_lines.${t}.lineStyle.width`,control:e,render:({field:c})=>n.jsx(s.NumberInput,{label:o("chart.series.line.line_width"),min:1,max:10,sx:{flexGrow:1},...c})})]}),n.jsx(s.SimpleGrid,{cols:2,children:n.jsx(b.Controller,{name:`reference_lines.${t}.lineStyle.color`,control:e,render:({field:c})=>n.jsx(ye,{label:o("chart.color.label"),...c})})}),n.jsx(s.Divider,{mb:-10,mt:10,variant:"dashed",label:o("chart.behavior.label"),labelPosition:"center"}),n.jsx(b.Controller,{name:`reference_lines.${t}.show_in_legend`,control:e,render:({field:c})=>n.jsx(s.Checkbox,{label:o("chart.legend.show_in_legend"),checked:c.value,onChange:d=>c.onChange(d.currentTarget.checked)})})]})}function o1({control:e,watch:t,variables:r}){const{t:a}=x.useTranslation(),l=()=>N0(),o=h.useMemo(()=>r.map(u=>({label:u.name,value:u.name})),[r]),i=t("x_axes"),c=h.useMemo(()=>i.map(({name:u},p)=>({label:u,value:p.toString()})),[i]),d=(u,p)=>{const f=u.name.trim();return f||p+1};return n.jsx(H,{control:e,watch:t,name:"reference_lines",getItem:l,addButtonText:a("chart.reference_line.add"),deleteButtonText:a("chart.reference_line.delete"),renderTabName:d,children:({field:u,index:p})=>n.jsx(l1,{control:e,index:p,watch:t,variableOptions:o,xAxisOptions:c})})}function i1({control:e,index:t,seriesItem:r}){const{t:a,i18n:l}=x.useTranslation(),o=!!r.barWidth.trim(),i=h.useMemo(()=>[{label:a("chart.series.bar.bar_gap.no_gap"),value:"0%"},{label:a("chart.series.bar.bar_gap.overlap"),value:"-100%"}],[l.language]);return n.jsxs(n.Fragment,{children:[n.jsxs(s.Group,{grow:!0,wrap:"nowrap",children:[n.jsx(b.Controller,{name:`series.${t}.stack`,control:e,render:({field:c})=>n.jsx(s.TextInput,{label:a("chart.series.bar.stack"),placeholder:a("chart.series.bar.stack_hint"),sx:{flexGrow:1},...c})}),n.jsx(b.Controller,{name:`series.${t}.barGap`,control:e,render:({field:c})=>n.jsx(s.Select,{label:a("chart.series.bar.bar_gap.label"),data:i,sx:{flexGrow:1},...c})})]}),n.jsxs(s.Group,{grow:!0,wrap:"nowrap",children:[n.jsx(b.Controller,{name:`series.${t}.barMinWidth`,control:e,render:({field:c})=>n.jsx(s.TextInput,{label:a("chart.series.bar.bar_width.min"),disabled:o,sx:{flexGrow:1},...c})}),n.jsx(b.Controller,{name:`series.${t}.barWidth`,control:e,render:({field:c})=>n.jsx(s.TextInput,{label:a("chart.series.bar.bar_width.exact"),sx:{flexGrow:1},...c})}),n.jsx(b.Controller,{name:`series.${t}.barMaxWidth`,control:e,render:({field:c})=>n.jsx(s.TextInput,{label:a("chart.series.bar.bar_width.max"),disabled:o,sx:{flexGrow:1},...c})})]})]})}function c1({control:e,index:t,seriesItem:r,xAxisOptions:a}){const{t:l}=x.useTranslation();return n.jsxs(s.Stack,{my:0,p:0,sx:{position:"relative"},children:[n.jsxs(s.Group,{grow:!0,wrap:"nowrap",children:[n.jsx(b.Controller,{name:`series.${t}.name`,control:e,render:({field:o})=>n.jsx(s.TextInput,{label:l("common.name"),required:!0,sx:{flex:1},...o})}),n.jsx(b.Controller,{name:`series.${t}.xAxisIndex`,control:e,render:({field:o})=>n.jsx(s.Select,{label:l("chart.x_axis.label"),data:a,disabled:a.length===0,sx:{flex:1},...o})})]}),n.jsxs(s.SimpleGrid,{cols:2,children:[n.jsx(b.Controller,{name:`series.${t}.data_key`,control:e,render:({field:o})=>n.jsx(q,{label:l("common.data_field"),required:!0,sx:{flex:1},...o})}),n.jsx(b.Controller,{name:`series.${t}.aggregation_on_value`,control:e,render:({field:o})=>n.jsx(Tr,{label:l("viz.horizontal_bar_chart.series.aggregation.label"),value:o.value??kt,onChange:o.onChange,pt:0,withFallback:!1})})]}),n.jsx(s.Group,{grow:!0,children:n.jsx(b.Controller,{name:`series.${t}.group_by_key`,control:e,render:({field:o})=>n.jsx(q,{label:l("chart.series.group_by.label"),clearable:!0,sx:{flex:1},...o})})}),n.jsx(b.Controller,{name:`series.${t}.unit`,control:e,render:({field:o})=>n.jsx(ue,{...o})}),n.jsx(i1,{index:t,control:e,seriesItem:r}),n.jsx(s.Divider,{mb:-10,mt:10,variant:"dashed",label:l("chart.style.label"),labelPosition:"center"}),n.jsx(b.Controller,{name:`series.${t}.label_position`,control:e,render:({field:o})=>n.jsx(Vt,{label:l("chart.label_position.label"),...o,withOffOption:!0,onChange:i=>{o.onChange(i??"")}})}),n.jsx(s.SimpleGrid,{cols:2,children:n.jsx(b.Controller,{name:`series.${t}.color`,control:e,render:({field:o})=>n.jsx(ye,{label:l("chart.color.label"),...o})})}),n.jsx(s.Divider,{mb:-10,mt:10,variant:"dashed",label:l("chart.behavior.label"),labelPosition:"center"}),n.jsx(b.Controller,{name:`series.${t}.hide_in_legend`,control:e,render:({field:o})=>n.jsx(s.Checkbox,{label:l("chart.legend.hide_in_legend"),checked:o.value,onChange:i=>o.onChange(i.currentTarget.checked)})}),n.jsx(b.Controller,{name:`series.${t}.invisible`,control:e,render:({field:o})=>n.jsx(s.Checkbox,{label:l("chart.behavior.invisible"),checked:o.value,onChange:i=>o.onChange(i.currentTarget.checked)})})]})}function d1({control:e,watch:t}){const{t:r}=x.useTranslation(),a=()=>O0(),l=(c,d)=>{const u=c.name.trim();return u||d+1},o=t("x_axes"),i=h.useMemo(()=>o.map(({name:c},d)=>({label:c,value:d.toString()})),[o]);return n.jsx(H,{control:e,watch:t,name:"series",getItem:a,addButtonText:r("chart.series.add"),deleteButtonText:r("chart.series.delete"),renderTabName:l,children:({field:c,index:d})=>n.jsx(c1,{control:e,index:d,seriesItem:c,xAxisOptions:i})})}const u1=h.forwardRef(({label:e,value:t,onChange:r,sx:a={}},l)=>{const{t:o,i18n:i}=x.useTranslation(),c=h.useMemo(()=>[{label:o("chart.x_axis.position.top"),value:"top"},{label:o("chart.x_axis.position.bottom"),value:"bottom"}],[i.language]);return n.jsx(s.Select,{ref:l,label:e??o("chart.x_axis.position.label"),data:c,value:t,onChange:Z(r),sx:a})});function p1({control:e,index:t}){const{t:r}=x.useTranslation();return n.jsxs(s.Stack,{my:10,p:"0",sx:{position:"relative"},children:[n.jsxs(s.Group,{grow:!0,wrap:"nowrap",children:[n.jsx(b.Controller,{name:`x_axes.${t}.name`,control:e,render:({field:a})=>n.jsx(s.TextInput,{label:r("common.name"),required:!0,sx:{flex:1},...a})}),n.jsx(b.Controller,{name:`x_axes.${t}.position`,control:e,render:({field:a})=>n.jsx(u1,{sx:{flex:1},...a})})]}),n.jsxs(s.Stack,{children:[n.jsx(s.Divider,{mb:-15,variant:"dashed",label:r("chart.x_axis.label_format"),labelPosition:"center"}),n.jsx(b.Controller,{name:`x_axes.${t}.label_formatter`,control:e,render:({field:a})=>n.jsx(Le,{...a})})]}),n.jsxs(s.Stack,{children:[n.jsx(s.Divider,{mb:-15,variant:"dashed",label:r("chart.x_axis.value_range"),labelPosition:"center"}),n.jsxs(s.Group,{grow:!0,children:[n.jsx(b.Controller,{name:`x_axes.${t}.min`,control:e,render:({field:a})=>n.jsx(s.TextInput,{label:r("chart.x_axis.value_min"),...a})}),n.jsx(b.Controller,{name:`x_axes.${t}.max`,control:e,render:({field:a})=>n.jsx(s.TextInput,{label:r("chart.x_axis.value_max"),...a})})]})]}),n.jsx(s.Divider,{mb:-10,mt:10,variant:"dashed",label:r("chart.x_axis.behavior"),labelPosition:"center"}),n.jsx(b.Controller,{name:`x_axes.${t}.show`,control:e,render:({field:a})=>n.jsx(s.Checkbox,{label:r("chart.x_axis.visible"),checked:a.value,onChange:l=>a.onChange(l.currentTarget.checked)})})]})}function h1({control:e,watch:t}){const{t:r}=x.useTranslation(),a=()=>q0(),l=(o,i)=>{const c=o.name.trim();return c||i+1};return n.jsx(H,{control:e,watch:t,name:"x_axes",getItem:a,addButtonText:r("chart.x_axis.add"),deleteButtonText:r("chart.x_axis.delete"),renderTabName:l,children:({field:o,index:i})=>n.jsx(p1,{control:e,index:i})})}function g1({control:e,watch:t}){const{t:r}=x.useTranslation();return t(["y_axis"]),n.jsxs(s.Stack,{children:[n.jsxs(s.Group,{grow:!0,wrap:"nowrap",children:[n.jsx(b.Controller,{name:"y_axis.name",control:e,render:({field:a})=>n.jsx(s.TextInput,{label:r("common.name"),sx:{flex:1},...a})}),n.jsx(b.Controller,{name:"y_axis.data_key",control:e,render:({field:a})=>n.jsx(q,{label:r("common.data_field"),required:!0,sx:{flex:1},...a})})]}),n.jsx(s.Divider,{mb:-15,label:r("chart.axis.tick_label"),variant:"dashed",labelPosition:"center"}),n.jsx(s.Group,{grow:!0,wrap:"nowrap",children:n.jsx(b.Controller,{name:"y_axis.axisLabel.formatter",control:e,render:({field:a})=>n.jsx(Qe,{...a})})}),n.jsx(b.Controller,{name:"y_axis.axisLabel.overflow",control:e,render:({field:a})=>n.jsx(We,{...a})})]})}function f1({context:e}){const{t}=x.useTranslation(),{value:r,set:a}=B(e.instanceData,"config"),{variables:l}=e,o=h.useMemo(()=>y.defaultsDeep({},r,Or),[r]),{control:i,handleSubmit:c,watch:d,formState:u,reset:p}=b.useForm({defaultValues:o});return h.useEffect(()=>{p(o)},[o]),n.jsx(s.Stack,{gap:"xs",children:n.jsxs("form",{onSubmit:c(a),children:[n.jsx(ae,{canSubmit:u.isDirty}),n.jsxs(s.Tabs,{defaultValue:"Series",orientation:"vertical",styles:{tab:{paddingLeft:"6px",paddingRight:"6px"},panel:{paddingTop:"6px",paddingLeft:"12px"}},children:[n.jsxs(s.Tabs.List,{children:[n.jsx(s.Tabs.Tab,{value:"X Axes",children:t("chart.x_axis.labels")}),n.jsx(s.Tabs.Tab,{value:"Y Axis",children:t("chart.y_axis.label")}),n.jsx(s.Tabs.Tab,{value:"Series",children:t("chart.series.label")}),n.jsx(s.Tabs.Tab,{value:"Reference Lines",children:t("chart.reference_line.labels")})]}),n.jsx(s.Tabs.Panel,{value:"X Axes",children:n.jsx(h1,{control:i,watch:d})}),n.jsx(s.Tabs.Panel,{value:"Y Axis",children:n.jsx(g1,{control:i,watch:d})}),n.jsx(s.Tabs.Panel,{value:"Series",children:n.jsx(d1,{control:i,watch:d})}),n.jsx(s.Tabs.Panel,{value:"Reference Lines",children:n.jsx(o1,{variables:l,control:i,watch:d})})]})]})})}const b1=[{lang:"en",resources:{horizontal_bar_chart:{viz_name:"Horizontal Bar Chart",series:{aggregation:{label:"Aggregation on Value"}}}}},{lang:"zh",resources:{horizontal_bar_chart:{viz_name:"水平方向柱图",series:{aggregation:{label:"聚合数据"}}}}}],y1={id:"builtin:echarts:click-echart:series",displayName:"viz.cartesian_chart.click_series.label",nameRender:_1,configRender:v1,payload:[{name:"seriesType",description:"'line' | 'scatter' | 'bar'",valueType:"string"},{name:"componentType",description:"'series'",valueType:"string"},{name:"name",description:"Name of the series clicked",valueType:"string"},{name:"color",description:"Color",valueType:"string"},{name:"value",description:"String-typed number, or series' actual value",valueType:"string"},{name:"rowData",description:"Data of the row",valueType:"object"}]};function v1(e){return n.jsx(n.Fragment,{})}function _1(e){const{t}=x.useTranslation();return n.jsx(s.Text,{size:"sm",children:t("viz.cartesian_chart.click_series.label")})}function x1(e,{panelModel:t}){try{const r=t.queryIDs[0];if(!r)throw new Error("cannot migrate when queryID is empty");const a=d=>d&&`${r}.${d}`,{x_axis:l,y_axis:o,series:i,...c}=e;return{...c,x_axis:{...l,data_key:a(l.data_key)},y_axis:{...o,data_key:a(o.data_key)},series:i.map(d=>({...d,data_key:a(d.data_key),group_by_key:a(d.group_by_key)}))}}catch(r){throw console.error("[Migration failed]",r),r}}function w1(e){const t=e.series.map(r=>({...r,unit:r.unit??U()}));return{...e,series:t}}class m1 extends ee{constructor(){super(...arguments);P(this,"VERSION",3)}configVersions(){this.version(1,r=>({version:1,config:r})),this.version(2,(r,a)=>{const{config:l}=r;return{...r,version:2,config:x1(l,a)}}),this.version(3,r=>{const{config:a}=r;return{...r,version:3,config:w1(a)}})}}const C1={displayName:"viz.horizontal_bar_chart.viz_name",displayGroup:"chart.groups.echarts_based_charts",migrator:new m1,name:"horizontalBarChart",viewRender:s1,configRender:f1,createConfig:()=>({version:3,config:Or}),triggers:[y1],translation:b1},Nr={x_axis:{name:"",data_key:"",axisLabel:{rotate:0,formatter:fe()}},deviation:{name:"",data_keys:{estimated_value:"",actual_value:""}},metrics:[]};function S1(){return[{top:20,left:30,right:60,height:40,containLabel:!0,backgroundColor:"rgba(235, 235, 255, 0.5)",borderWidth:0,show:!0},{top:70,left:30,right:60,height:100,containLabel:!0,backgroundColor:"rgba(235, 235, 255, 0.5)",borderWidth:0,show:!0},{top:180,left:30,right:60,bottom:130,containLabel:!0,backgroundColor:"rgba(235, 235, 255, 0.5)",borderWidth:0,show:!0},{left:30,right:60,bottom:20,height:100,containLabel:!1,backgroundColor:"rgba(235, 235, 255, 0.5)",borderWidth:0,show:!0}]}const vo=({value:e})=>{try{return Y(e[2],{output:"percent",mantissa:0,absolute:!1})}catch(t){return console.error(t),e}};function T1(e,t,r){return{type:"heatmap",name:"准确估算比例",xAxisIndex:0,yAxisIndex:0,data:t.map(l=>{const o=r[l].length,d=(y.countBy(r[l],u=>u.level.diff===0).true??0)/o;return[l,"_y",d]}),label:{show:!0,formatter:vo},labelLayout:{hideOverlap:!0},visualMapIndex:0,tooltip:{trigger:"item",formatter:({color:l,value:o})=>`
+      `}})}function R0(e){return e.x_axes.reduce((r,{label_formatter:a},l)=>(r[l]=function(i){let c=i;if(typeof i=="object"&&(Array.isArray(i.value)&&i.value.length===2?c=i.value[0]:c=i.value),!a)return c;try{return Y(c,a)}catch(d){return console.error(d),c}},r),{default:({value:r})=>r})}function e1(e,t){const r={};return t.map(a=>{const l=Re(a,e);r[a.name]=$e(a,l)}),r}function t1(e,t){return e.x_axes.map(({min:r,max:a,...l},o)=>{let i=l.position;return i||(i=o>0?"bottom":"top"),X.getYAxis({...l,type:"value",min:r||void 0,max:a||void 0,position:i,axisLabel:{show:!0,margin:2,formatter:t[o]??t.default},nameLocation:"center",nameGap:15})})}function n1(e,t){const r=t.every(i=>!Number.isNaN(Number(i))),{overflow:a,...l}=e.y_axis.axisLabel,o=Be(a.on_axis);return[X.getXAxis({data:t,name:e.y_axis.name??"",nameLocation:"end",nameTextStyle:{align:"center"},id:"main-y-axis",type:r?"value":"category",axisLabel:{...l,...o,formatter:xe(l.formatter)},z:5})]}function r1(e,t,r){if(!e.y_axis.data_key)return{};const a=e1(t,r),l=R0(e),o=A(e.y_axis.data_key),i=y.uniq(t[o.queryID].map(p=>p[o.columnKey])),c=i.every(p=>!Number.isNaN(Number(p))),d=Z0(e,i,c,t,l,r,a);return{xAxis:t1(e,l),yAxis:n1(e,i),series:d,tooltip:H0(e,d,l),grid:G0(e),legend:j0(e,d)}}function a1({conf:e,data:t,width:r,height:a,interactionManager:l,variables:o,instance:i}){const c=mt(t,e.y_axis.data_key),d=Ie(l.triggerManager,xr.id),u=h.useCallback(w=>{const m=y.get(c,w.name,{error:"rowData is not found"});d.forEach(k=>{l.runInteraction(k.id,{...w,rowData:m})})},[c,d,l]),p=h.useRef(null),f=h.useCallback(()=>{var m;const w=(m=p.current)==null?void 0:m.getEchartsInstance();w&&de(i,w.getOption())},[i]),v=h.useMemo(()=>({click:u,finished:f}),[u]),_=h.useMemo(()=>r1(e,t,o),[e,t]);return n.jsx(he,{echarts:ce,option:_,ref:p,style:{width:r,height:a},onEvents:v,notMerge:!0,theme:"merico-light"})}function s1({context:e,instance:t}){const r=Me({vizManager:e.vizManager,instance:t}),{value:a}=B(e.instanceData,"config"),{variables:l}=e,o=h.useMemo(()=>y.defaults({},a,Or),[a]),i=e.data,{width:c,height:d}=e.viewport;return!c||!d?null:n.jsx(_e,{width:c,height:d,children:n.jsx(a1,{instance:t,variables:l,width:Ge(c),height:Fe(d),data:i,conf:o,interactionManager:r})})}function l1({control:e,index:t,watch:r,variableOptions:a,xAxisOptions:l}){const{t:o}=x.useTranslation(),i=r(`reference_lines.${t}.orientation`);return n.jsxs(s.Stack,{my:0,p:0,pt:10,sx:{position:"relative"},children:[n.jsxs(s.Group,{grow:!0,wrap:"nowrap",children:[n.jsx(b.Controller,{name:`reference_lines.${t}.name`,control:e,render:({field:c})=>n.jsx(s.TextInput,{label:o("common.name"),placeholder:o("chart.reference_line.name_placeholder"),required:!0,sx:{flex:1},...c})}),n.jsx(b.Controller,{name:`reference_lines.${t}.variable_key`,control:e,render:({field:c})=>n.jsx(s.Select,{label:o("common.data_field"),required:!0,data:a,sx:{flex:1},...c})})]}),n.jsx(b.Controller,{name:`reference_lines.${t}.template`,control:e,render:({field:c})=>n.jsx(s.TextInput,{label:o("chart.content_template.label"),placeholder:o("chart.content_template.hint"),sx:{flex:1},...c})}),n.jsxs(s.Group,{grow:!0,children:[n.jsxs(s.Stack,{children:[n.jsx(b.Controller,{name:`reference_lines.${t}.orientation`,control:e,render:({field:c})=>n.jsx(gt,{sx:{flex:1},...c})}),i==="vertical"&&n.jsx(s.Text,{mt:-10,c:"dimmed",size:"12px",children:o("chart.reference_line.orientation.vertical_hint")})]}),i==="horizontal"&&n.jsx(b.Controller,{name:`reference_lines.${t}.xAxisIndex`,control:e,render:({field:c})=>n.jsx(s.Select,{label:o("chart.x_axis.label"),data:l,disabled:l.length===0,sx:{flex:1},...c})})]}),n.jsx(s.Divider,{mb:-10,mt:10,variant:"dashed",label:o("chart.style.label"),labelPosition:"center"}),n.jsxs(s.Group,{grow:!0,children:[n.jsx(b.Controller,{name:`reference_lines.${t}.lineStyle.type`,control:e,render:({field:c})=>n.jsx(Pt,{sx:{flexGrow:1},...c})}),n.jsx(b.Controller,{name:`reference_lines.${t}.lineStyle.width`,control:e,render:({field:c})=>n.jsx(s.NumberInput,{label:o("chart.series.line.line_width"),min:1,max:10,sx:{flexGrow:1},...c})})]}),n.jsx(s.SimpleGrid,{cols:2,children:n.jsx(b.Controller,{name:`reference_lines.${t}.lineStyle.color`,control:e,render:({field:c})=>n.jsx(ye,{label:o("chart.color.label"),...c})})}),n.jsx(s.Divider,{mb:-10,mt:10,variant:"dashed",label:o("chart.behavior.label"),labelPosition:"center"}),n.jsx(b.Controller,{name:`reference_lines.${t}.show_in_legend`,control:e,render:({field:c})=>n.jsx(s.Checkbox,{label:o("chart.legend.show_in_legend"),checked:c.value,onChange:d=>c.onChange(d.currentTarget.checked)})})]})}function o1({control:e,watch:t,variables:r}){const{t:a}=x.useTranslation(),l=()=>N0(),o=h.useMemo(()=>r.map(u=>({label:u.name,value:u.name})),[r]),i=t("x_axes"),c=h.useMemo(()=>i.map(({name:u},p)=>({label:u,value:p.toString()})),[i]),d=(u,p)=>{const f=u.name.trim();return f||p+1};return n.jsx(H,{control:e,watch:t,name:"reference_lines",getItem:l,addButtonText:a("chart.reference_line.add"),deleteButtonText:a("chart.reference_line.delete"),renderTabName:d,children:({field:u,index:p})=>n.jsx(l1,{control:e,index:p,watch:t,variableOptions:o,xAxisOptions:c})})}function i1({control:e,index:t,seriesItem:r}){const{t:a,i18n:l}=x.useTranslation(),o=!!r.barWidth.trim(),i=h.useMemo(()=>[{label:a("chart.series.bar.bar_gap.no_gap"),value:"0%"},{label:a("chart.series.bar.bar_gap.overlap"),value:"-100%"}],[l.language]);return n.jsxs(n.Fragment,{children:[n.jsxs(s.Group,{grow:!0,wrap:"nowrap",children:[n.jsx(b.Controller,{name:`series.${t}.stack`,control:e,render:({field:c})=>n.jsx(s.TextInput,{label:a("chart.series.bar.stack"),placeholder:a("chart.series.bar.stack_hint"),sx:{flexGrow:1},...c})}),n.jsx(b.Controller,{name:`series.${t}.barGap`,control:e,render:({field:c})=>n.jsx(s.Select,{label:a("chart.series.bar.bar_gap.label"),data:i,sx:{flexGrow:1},...c})})]}),n.jsxs(s.Group,{grow:!0,wrap:"nowrap",children:[n.jsx(b.Controller,{name:`series.${t}.barMinWidth`,control:e,render:({field:c})=>n.jsx(s.TextInput,{label:a("chart.series.bar.bar_width.min"),disabled:o,sx:{flexGrow:1},...c})}),n.jsx(b.Controller,{name:`series.${t}.barWidth`,control:e,render:({field:c})=>n.jsx(s.TextInput,{label:a("chart.series.bar.bar_width.exact"),sx:{flexGrow:1},...c})}),n.jsx(b.Controller,{name:`series.${t}.barMaxWidth`,control:e,render:({field:c})=>n.jsx(s.TextInput,{label:a("chart.series.bar.bar_width.max"),disabled:o,sx:{flexGrow:1},...c})})]})]})}function c1({control:e,index:t,seriesItem:r,xAxisOptions:a}){const{t:l}=x.useTranslation();return n.jsxs(s.Stack,{my:0,p:0,sx:{position:"relative"},children:[n.jsxs(s.Group,{grow:!0,wrap:"nowrap",children:[n.jsx(b.Controller,{name:`series.${t}.name`,control:e,render:({field:o})=>n.jsx(s.TextInput,{label:l("common.name"),required:!0,sx:{flex:1},...o})}),n.jsx(b.Controller,{name:`series.${t}.xAxisIndex`,control:e,render:({field:o})=>n.jsx(s.Select,{label:l("chart.x_axis.label"),data:a,disabled:a.length===0,sx:{flex:1},...o})})]}),n.jsxs(s.SimpleGrid,{cols:2,children:[n.jsx(b.Controller,{name:`series.${t}.data_key`,control:e,render:({field:o})=>n.jsx(q,{label:l("common.data_field"),required:!0,sx:{flex:1},...o})}),n.jsx(b.Controller,{name:`series.${t}.aggregation_on_value`,control:e,render:({field:o})=>n.jsx(Tr,{label:l("viz.horizontal_bar_chart.series.aggregation.label"),value:o.value??kt,onChange:o.onChange,pt:0,withFallback:!1})})]}),n.jsx(s.Group,{grow:!0,children:n.jsx(b.Controller,{name:`series.${t}.group_by_key`,control:e,render:({field:o})=>n.jsx(q,{label:l("chart.series.group_by.label"),clearable:!0,sx:{flex:1},...o})})}),n.jsx(b.Controller,{name:`series.${t}.unit`,control:e,render:({field:o})=>n.jsx(ue,{...o})}),n.jsx(i1,{index:t,control:e,seriesItem:r}),n.jsx(s.Divider,{mb:-10,mt:10,variant:"dashed",label:l("chart.style.label"),labelPosition:"center"}),n.jsx(b.Controller,{name:`series.${t}.label_position`,control:e,render:({field:o})=>n.jsx(Vt,{label:l("chart.label_position.label"),...o,withOffOption:!0,onChange:i=>{o.onChange(i??"")}})}),n.jsx(s.SimpleGrid,{cols:2,children:n.jsx(b.Controller,{name:`series.${t}.color`,control:e,render:({field:o})=>n.jsx(ye,{label:l("chart.color.label"),...o})})}),n.jsx(s.Divider,{mb:-10,mt:10,variant:"dashed",label:l("chart.behavior.label"),labelPosition:"center"}),n.jsx(b.Controller,{name:`series.${t}.hide_in_legend`,control:e,render:({field:o})=>n.jsx(s.Checkbox,{label:l("chart.legend.hide_in_legend"),checked:o.value,onChange:i=>o.onChange(i.currentTarget.checked)})}),n.jsx(b.Controller,{name:`series.${t}.invisible`,control:e,render:({field:o})=>n.jsx(s.Checkbox,{label:l("chart.behavior.invisible"),checked:o.value,onChange:i=>o.onChange(i.currentTarget.checked)})})]})}function d1({control:e,watch:t}){const{t:r}=x.useTranslation(),a=()=>O0(),l=(c,d)=>{const u=c.name.trim();return u||d+1},o=t("x_axes"),i=h.useMemo(()=>o.map(({name:c},d)=>({label:c,value:d.toString()})),[o]);return n.jsx(H,{control:e,watch:t,name:"series",getItem:a,addButtonText:r("chart.series.add"),deleteButtonText:r("chart.series.delete"),renderTabName:l,children:({field:c,index:d})=>n.jsx(c1,{control:e,index:d,seriesItem:c,xAxisOptions:i})})}const u1=h.forwardRef(({label:e,value:t,onChange:r,sx:a={}},l)=>{const{t:o,i18n:i}=x.useTranslation(),c=h.useMemo(()=>[{label:o("chart.x_axis.position.top"),value:"top"},{label:o("chart.x_axis.position.bottom"),value:"bottom"}],[i.language]);return n.jsx(s.Select,{ref:l,label:e??o("chart.x_axis.position.label"),data:c,value:t,onChange:Z(r),sx:a})});function p1({control:e,index:t}){const{t:r}=x.useTranslation();return n.jsxs(s.Stack,{my:10,p:"0",sx:{position:"relative"},children:[n.jsxs(s.Group,{grow:!0,wrap:"nowrap",children:[n.jsx(b.Controller,{name:`x_axes.${t}.name`,control:e,render:({field:a})=>n.jsx(s.TextInput,{label:r("common.name"),required:!0,sx:{flex:1},...a})}),n.jsx(b.Controller,{name:`x_axes.${t}.position`,control:e,render:({field:a})=>n.jsx(u1,{sx:{flex:1},...a})})]}),n.jsxs(s.Stack,{children:[n.jsx(s.Divider,{mb:-15,variant:"dashed",label:r("chart.x_axis.label_format"),labelPosition:"center"}),n.jsx(b.Controller,{name:`x_axes.${t}.label_formatter`,control:e,render:({field:a})=>n.jsx(Le,{...a})})]}),n.jsxs(s.Stack,{children:[n.jsx(s.Divider,{mb:-15,variant:"dashed",label:r("chart.x_axis.value_range"),labelPosition:"center"}),n.jsxs(s.Group,{grow:!0,children:[n.jsx(b.Controller,{name:`x_axes.${t}.min`,control:e,render:({field:a})=>n.jsx(s.TextInput,{label:r("chart.x_axis.value_min"),...a})}),n.jsx(b.Controller,{name:`x_axes.${t}.max`,control:e,render:({field:a})=>n.jsx(s.TextInput,{label:r("chart.x_axis.value_max"),...a})})]})]}),n.jsx(s.Divider,{mb:-10,mt:10,variant:"dashed",label:r("chart.x_axis.behavior"),labelPosition:"center"}),n.jsx(b.Controller,{name:`x_axes.${t}.show`,control:e,render:({field:a})=>n.jsx(s.Checkbox,{label:r("chart.x_axis.visible"),checked:a.value,onChange:l=>a.onChange(l.currentTarget.checked)})})]})}function h1({control:e,watch:t}){const{t:r}=x.useTranslation(),a=()=>q0(),l=(o,i)=>{const c=o.name.trim();return c||i+1};return n.jsx(H,{control:e,watch:t,name:"x_axes",getItem:a,addButtonText:r("chart.x_axis.add"),deleteButtonText:r("chart.x_axis.delete"),renderTabName:l,children:({field:o,index:i})=>n.jsx(p1,{control:e,index:i})})}function g1({control:e,watch:t}){const{t:r}=x.useTranslation();return t(["y_axis"]),n.jsxs(s.Stack,{children:[n.jsxs(s.Group,{grow:!0,wrap:"nowrap",children:[n.jsx(b.Controller,{name:"y_axis.name",control:e,render:({field:a})=>n.jsx(s.TextInput,{label:r("common.name"),sx:{flex:1},...a})}),n.jsx(b.Controller,{name:"y_axis.data_key",control:e,render:({field:a})=>n.jsx(q,{label:r("common.data_field"),required:!0,sx:{flex:1},...a})})]}),n.jsx(s.Divider,{mb:-15,label:r("chart.axis.tick_label"),variant:"dashed",labelPosition:"center"}),n.jsx(s.Group,{grow:!0,wrap:"nowrap",children:n.jsx(b.Controller,{name:"y_axis.axisLabel.formatter",control:e,render:({field:a})=>n.jsx(Qe,{...a})})}),n.jsx(b.Controller,{name:"y_axis.axisLabel.overflow",control:e,render:({field:a})=>n.jsx(We,{...a})})]})}function f1({context:e}){const{t}=x.useTranslation(),{value:r,set:a}=B(e.instanceData,"config"),{variables:l}=e,o=h.useMemo(()=>y.defaultsDeep({},r,Or),[r]),{control:i,handleSubmit:c,watch:d,formState:u,reset:p}=b.useForm({defaultValues:o});return h.useEffect(()=>{p(o)},[o]),n.jsx(s.Stack,{gap:"xs",children:n.jsxs("form",{onSubmit:c(a),children:[n.jsx(ae,{canSubmit:u.isDirty}),n.jsxs(s.Tabs,{defaultValue:"Series",orientation:"vertical",styles:{tab:{paddingLeft:"6px",paddingRight:"6px"},panel:{paddingTop:"6px",paddingLeft:"12px"}},children:[n.jsxs(s.Tabs.List,{children:[n.jsx(s.Tabs.Tab,{value:"X Axes",children:t("chart.x_axis.labels")}),n.jsx(s.Tabs.Tab,{value:"Y Axis",children:t("chart.y_axis.label")}),n.jsx(s.Tabs.Tab,{value:"Series",children:t("chart.series.label")}),n.jsx(s.Tabs.Tab,{value:"Reference Lines",children:t("chart.reference_line.labels")})]}),n.jsx(s.Tabs.Panel,{value:"X Axes",children:n.jsx(h1,{control:i,watch:d})}),n.jsx(s.Tabs.Panel,{value:"Y Axis",children:n.jsx(g1,{control:i,watch:d})}),n.jsx(s.Tabs.Panel,{value:"Series",children:n.jsx(d1,{control:i,watch:d})}),n.jsx(s.Tabs.Panel,{value:"Reference Lines",children:n.jsx(o1,{variables:l,control:i,watch:d})})]})]})})}const b1=[{lang:"en",resources:{horizontal_bar_chart:{viz_name:"Horizontal Bar Chart",series:{aggregation:{label:"Aggregation on Value"}}}}},{lang:"zh",resources:{horizontal_bar_chart:{viz_name:"水平方向柱图",series:{aggregation:{label:"聚合数据"}}}}}],y1={id:"builtin:echarts:click-echart:series",displayName:"viz.cartesian_chart.click_series.label",nameRender:_1,configRender:v1,payload:[{name:"seriesType",description:"'line' | 'scatter' | 'bar'",valueType:"string"},{name:"componentType",description:"'series'",valueType:"string"},{name:"name",description:"Name of the series clicked",valueType:"string"},{name:"color",description:"Color",valueType:"string"},{name:"value",description:"String-typed number, or series' actual value",valueType:"string"},{name:"rowData",description:"Data of the row",valueType:"object"}]};function v1(e){return n.jsx(n.Fragment,{})}function _1(e){const{t}=x.useTranslation();return n.jsx(s.Text,{size:"sm",children:t("viz.cartesian_chart.click_series.label")})}function x1(e,{panelModel:t}){try{const r=t.queryIDs[0];if(!r)throw new Error("cannot migrate when queryID is empty");const a=d=>d&&!d.includes(`${r}.`)?`${r}.${d}`:d,{x_axes:l,y_axis:o,series:i,...c}=e;return{...c,x_axes:l.map(d=>({...d,data_key:a(d.data_key)})),y_axis:{...o,data_key:a(o.data_key)},series:i.map(d=>({...d,data_key:a(d.data_key),group_by_key:a(d.group_by_key)}))}}catch(r){throw console.error("[Migration failed]",r),r}}function w1(e){const t=e.series.map(r=>({...r,unit:r.unit??U()}));return{...e,series:t}}class m1 extends ee{constructor(){super(...arguments);P(this,"VERSION",3)}configVersions(){this.version(1,r=>({version:1,config:r})),this.version(2,(r,a)=>{const{config:l}=r;return{...r,version:2,config:x1(l,a)}}),this.version(3,r=>{const{config:a}=r;return{...r,version:3,config:w1(a)}})}}const C1={displayName:"viz.horizontal_bar_chart.viz_name",displayGroup:"chart.groups.echarts_based_charts",migrator:new m1,name:"horizontalBarChart",viewRender:s1,configRender:f1,createConfig:()=>({version:3,config:y.cloneDeep(Or)}),triggers:[y1],translation:b1},Nr={x_axis:{name:"",data_key:"",axisLabel:{rotate:0,formatter:fe()}},deviation:{name:"",data_keys:{estimated_value:"",actual_value:""}},metrics:[]};function S1(){return[{top:20,left:30,right:60,height:40,containLabel:!0,backgroundColor:"rgba(235, 235, 255, 0.5)",borderWidth:0,show:!0},{top:70,left:30,right:60,height:100,containLabel:!0,backgroundColor:"rgba(235, 235, 255, 0.5)",borderWidth:0,show:!0},{top:180,left:30,right:60,bottom:130,containLabel:!0,backgroundColor:"rgba(235, 235, 255, 0.5)",borderWidth:0,show:!0},{left:30,right:60,bottom:20,height:100,containLabel:!1,backgroundColor:"rgba(235, 235, 255, 0.5)",borderWidth:0,show:!0}]}const vo=({value:e})=>{try{return Y(e[2],{output:"percent",mantissa:0,absolute:!1})}catch(t){return console.error(t),e}};function T1(e,t,r){return{type:"heatmap",name:"准确估算比例",xAxisIndex:0,yAxisIndex:0,data:t.map(l=>{const o=r[l].length,d=(y.countBy(r[l],u=>u.level.diff===0).true??0)/o;return[l,"_y",d]}),label:{show:!0,formatter:vo},labelLayout:{hideOverlap:!0},visualMapIndex:0,tooltip:{trigger:"item",formatter:({color:l,value:o})=>`
           <table style="width: auto">
             <thead>
               <tr colspan="2">