{"version":3,"file":"TidesPopupWindow.mjs","sources":["../../../../../../../packages/sdk/plugins/weather/Tides/TidesPopupWindow.ts"],"sourcesContent":["import L from 'leaflet'\nimport type { MyMap } from '@map-sdk/sdk/ShipxyAPISDK'\n\n/**\n * 潮汐弹出窗口\n */\nexport class TidesPopupWindow {\n  map: MyMap\n  container: HTMLDivElement\n  constructor(map: MyMap) {\n    this.map = map\n    const html = `<div class=\"tbody\" id=\"tbodymove\">\n                  <tr>20 <td class=\"tide_hm \">20\n                      <div id=\"tide_title\" class=\"tide_title\">潮汐观测点: 大戢山 (浙江 舟山市)</div>\n                      20 <a href=\"javascript:void(0);\" id=\"tide_close\" class=\"tide_close\">\n                      </a>20 </td>\n                  </tr>\n                  <tr>20 <td id=\"tide_mm\">20\n                      <div class=\"tide_body\" style=\"\">2020<div>2020\n                          <div id=\"tide_loading\" style=\"height: 428px; display: none;\">\n                            202020 <div style=\"padding-top:200px;text-align:center;color:gray;\">\n                              加载中，请稍后...\n                            </div>2020</div>2020<div id=\"tide_content\" class=\"tide_content\">202020\n                            <a class=\"tide_a before\"> 前一天</a>\n                            <a class=\"tide_a after\">后一天</a>\n                            <div id=\"box_tide_day\" class=\"tide_day_box\">\n                              <table class=\"tide-table\">\n                                <tbody>\n                                  <tr>\n                                    <td id=\"tide_day_1\" class=\"tide_day_title border-left\"\n                                      width=\"50%\">\n                                      2018年01月25日 (腊月 初九)</td>\n                                    <td id=\"tide_day_2\" class=\"tide_day_title td-next\">2018年01月26日\n                                      (腊月 初十)</td>\n                                  </tr>\n                    <td class=\"border-left\">\n                      <table class=\"tide_day_table\">\n                        <tbody id=\"tide_day_table1\">\n                          <tr>\n                            <td>潮时一</td>202020202020<td width=\"70\">03:34</td>202020202020\n                            <td>潮高：</td>202020202020<td width=\"50\" align=\"left\">343cm</td>\n                            202020202020\n                          </tr>202020202020<tr>202020202020<td>潮时二：</td>202020202020<td>09:52</td>\n                            202020202020<td>潮高：</td>\n                            <td align=\"left\">143cm</td>\n                          </tr>\n                          <tr>\n                            <td>潮时三：</td>202020202020<td>15:46</td>202020202020<td>潮高：</td>\n                            <td align=\"left\">347cm</td>\n                          </tr>\n                          <tr>\n                            <td>潮时四：</td>\n                            <td>22:36</td>\n                            <td>潮高：</td>\n                            <td align=\"left\">112cm</td>\n                          </tr>\n                        </tbody>\n                      </table>\n                    </td>\n                    <td class=\"td-next\">\n                      <table class=\"tide_day_table\">\n                        <tbody id=\"tide_day_table2\">\n                          <tr>\n                            <td>潮时一：</td>\n                            <td width=\"70\">04:51</td>\n                            <td>潮高：</td>\n                            <td width=\"50\" align=\"left\">337cm</td>\n                          </tr>\n                          <tr>\n                            <td>潮时二：</td>\n                            <td>11:15</td>\n                            <td>潮高：</td>\n                            <td align=\"left\">164cm</td>\n                          </tr>\n                          <tr>\n                            <td>潮时三：</td>\n                            <td>17:04</td>\n                            <td>潮高：</td>\n                            <td align=\"left\">322cm</td>\n                          </tr>\n                    <td>潮时四：</td>\n                    <td>23:54</td>\n                    <td>潮高：</td>\n                    <td align=\"left\">116cm</td>\n                  </tr>\n                  </tbody>\n                  </table>\n                  </td>\n                  </tr>\n                  </tbody>\n                  </table>\n                </div>\n                <div id=\"tide_img\" class=\"tide_img\">\n                  <div id=\"tide_echart_div\" class=\"tide_echart_div\"> </div>\n                </div>\n                </div>\n                </div>\n                <!--<div class=\"xwin_full xwin_alpha\" style=\"height: 430px; display: none;\"></div>-->\n                </div>\n                </td>\n                <!--<td class=\"xwin_mr xwin_e_e\"></td>-->\n                </tr>\n                </div>`\n    this.container = document.createElement('div') as HTMLDivElement\n    this.container.innerHTML = html\n  }\n\n  show() {\n    L.DomEvent.disableClickPropagation(this.container)\n    this.map.getContainer().appendChild(this.container as any)\n    // const img = document.getElementsByTagName('img') as HTMLElement\n    // img.ondragstart = function () {\n    //   return false\n    // }\n    const tbodymove = document.querySelector('#tbodymove') as HTMLElement\n    tbodymove.onmousedown = (e) => {\n      const offsetLeft = e.clientX - tbodymove.offsetLeft\n      const offsetTop = e.clientY - tbodymove.offsetTop\n      document.onmousemove = (e) => {\n        let left = e.clientX - offsetLeft\n        let top = e.clientY - offsetTop\n        const size = this.map.getSize()\n        left <= 0 ? (left = 0) : left >= size.x - 600 && (left = size.x - 600),\n          top <= 0 ? (top = 0) : top >= size.y - 430 && (top = size.y - 430),\n          (tbodymove.style.left = `${left}px`),\n          (tbodymove.style.top = `${top}px`)\n      }\n      document.onmouseup = function () {\n        document.onmousemove = null\n        document.onmouseup = null\n      }\n    }\n  }\n}\n"],"names":["TidesPopupWindow","constructor","t","this","map","container","document","createElement","innerHTML","show","n","DomEvent","disableClickPropagation","getContainer","appendChild","querySelector","onmousedown","i","s","clientX","offsetLeft","o","clientY","offsetTop","onmousemove","l","d","e","a","getSize","x","y","style","left","top","onmouseup"],"mappings":"uBAA8B,MAAMA,EAAiB,WAAAC,CAAYC,GAAGC,KAAKC,IAAIF,EA2FrDC,KAAKE,UAAUC,SAASC,cAAc,OAAOJ,KAAKE,UAAUG,UA3FG,q4IA2FQ,CAAC,IAAAC,GAAOC,EAAEC,SAASC,wBAAwBT,KAAKE,WAAWF,KAAKC,IAAIS,eAAeC,YAAYX,KAAKE,WAAW,MAAMH,EAAEI,SAASS,cAAc,cAAcb,EAAEc,YAAYC,IAAI,MAAMC,EAAED,EAAEE,QAAQjB,EAAEkB,WAAWC,EAAEJ,EAAEK,QAAQpB,EAAEqB,UAAUjB,SAASkB,YAAYC,IAAI,IAAIC,EAAED,EAAEN,QAAQD,EAAES,EAAEF,EAAEH,QAAQD,EAAE,MAAMO,EAAEzB,KAAKC,IAAIyB,UAAUH,GAAG,EAAEA,EAAE,EAAEA,GAAGE,EAAEE,EAAE,MAAMJ,EAAEE,EAAEE,EAAE,KAAKH,GAAG,EAAEA,EAAE,EAAEA,GAAGC,EAAEG,EAAE,MAAMJ,EAAEC,EAAEG,EAAE,KAAK7B,EAAE8B,MAAMC,KAAK,GAAGP,MAAMxB,EAAE8B,MAAME,IAAI,GAAGP,OAAOrB,SAAS6B,UAAU,WAAW7B,SAASkB,YAAY,KAAKlB,SAAS6B,UAAU,IAAI,EAAE"}