@cmeslib/components 0.1.14 → 0.3.0-beta.0

package/es/hooks/demo/index.d.ts

@@ -0,0 +1 @@
+export declare function useDemoHook(): void;

package/es/hooks/demo/index.mjs

@@ -0,0 +1,5 @@
+function useDemoHook() {
+  console.log("This is a demo hook from cmeslib-components.");
+}
+
+export { useDemoHook };

package/es/hooks/index.d.ts

@@ -0,0 +1,2 @@
+export * from './demo';
+export * from './common';

package/es/hooks/index.mjs

@@ -0,0 +1,2 @@
+export { useDemoHook } from './demo/index.mjs';
+export { clearSingleFlightRegistry, useGlobalSingleFlight } from './common/src/globalSingleFlight.mjs';

package/es/index.css

@@ -2,4 +2,67 @@
   border-radius: 6px;
   background-color: #747bff;
   color: red;
+}
+.hifleet-map-container[data-v-0b224a81] {
+  position: relative;
+}
+.hifleet-map-container .hifleet-map-container-maptype[data-v-0b224a81] {
+  position: absolute;
+  right: 10px;
+  bottom: 0;
+  z-index: 999;
+  display: flex;
+  padding: 0;
+  margin: 0;
+  list-style: none;
+}
+.hifleet-map-container .hifleet-map-container-maptype .map__type--li[data-v-0b224a81] {
+  padding: 10px;
+  padding-bottom: 0;
+  font-size: 14px;
+  font-weight: bold;
+  color: #666;
+  cursor: pointer;
+}
+
+.missing-ais[data-v-0b224a81] {
+  position: absolute;
+  top: 20px;
+  left: 20px;
+  z-index: 1000;
+  font-size: 18px;
+  color: red;
+}
+
+.map__position--wrapper[data-v-0b224a81] {
+  position: absolute;
+  right: 10px;
+  bottom: 25px;
+  z-index: 1000;
+  width: 120px;
+  padding: 2px 5px;
+  font-size: 12px;
+  color: #000;
+  background: rgba(233, 239, 235, 0.8);
+  border: 1px solid #f5f5f5;
+  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3);
+}
+.map__position--wrapper .map__position--des[data-v-0b224a81] {
+  position: absolute;
+  top: -10px;
+  right: -10px;
+  z-index: 1;
+  min-width: 16px;
+  min-height: 10px;
+  padding: 0 2px;
+  font-size: 12px;
+  font-weight: 500;
+  line-height: 14px;
+  color: #fff;
+  text-align: center;
+  cursor: pointer;
+  background-color: #02a0ff;
+  border: 1px solid #fff;
+  border-radius: 4px;
+  box-sizing: border-box;
 }

package/es/index.d.ts

@@ -1,2 +1,3 @@
 export * from './components';
 export * from './directives';
+export * from './hooks';

package/es/index.mjs

@@ -1,6 +1,9 @@
-export { DemoDirective } from './directives/index.mjs';
-import './components/demo/src/demo-button.vue.mjs';
-export { default as DemoButton } from './components/demo/src/demo-button.vue2.mjs';
-import './components/demo/src/demo-button-setup-tsx.vue.mjs';
 export { default as DemoButtonSetupTsx } from './components/demo/src/demo-button-setup-tsx.vue2.mjs';
+export { default as DeptTreeSelect } from './components/selectors/src/DeptTreeSelect.vue2.mjs';
+export { default as UserTreeSelect } from './components/selectors/src/UserTreeSelect.vue2.mjs';
+export { default as DemoButton } from './components/demo/src/demo-button.vue.mjs';
 export { default as DemoButtonTsx } from './components/demo/src/demo-button-tsx.mjs';
+export { default as HiFleetMap } from './components/hifleet/src/index.vue.mjs';
+export { clearSingleFlightRegistry, useGlobalSingleFlight } from './hooks/common/src/globalSingleFlight.mjs';
+export { useDemoHook } from './hooks/demo/index.mjs';
+export { vFocus } from './directives/demo/index.mjs';

package/es/types/env.d.mjs

@@ -0,0 +1 @@
+

package/lib/_virtual/_plugin-vue_export-helper.js

@@ -0,0 +1,13 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+
+exports.default = _export_sfc;

package/lib/components/demo/index.js

@@ -1,13 +1,11 @@
 'use strict';
 
-require('./src/demo-button.vue.js');
-require('./src/demo-button-setup-tsx.vue.js');
-var demoButtonTsx = require('./src/demo-button-tsx.js');
-var demoButton_vue_vue_type_script_setup_true_lang = require('./src/demo-button.vue2.js');
+var demoButton = require('./src/demo-button.vue.js');
 var demoButtonSetupTsx_vue_vue_type_script_setup_true_lang = require('./src/demo-button-setup-tsx.vue2.js');
+var demoButtonTsx = require('./src/demo-button-tsx.js');
 
 
 
-exports.DemoButtonTsx = demoButtonTsx.default;
-exports.DemoButton = demoButton_vue_vue_type_script_setup_true_lang.default;
+exports.DemoButton = demoButton.default;
 exports.DemoButtonSetupTsx = demoButtonSetupTsx_vue_vue_type_script_setup_true_lang.default;
+exports.DemoButtonTsx = demoButtonTsx.default;

package/lib/components/demo/src/demo-button-setup-tsx.vue.js

@@ -4,6 +4,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var demoButtonSetupTsx_vue_vue_type_script_setup_true_lang = require('./demo-button-setup-tsx.vue2.js');
 
-demoButtonSetupTsx_vue_vue_type_script_setup_true_lang.default.__file = "packages/cmeslib-components/components/demo/src/demo-button-setup-tsx.vue";
+
 
 exports.default = demoButtonSetupTsx_vue_vue_type_script_setup_true_lang.default;

package/lib/components/demo/src/demo-button-setup-tsx.vue2.js

@@ -6,7 +6,7 @@ var jsxRuntime = require('vue/jsx-runtime');
 var vue = require('vue');
 var elementPlus = require('element-plus');
 
-var script = /* @__PURE__ */ vue.defineComponent({
+var _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "demo-button-setup-tsx",
   setup(__props) {
     const count = vue.ref(0);
@@ -25,4 +25,4 @@ var script = /* @__PURE__ */ vue.defineComponent({
   }
 });
 
-exports.default = script;
+exports.default = _sfc_main;

package/lib/components/demo/src/demo-button.vue.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var demoButton_vue_vue_type_script_setup_true_lang = require('./demo-button.vue2.js');
+var _pluginVue_exportHelper = require('../../../_virtual/_plugin-vue_export-helper.js');
 
-demoButton_vue_vue_type_script_setup_true_lang.default.__scopeId = "data-v-45226689";
-demoButton_vue_vue_type_script_setup_true_lang.default.__file = "packages/cmeslib-components/components/demo/src/demo-button.vue";
+var demoButton = /* @__PURE__ */ _pluginVue_exportHelper.default(demoButton_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-eab32df7"]]);
 
-exports.default = demoButton_vue_vue_type_script_setup_true_lang.default;
+exports.default = demoButton;

package/lib/components/demo/src/demo-button.vue2.js

@@ -6,7 +6,7 @@ var vue = require('vue');
 var elementPlus = require('element-plus');
 var utils = require('@cmeslib/utils');
 
-var script = /* @__PURE__ */ vue.defineComponent({
+var _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "demo-button",
   props: {
     type: { type: String, required: false }
@@ -16,7 +16,7 @@ var script = /* @__PURE__ */ vue.defineComponent({
       console.log("Button clicked");
     };
     vue.onMounted(() => {
-      utils.initHiFleet("demo-button", 34);
+      utils.loadHiFleetResources();
     });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElButton), {
@@ -38,4 +38,4 @@ var script = /* @__PURE__ */ vue.defineComponent({
   }
 });
 
-exports.default = script;
+exports.default = _sfc_main;

package/lib/components/hifleet/index.d.ts

@@ -0,0 +1,4 @@
+import HiFleetMap from './src/index.vue';
+import type { HiFleetMapInitResponse } from './src/types';
+export { HiFleetMap };
+export type { HiFleetMapInitResponse };

package/lib/components/hifleet/index.js

@@ -0,0 +1,7 @@
+'use strict';
+
+var index = require('./src/index.vue.js');
+
+
+
+exports.HiFleetMap = index.default;

package/lib/components/hifleet/src/helper.d.ts

@@ -0,0 +1,32 @@
+import type { LayerGroup, LatLngExpression } from 'leaflet';
+import { LineOptions, MapObj } from './types';
+export declare function init(mapId: string, defaultMapType?: string): MapObj;
+export declare const mapType: import("vue").Ref<string, string>;
+export declare function changMapType(type: string, map: any, app: any): string;
+export declare function mathLngFn(lnglng: number, multiple: number): any;
+/**
+ * @param points [[维度，经度]]
+ * @param options // 更多配置详阅 https://leafletjs.com/reference.html#polyline
+ * @param layer 图层
+ */
+export declare function displayPredictLine(points: LatLngExpression[], layer: LayerGroup, options?: LineOptions): void;
+/**
+ * @param points [[维度，经度]]
+ * @param options // 更多配置详阅 https://leafletjs.com/reference.html#polyline
+ * @param layer 图层
+ */
+export declare function displayRealLine(points: LatLngExpression[], layer: LayerGroup, options?: LineOptions): void;
+/**
+ * @param points [[经度，维度]]
+ * @param type [经，纬]字段 key值
+ */
+export declare function objectDayLineTransform(points: any, type: any): any[];
+/**
+ * @param points [[经度，维度]]
+ */
+export declare function dayLineTransform(points: any): any[];
+export declare function convertLines(arg: any): any[];
+/**
+ * 设置图标
+ */
+export declare function setPointIcon(type: string): import("leaflet").Icon<import("leaflet").IconOptions>;

package/lib/components/hifleet/src/helper.js

@@ -0,0 +1,272 @@
+'use strict';
+
+var vue = require('vue');
+
+function init(mapId, defaultMapType = "normal") {
+  const app = window.hifleet.create({ el: mapId });
+  const map = app.getMap();
+  const featureLayer = window.L.layerGroup();
+  const solidLineLayer = window.L.layerGroup();
+  const dottedLineLayer = window.L.layerGroup();
+  const lineLayer = window.L.layerGroup();
+  const tooltipLayer = window.L.layerGroup();
+  const markerLayer = window.L.layerGroup();
+  const mapEle = document.getElementsByClassName("leaflet-control-attribution");
+  for (let i = 0; i < mapEle.length; i++) {
+    const item = mapEle[i];
+    item.style.display = "none";
+  }
+  if (defaultMapType === "satellite") {
+    changMapType("satellite", map, app);
+  } else {
+    changMapType("normal", map, app);
+    app.setSeaMapMode();
+  }
+  featureLayer.addTo(map);
+  solidLineLayer.addTo(map);
+  dottedLineLayer.addTo(map);
+  lineLayer.addTo(map);
+  tooltipLayer.addTo(map);
+  markerLayer.addTo(map);
+  const EVENT = app.EVENT;
+  const latlngInfoObj = vue.ref();
+  latlngInfoObj.value = {
+    lng: "",
+    lat: "",
+    lngDegree: "",
+    latDegree: ""
+  };
+  map.on("mousemove", (result) => {
+    const lnglng = +result.latlng.lng;
+    const latlng = +result.latlng.lat;
+    const multiple = Math.abs(+(lnglng / 360 + "").split(".")[0]);
+    const lng = mathLngFn(lnglng, multiple);
+    const lngDegreeArr = (lng + "").split(".");
+    const lngX = Math.abs(+lngDegreeArr[0]);
+    const lngY = ((Math.abs(lng) - lngX) * 60).toFixed(3);
+    const lngDegree = lngX + "\xB0" + lngY + " " + (lng >= 0 ? "E" : "W");
+    const latDegreeArr = (latlng + "").split(".");
+    const latX = Math.abs(+latDegreeArr[0]);
+    const latY = ((Math.abs(latlng) - latX) * 60).toFixed(3);
+    const latDegree = latX + "\xB0" + latY + " " + (latlng >= 0 ? "N" : "S");
+    latlngInfoObj.value = {
+      lng: lng.toFixed(5),
+      lat: latlng.toFixed(5),
+      lngDegree,
+      latDegree
+    };
+  });
+  const mapObj = {
+    mapInfo: {
+      // 地图对象
+      app,
+      map,
+      EVENT
+    },
+    latlngInfoObj,
+    // 经纬度信息
+    layerGroup: {
+      // 默认建图层
+      featureLayer,
+      solidLineLayer,
+      dottedLineLayer,
+      lineLayer,
+      tooltipLayer,
+      markerLayer
+    }
+  };
+  return mapObj;
+}
+let globalLayer;
+const mapType = vue.ref("normal");
+function changMapType(type = mapType.value, map, app) {
+  switch (type) {
+    case "normal":
+      if (globalLayer) {
+        map.removeLayer(globalLayer);
+        globalLayer = null;
+      }
+      app.openMap();
+      app.changeMap({ lang: "cn", key: "global" });
+      break;
+    case "satellite":
+      if (globalLayer) {
+        map.removeLayer(globalLayer);
+        globalLayer = null;
+      }
+      app.openMap();
+      app.changeMap({ lang: "cn", key: "satellite" });
+      break;
+    case "global":
+      app.closeMap();
+      globalLayer = window.L.tileLayer(
+        "https://api.hifleet.com/nauticalmap/en/token?usertoken=uhzt76EZeisfeaj9mfjRe7wUhvQbokxgEYkBlfnXlR53HDfWXhpBuiIp7ZwY00S8&x={x}&y={y}&z={z}"
+      ).addTo(map);
+      break;
+  }
+  vue.nextTick(() => {
+    if (map) {
+      map.invalidateSize(true);
+    }
+  });
+  mapType.value = type;
+  return type;
+}
+function mathLngFn(lnglng, multiple) {
+  let lng;
+  if (lnglng >= 0) {
+    lng = Math.abs(lnglng - 360 * multiple) < 180 ? lnglng - 360 * multiple : lnglng - 360 * multiple - 360;
+  } else {
+    lng = Math.abs(lnglng + 360 * multiple) < 180 ? lnglng + 360 * multiple : lnglng + 360 * multiple + 360;
+  }
+  return lng;
+}
+function displayPredictLine(points, layer, options = { weight: 2, color: "#F95E5A" }) {
+  const predictFeature = window.L.polyline(points, {
+    // snakingPause: 200,
+    color: options.color,
+    // 线的颜色
+    weight: options.weight,
+    // 线的宽度
+    dashArray: [10, 10]
+    // 虚线间隔的设置
+    // zIndex: 9
+  }).addTo(layer);
+  window.L.polylineDecorator(predictFeature, {
+    patterns: [
+      // defines a pattern of 10px-wide dashes, repeated every 20px on the line
+      {
+        offset: 30,
+        repeat: 100,
+        symbol: window.L.Symbol.arrowHead({
+          pixelSize: 8,
+          polygon: false,
+          pathOptions: { color: "#F95E5A", weight: 2, stroke: true }
+        })
+      }
+    ]
+  }).addTo(layer);
+}
+function displayRealLine(points, layer, options = { weight: 2, color: "#F95E5A" }) {
+  const realFeature = window.L.polyline(points, {
+    // snakingPause: 200,
+    color: options.color,
+    // 线的颜色
+    weight: options.weight
+    // 线的宽度
+    // zIndex: 9
+  }).addTo(layer);
+  window.L.polylineDecorator(realFeature, {
+    patterns: [
+      // defines a pattern of 10px-wide dashes, repeated every 20px on the line
+      {
+        offset: 30,
+        repeat: 100,
+        symbol: window.L.Symbol.arrowHead({
+          pixelSize: 8,
+          polygon: false,
+          pathOptions: { color: "#F95E5A", weight: 2, stroke: true }
+        })
+      }
+    ]
+  }).addTo(layer);
+}
+function objectDayLineTransform(points, type) {
+  if (!type || !type.length) {
+    return [];
+  }
+  const result = [];
+  let iscrossdaylineleft = false;
+  let iscrossdaylineright = false;
+  for (let i = 0; i < points.length; i++) {
+    const firstcoor = [points[i][type[1]], points[i][type[0]]];
+    let subFCoords = {};
+    if (iscrossdaylineleft) {
+      subFCoords = { ...points[i], [type[0]]: firstcoor[1] + 360, [type[1]]: firstcoor[0] };
+    } else if (iscrossdaylineright) {
+      subFCoords = { ...points[i], [type[0]]: firstcoor[1] - 360, [type[1]]: firstcoor[0] };
+    } else {
+      subFCoords = { ...points[i] };
+    }
+    result.push(subFCoords);
+    if (i < points.length - 1) {
+      const secondcoor = [points[i + 1][type[1]], points[i + 1][type[0]]];
+      const diff = Math.abs(firstcoor[1] - secondcoor[1]);
+      if (diff > 240) {
+        if (firstcoor[1] > 0) {
+          if (iscrossdaylineright) {
+            iscrossdaylineright = false;
+          } else iscrossdaylineleft = true;
+        } else {
+          if (iscrossdaylineleft) {
+            iscrossdaylineleft = false;
+          } else {
+            iscrossdaylineright = true;
+          }
+        }
+      }
+    }
+  }
+  return result;
+}
+function dayLineTransform(points) {
+  const result = [];
+  let iscrossdaylineleft = false;
+  let iscrossdaylineright = false;
+  for (let i = 0; i < points.length; i++) {
+    const firstcoor = [points[i][1], points[i][0]];
+    let subFCoords = [];
+    if (iscrossdaylineleft) {
+      subFCoords = [firstcoor[1] + 360, firstcoor[0]];
+    } else if (iscrossdaylineright) {
+      subFCoords = [firstcoor[1] - 360, firstcoor[0]];
+    } else {
+      subFCoords = [firstcoor[1], firstcoor[0]];
+    }
+    result.push(subFCoords);
+    if (i < points.length - 1) {
+      const secondcoor = [points[i + 1][1], points[i + 1][0]];
+      const diff = Math.abs(firstcoor[1] - secondcoor[1]);
+      if (diff > 240) {
+        if (firstcoor[1] > 0) {
+          if (iscrossdaylineright) {
+            iscrossdaylineright = false;
+          } else iscrossdaylineleft = true;
+        } else {
+          if (iscrossdaylineleft) {
+            iscrossdaylineleft = false;
+          } else {
+            iscrossdaylineright = true;
+          }
+        }
+      }
+    }
+  }
+  return result;
+}
+function convertLines(arg) {
+  const arr = [];
+  arg.map((item) => {
+    const _arr = [item[1], item[0]];
+    arr.push(_arr);
+  });
+  return arr;
+}
+function setPointIcon(type) {
+  return window.L.icon({
+    iconUrl: type === "ship" || type === "repair" ? "./img/" + type + ".png" : "./img/" + type + ".svg",
+    iconSize: [30, 30],
+    iconAnchor: [15, 15]
+  });
+}
+
+exports.changMapType = changMapType;
+exports.convertLines = convertLines;
+exports.dayLineTransform = dayLineTransform;
+exports.displayPredictLine = displayPredictLine;
+exports.displayRealLine = displayRealLine;
+exports.init = init;
+exports.mapType = mapType;
+exports.mathLngFn = mathLngFn;
+exports.objectDayLineTransform = objectDayLineTransform;
+exports.setPointIcon = setPointIcon;

package/lib/components/hifleet/src/index.vue.d.ts

@@ -0,0 +1,37 @@
+import type { HiFleetMapInitResponse } from './types';
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    mapId: {
+        type: StringConstructor;
+        required: true;
+    };
+    height: {
+        type: StringConstructor;
+        default: string;
+    };
+    width: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    init: (obj: HiFleetMapInitResponse) => any;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    mapId: {
+        type: StringConstructor;
+        required: true;
+    };
+    height: {
+        type: StringConstructor;
+        default: string;
+    };
+    width: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{
+    onInit?: (obj: HiFleetMapInitResponse) => any;
+}>, {
+    height: string;
+    width: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/lib/components/hifleet/src/index.vue.js

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var index_vue_vue_type_script_setup_true_lang = require('./index.vue2.js');
+var _pluginVue_exportHelper = require('../../../_virtual/_plugin-vue_export-helper.js');
+
+var index = /* @__PURE__ */ _pluginVue_exportHelper.default(index_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-0b224a81"]]);
+
+exports.default = index;