@cmeslib/components 0.1.14 → 0.3.0-beta.0

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

@@ -0,0 +1,127 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var utils = require('@cmeslib/utils');
+var helper = require('./helper.js');
+var globalSingleFlight = require('../../../hooks/common/src/globalSingleFlight.js');
+
+const _hoisted_1 = ["id"];
+const _hoisted_2 = { class: "hifleet-map-container-maptype" };
+const _hoisted_3 = ["onClick"];
+const _hoisted_4 = { class: "map__position--wrapper" };
+var _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "index",
+  props: {
+    mapId: {
+      type: String,
+      required: true
+    },
+    height: {
+      type: String,
+      default: "400px"
+    },
+    width: {
+      type: String,
+      default: "100%"
+    }
+  },
+  emits: ["init"],
+  setup(__props, { emit: __emit }) {
+    const sf = globalSingleFlight.useGlobalSingleFlight("hifleet", utils.loadHiFleetResources, { cache: true, cloneOnHit: true });
+    vue.defineComponent({
+      name: "HiFleetMap"
+    });
+    const props = __props;
+    const emit = __emit;
+    const mapLoading = vue.ref(false);
+    const mapTypeList = [
+      { label: "Map", prop: "normal" },
+      { label: "Global Map", prop: "global" },
+      { label: "Satellite Map", prop: "satellite" }
+    ];
+    const toggleIcon = vue.ref(false);
+    let app;
+    let map;
+    let latlngInfoObj = {
+      lat: "",
+      latDegree: "",
+      lng: "",
+      lngDegree: ""
+    };
+    vue.onMounted(async () => {
+      await sf.run();
+      const mapObj = helper.init(props.mapId);
+      app = mapObj.mapInfo.app;
+      map = mapObj.mapInfo.map;
+      latlngInfoObj = mapObj.latlngInfoObj;
+      toggleIcon.value = true;
+      emit("init", { app, map, L: window.L });
+    });
+    return (_ctx, _cache) => {
+      const _directive_loading = vue.resolveDirective("loading");
+      return vue.withDirectives((vue.openBlock(), vue.createElementBlock(
+        "div",
+        {
+          class: "hifleet-map-container",
+          style: vue.normalizeStyle({ width: __props.width, height: __props.height })
+        },
+        [
+          vue.createElementVNode("div", {
+            id: __props.mapId,
+            style: { width: "100%", height: "100%" }
+          }, null, 8, _hoisted_1),
+          vue.createElementVNode("ul", _hoisted_2, [
+            (vue.openBlock(), vue.createElementBlock(
+              vue.Fragment,
+              null,
+              vue.renderList(mapTypeList, (item) => {
+                return vue.createElementVNode("li", {
+                  key: item.prop,
+                  style: vue.normalizeStyle({ color: vue.unref(helper.mapType) === item.prop ? "var(--el-color-primary)" : "#666" }),
+                  class: "map__type--li",
+                  onClick: ($event) => vue.unref(helper.changMapType)(item.prop, vue.unref(map), vue.unref(app))
+                }, vue.toDisplayString(item.label), 13, _hoisted_3);
+              }),
+              64
+              /* STABLE_FRAGMENT */
+            ))
+          ]),
+          vue.createElementVNode("div", _hoisted_4, [
+            vue.createElementVNode(
+              "div",
+              {
+                class: "map__position--des",
+                onClick: _cache[0] || (_cache[0] = ($event) => toggleIcon.value = !toggleIcon.value)
+              },
+              vue.toDisplayString(toggleIcon.value ? "DD" : "DM"),
+              1
+              /* TEXT */
+            ),
+            vue.createElementVNode(
+              "div",
+              null,
+              "\u7EAC\u5EA6: " + vue.toDisplayString(toggleIcon.value ? vue.unref(latlngInfoObj).lat : vue.unref(latlngInfoObj).latDegree),
+              1
+              /* TEXT */
+            ),
+            vue.createElementVNode(
+              "div",
+              null,
+              "\u7ECF\u5EA6: " + vue.toDisplayString(toggleIcon.value ? vue.unref(latlngInfoObj).lng : vue.unref(latlngInfoObj).lngDegree),
+              1
+              /* TEXT */
+            )
+          ])
+        ],
+        4
+        /* STYLE */
+      )), [
+        [_directive_loading, mapLoading.value]
+      ]);
+    };
+  }
+});
+
+exports.default = _sfc_main;

package/lib/components/hifleet/src/map-data.d.ts

@@ -0,0 +1,18 @@
+export declare const solidLineData: {
+    code: number;
+    message: string;
+    data: {
+        mmsi: string;
+        posTime: string;
+        lon: number;
+        lat: number;
+        cog: number;
+        heading: number;
+        sog: number;
+    }[];
+};
+export declare const dottedLineData: {
+    code: number;
+    data: string;
+    message: string;
+};

package/lib/components/hifleet/src/map-data.js

@@ -0,0 +1,241 @@
+'use strict';
+
+const solidLineData = {
+  code: 0,
+  message: "Operation successful",
+  data: [
+    {
+      mmsi: "477369300",
+      posTime: "2023-10-29 03:25:45",
+      lon: 118.5243,
+      lat: 38.912063333333336,
+      cog: 172.4,
+      heading: 142,
+      sog: 1.6
+    },
+    {
+      mmsi: "477369300",
+      posTime: "2023-10-29 04:11:24",
+      lon: 118.53505666666666,
+      lat: 38.81549,
+      cog: 100.9,
+      heading: 90,
+      sog: 6.2
+    },
+    {
+      mmsi: "477369300",
+      posTime: "2023-10-29 08:22:33",
+      lon: 119.56675666666666,
+      lat: 38.656101666666665,
+      cog: 102.1,
+      heading: 103,
+      sog: 13.7
+    },
+    {
+      mmsi: "477369300",
+      posTime: "2023-10-29 13:30:16",
+      lon: 120.90525166666667,
+      lat: 38.548535,
+      cog: 106.1,
+      heading: 110,
+      sog: 10.1
+    },
+    {
+      mmsi: "477369300",
+      posTime: "2023-10-29 23:10:36",
+      lon: 123.23456833333333,
+      lat: 37.906578333333336,
+      cog: 138.9,
+      heading: 152,
+      sog: 11.5
+    },
+    {
+      mmsi: "477369300",
+      posTime: "2023-10-30 12:21:45",
+      lon: 124.29332166666667,
+      lat: 35.12784166666667,
+      cog: 161.1,
+      heading: 161,
+      sog: 14.2
+    },
+    {
+      mmsi: "477369300",
+      posTime: "2023-10-30 20:44:22",
+      lon: 124.38431333333334,
+      lat: 33.36606833333333,
+      cog: 165.3,
+      heading: 166,
+      sog: 13.7
+    },
+    {
+      mmsi: "477369300",
+      posTime: "2023-10-30 23:57:29",
+      lon: 124.81396333333333,
+      lat: 32.739425,
+      cog: 164.3,
+      heading: 174,
+      sog: 12.4
+    },
+    {
+      mmsi: "477369300",
+      posTime: "2023-10-31 05:52:03",
+      lon: 124.58296666666666,
+      lat: 31.652378333333335,
+      cog: 169,
+      heading: 176,
+      sog: 12.1
+    },
+    {
+      mmsi: "477369300",
+      posTime: "2023-10-31 10:56:44",
+      lon: 124.68107333333333,
+      lat: 30.575655,
+      cog: 182.3,
+      heading: 181,
+      sog: 13.5
+    },
+    {
+      mmsi: "477369300",
+      posTime: "2023-11-01 00:18:34",
+      lon: 124.40846333333333,
+      lat: 27.75289666666667,
+      cog: 186.2,
+      heading: 185,
+      sog: 14.2
+    },
+    {
+      mmsi: "477369300",
+      posTime: "2023-11-02 03:17:47",
+      lon: 121.78017333333334,
+      lat: 22.797838333333335,
+      cog: 206.8,
+      heading: 211,
+      sog: 9.8
+    },
+    {
+      mmsi: "477369300",
+      posTime: "2023-11-02 08:58:37",
+      lon: 121.27895166666667,
+      lat: 22.077688333333334,
+      cog: 216.7,
+      heading: 215,
+      sog: 12
+    },
+    {
+      mmsi: "477369300",
+      posTime: "2023-11-06 02:03:42",
+      lon: 109.54603833333333,
+      lat: 8.047503333333333,
+      cog: 219.5,
+      heading: 211,
+      sog: 10.5
+    },
+    {
+      mmsi: "477369300",
+      posTime: "2023-11-06 18:25:08",
+      lon: 107.35896,
+      lat: 5.659675,
+      cog: 223.6,
+      heading: 227,
+      sog: 11.1
+    },
+    {
+      mmsi: "477369300",
+      posTime: "2023-11-07 14:01:39",
+      lon: 105.202815,
+      lat: 2.75397,
+      cog: 206.5,
+      heading: 208,
+      sog: 12.2
+    },
+    {
+      mmsi: "477369300",
+      posTime: "2023-11-07 20:17:59",
+      lon: 104.70786833333334,
+      lat: 1.6842033333333333,
+      cog: 215.5,
+      heading: 220,
+      sog: 10.8
+    },
+    {
+      mmsi: "477369300",
+      posTime: "2023-11-07 23:56:59",
+      lon: 104.325975,
+      lat: 1.3168566666666666,
+      cog: 234.4,
+      heading: 251,
+      sog: 9.4
+    },
+    {
+      mmsi: "477369300",
+      posTime: "2023-11-10 13:11:37",
+      lon: 103.73402833333333,
+      lat: 1.1395083333333333,
+      cog: 261.9,
+      heading: 272,
+      sog: 13.6
+    },
+    {
+      mmsi: "477369300",
+      posTime: "2023-11-10 14:34:37",
+      lon: 103.428255,
+      lat: 1.237375,
+      cog: 291.2,
+      heading: 295,
+      sog: 14.6
+    },
+    {
+      mmsi: "477369300",
+      posTime: "2023-11-11 02:36:10",
+      lon: 101.00935666666666,
+      lat: 2.8190866666666667,
+      cog: 300.9,
+      heading: 312,
+      sog: 15.3
+    },
+    {
+      mmsi: "477369300",
+      posTime: "2023-11-11 19:15:43",
+      lon: 98.24982166666666,
+      lat: 5.475786666666667,
+      cog: 314.8,
+      heading: 318,
+      sog: 14
+    },
+    {
+      mmsi: "477369300",
+      posTime: "2023-11-12 08:16:26",
+      lon: 95.25469833333334,
+      lat: 6.300505,
+      cog: 279.7,
+      heading: 276,
+      sog: 14.4
+    },
+    {
+      mmsi: "477369300",
+      posTime: "2023-11-12 18:43:17",
+      lon: 93.50505333333334,
+      lat: 4.995748333333333,
+      cog: 229.6,
+      heading: 227,
+      sog: 12.4
+    },
+    {
+      mmsi: "477369300",
+      posTime: "2023-11-14 00:53:22",
+      lon: 88.72558,
+      lat: 0.30146666666666666,
+      cog: 225.3,
+      heading: 223,
+      sog: 13.8
+    }
+  ]
+};
+const dottedLineData = {
+  code: 0,
+  data: '{"end":"12.0785,-5.4461","nmile":6367,"passAvoidArea":[],"start":"89.234732,0.804882","status":"success","viewpoint":"","waypoints":[[89.234732,0.804882],[62.0255,-18.196],[48.0322,-25.3639],[27.6297,-33.9707],[25.719,-34.3117],[20.2773,-35.0008],[19.6545,-34.9715],[18.3334,-34.4477],[18.1645,-34.0675],[18.0931,-33.8567],[17.9723,-33.5551],[17.7718,-33.1134],[17.6385,-32.9557],[17.1826,-32.3614],[13.3744,-24.9273],[12.7153,-23.3643],[12.1222,-21.599],[10.6348,-18.0519],[11.451,-12.6654],[11.5191,-6.4184],[11.7499,-6.2607],[12.1928,-6.0322],[12.0785,-5.4461]]}',
+  message: "Operation successful"
+};
+
+exports.dottedLineData = dottedLineData;
+exports.solidLineData = solidLineData;

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

@@ -0,0 +1,28 @@
+import * as Leaflet from 'leaflet';
+export interface LineOptions {
+    weight: number;
+    color?: string;
+    decorator?: string;
+    [key: string]: any;
+}
+export interface MapInfo {
+    readonly app: object;
+    readonly map: object;
+    EVENT: object;
+}
+export type LatlngInfoObj = {
+    lng: string | number;
+    lat: string | number;
+    lngDegree: string | number;
+    latDegree: string | number;
+} & Record<string, any>;
+export interface MapObj {
+    mapInfo: MapInfo;
+    latlngInfoObj: object;
+    layerGroup: object;
+}
+export interface HiFleetMapInitResponse {
+    app: any;
+    map: any;
+    L: typeof Leaflet;
+}

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

@@ -0,0 +1,2 @@
+'use strict';
+

package/lib/components/index.d.ts

@@ -0,0 +1,3 @@
+export * from './demo';
+export * from './hifleet';
+export * from './selectors';

package/lib/components/index.js

@@ -1,13 +1,17 @@
 'use strict';
 
-require('./demo/src/demo-button.vue.js');
-var demoButton_vue_vue_type_script_setup_true_lang = require('./demo/src/demo-button.vue2.js');
-require('./demo/src/demo-button-setup-tsx.vue.js');
 var demoButtonSetupTsx_vue_vue_type_script_setup_true_lang = require('./demo/src/demo-button-setup-tsx.vue2.js');
+var DeptTreeSelect_vue_vue_type_script_setup_true_lang = require('./selectors/src/DeptTreeSelect.vue2.js');
+var UserTreeSelect_vue_vue_type_script_setup_true_lang = require('./selectors/src/UserTreeSelect.vue2.js');
+var demoButton = require('./demo/src/demo-button.vue.js');
 var demoButtonTsx = require('./demo/src/demo-button-tsx.js');
+var index = require('./hifleet/src/index.vue.js');
 
 
 
-exports.DemoButton = demoButton_vue_vue_type_script_setup_true_lang.default;
 exports.DemoButtonSetupTsx = demoButtonSetupTsx_vue_vue_type_script_setup_true_lang.default;
+exports.DeptTreeSelect = DeptTreeSelect_vue_vue_type_script_setup_true_lang.default;
+exports.UserTreeSelect = UserTreeSelect_vue_vue_type_script_setup_true_lang.default;
+exports.DemoButton = demoButton.default;
 exports.DemoButtonTsx = demoButtonTsx.default;
+exports.HiFleetMap = index.default;

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

@@ -0,0 +1,6 @@
+import UserTreeSelect from './src/UserTreeSelect.vue';
+export { UserTreeSelect };
+export type { UserTreeSelectProps, UserDataNode } from './src/types';
+import DeptTreeSelect from './src/DeptTreeSelect.vue';
+export { DeptTreeSelect };
+export type { DeptTreeSelectProps, DeptDataNode } from './src/types';

package/lib/components/selectors/index.js

@@ -0,0 +1,9 @@
+'use strict';
+
+var UserTreeSelect_vue_vue_type_script_setup_true_lang = require('./src/UserTreeSelect.vue2.js');
+var DeptTreeSelect_vue_vue_type_script_setup_true_lang = require('./src/DeptTreeSelect.vue2.js');
+
+
+
+exports.UserTreeSelect = UserTreeSelect_vue_vue_type_script_setup_true_lang.default;
+exports.DeptTreeSelect = DeptTreeSelect_vue_vue_type_script_setup_true_lang.default;

package/lib/components/selectors/src/DeptTreeSelect.vue.d.ts

@@ -0,0 +1,13 @@
+import type { DeptTreeSelectProps } from './types';
+type __VLS_Props = DeptTreeSelectProps;
+type __VLS_ModelProps = {
+    modelValue?: any;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: any) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: (value: any) => any;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/lib/components/selectors/src/DeptTreeSelect.vue.js

@@ -0,0 +1,9 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var DeptTreeSelect_vue_vue_type_script_setup_true_lang = require('./DeptTreeSelect.vue2.js');
+
+
+
+exports.default = DeptTreeSelect_vue_vue_type_script_setup_true_lang.default;

package/lib/components/selectors/src/DeptTreeSelect.vue2.js

@@ -0,0 +1,67 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var elementPlus = require('element-plus');
+
+var _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{ name: "DeptTreeSelect" },
+  __name: "DeptTreeSelect",
+  props: /* @__PURE__ */ vue.mergeModels({
+    placeholder: { type: String, required: false },
+    multiple: { type: Boolean, required: false, default: false },
+    filterable: { type: Boolean, required: false, default: true },
+    hasMinWidth: { type: Boolean, required: false },
+    getData: { type: Function, required: true },
+    disabledIds: { type: [String, Array, Number], required: false }
+  }, {
+    "modelValue": { type: null, ...{
+      required: false
+    } },
+    "modelModifiers": {}
+  }),
+  emits: ["update:modelValue"],
+  setup(__props) {
+    const defaultProps = {
+      children: "children",
+      label: "name",
+      value: "id"
+    };
+    const props = __props;
+    const model = vue.useModel(__props, "modelValue");
+    const deptList = vue.ref([]);
+    const deptListWithDisabled = vue.computed(() => {
+      if (!props.disabledIds) return deptList.value;
+      const disabledIdsSet = new Set(Array.isArray(props.disabledIds) ? props.disabledIds : [props.disabledIds]);
+      return markDisabled(deptList.value, disabledIdsSet);
+    });
+    const markDisabled = (nodes, disabledIdsSet) => {
+      return nodes.map((node) => {
+        const isDisabled = disabledIdsSet.has(node.id);
+        const newNode = { ...node, disabled: isDisabled };
+        if (node.children) {
+          newNode.children = markDisabled(node.children, disabledIdsSet);
+        }
+        return newNode;
+      });
+    };
+    vue.onMounted(async () => {
+      const data = await props.getData();
+      deptList.value = data;
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElTreeSelect), vue.mergeProps({
+        modelValue: model.value,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => model.value = $event),
+        data: deptListWithDisabled.value,
+        props: defaultProps,
+        filterable: props.filterable,
+        "node-key": "id",
+        placeholder: props.placeholder || "\u8BF7\u9009\u62E9"
+      }, _ctx.$attrs), null, 16, ["modelValue", "data", "filterable", "placeholder"]);
+    };
+  }
+});
+
+exports.default = _sfc_main;

package/lib/components/selectors/src/UserTreeSelect.vue.d.ts

@@ -0,0 +1,13 @@
+import type { UserTreeSelectProps } from './types';
+type __VLS_Props = UserTreeSelectProps;
+type __VLS_ModelProps = {
+    modelValue?: any;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: any) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: (value: any) => any;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/lib/components/selectors/src/UserTreeSelect.vue.js

@@ -0,0 +1,9 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var UserTreeSelect_vue_vue_type_script_setup_true_lang = require('./UserTreeSelect.vue2.js');
+
+
+
+exports.default = UserTreeSelect_vue_vue_type_script_setup_true_lang.default;

package/lib/components/selectors/src/UserTreeSelect.vue2.js

@@ -0,0 +1,86 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var elementPlus = require('element-plus');
+
+const _hoisted_1 = { class: "custom-tree-node" };
+var _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{ name: "UserTreeSelect" },
+  __name: "UserTreeSelect",
+  props: /* @__PURE__ */ vue.mergeModels({
+    placeholder: { type: String, required: false },
+    multiple: { type: Boolean, required: false },
+    filterable: { type: Boolean, required: false },
+    hasMinWidth: { type: Boolean, required: false },
+    getData: { type: Function, required: true }
+  }, {
+    "modelValue": { type: null, ...{
+      required: false
+    } },
+    "modelModifiers": {}
+  }),
+  emits: ["update:modelValue"],
+  setup(__props) {
+    const props = __props;
+    const model = vue.useModel(__props, "modelValue");
+    const defaultProps = vue.ref({
+      children: "children",
+      label: "name",
+      value: "id"
+    });
+    const filter = (nodes) => {
+      return nodes.filter((node) => {
+        if (node.visible === false) return false;
+        if (node.children) {
+          node.id = `parent-${node.id}`;
+          node.children = filter(node.children);
+        }
+        return true;
+      });
+    };
+    const userList = vue.ref();
+    vue.onMounted(async () => {
+      const data = await props.getData();
+      userList.value = filter(data);
+    });
+    return (_ctx, _cache) => {
+      const _component_Icon = vue.resolveComponent("Icon");
+      return vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElTreeSelect), vue.mergeProps({
+        modelValue: model.value,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => model.value = $event),
+        data: userList.value,
+        props: defaultProps.value,
+        multiple: props.multiple,
+        "show-checkbox": props.multiple,
+        filterable: props.filterable,
+        class: props.hasMinWidth ? "min-w-240px" : "",
+        "collapse-tags": "",
+        "node-key": "id",
+        placeholder: props.placeholder || "\u8BF7\u9009\u62E9"
+      }, _ctx.$attrs), {
+        default: vue.withCtx(({ node, data }) => [
+          vue.createElementVNode("span", _hoisted_1, [
+            data.userFlag ? (vue.openBlock(), vue.createBlock(_component_Icon, {
+              key: 0,
+              class: "mr-5px",
+              icon: "ep-user-filled"
+            })) : vue.createCommentVNode("v-if", true),
+            vue.createElementVNode(
+              "span",
+              null,
+              vue.toDisplayString(node.label),
+              1
+              /* TEXT */
+            )
+          ])
+        ]),
+        _: 1
+        /* STABLE */
+      }, 16, ["modelValue", "data", "props", "multiple", "show-checkbox", "filterable", "class", "placeholder"]);
+    };
+  }
+});
+
+exports.default = _sfc_main;