@cmeslib/components 0.1.13 → 0.3.0-beta.0

package/es/components/hifleet/src/map-data.mjs

@@ -0,0 +1,238 @@
+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"
+};
+
+export { dottedLineData, solidLineData };

package/es/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/es/components/hifleet/src/types.mjs

@@ -0,0 +1 @@
+

package/es/components/index.d.ts

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

package/es/components/index.mjs

@@ -1,5 +1,6 @@
-import './demo/src/demo-button.vue.mjs';
-export { default as DemoButton } from './demo/src/demo-button.vue2.mjs';
-import './demo/src/demo-button-setup-tsx.vue.mjs';
 export { default as DemoButtonSetupTsx } from './demo/src/demo-button-setup-tsx.vue2.mjs';
+export { default as DeptTreeSelect } from './selectors/src/DeptTreeSelect.vue2.mjs';
+export { default as UserTreeSelect } from './selectors/src/UserTreeSelect.vue2.mjs';
+export { default as DemoButton } from './demo/src/demo-button.vue.mjs';
 export { default as DemoButtonTsx } from './demo/src/demo-button-tsx.mjs';
+export { default as HiFleetMap } from './hifleet/src/index.vue.mjs';

package/es/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/es/components/selectors/index.mjs

@@ -0,0 +1,2 @@
+export { default as UserTreeSelect } from './src/UserTreeSelect.vue2.mjs';
+export { default as DeptTreeSelect } from './src/DeptTreeSelect.vue2.mjs';

package/es/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/es/components/selectors/src/DeptTreeSelect.vue.mjs

@@ -0,0 +1,5 @@
+import _sfc_main from './DeptTreeSelect.vue2.mjs';
+
+
+
+export { _sfc_main as default };

package/es/components/selectors/src/DeptTreeSelect.vue2.mjs

@@ -0,0 +1,63 @@
+import { defineComponent, useModel, ref, computed, onMounted, openBlock, createBlock, unref, mergeProps, mergeModels } from 'vue';
+import { ElTreeSelect } from 'element-plus';
+
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ name: "DeptTreeSelect" },
+  __name: "DeptTreeSelect",
+  props: /* @__PURE__ */ 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 = useModel(__props, "modelValue");
+    const deptList = ref([]);
+    const deptListWithDisabled = 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;
+      });
+    };
+    onMounted(async () => {
+      const data = await props.getData();
+      deptList.value = data;
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(ElTreeSelect), 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"]);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/es/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/es/components/selectors/src/UserTreeSelect.vue.mjs

@@ -0,0 +1,5 @@
+import _sfc_main from './UserTreeSelect.vue2.mjs';
+
+
+
+export { _sfc_main as default };

package/es/components/selectors/src/UserTreeSelect.vue2.mjs

@@ -0,0 +1,82 @@
+import { defineComponent, useModel, ref, onMounted, resolveComponent, openBlock, createBlock, unref, mergeProps, withCtx, createElementVNode, createCommentVNode, toDisplayString, mergeModels } from 'vue';
+import { ElTreeSelect } from 'element-plus';
+
+const _hoisted_1 = { class: "custom-tree-node" };
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ name: "UserTreeSelect" },
+  __name: "UserTreeSelect",
+  props: /* @__PURE__ */ 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 = useModel(__props, "modelValue");
+    const defaultProps = 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 = ref();
+    onMounted(async () => {
+      const data = await props.getData();
+      userList.value = filter(data);
+    });
+    return (_ctx, _cache) => {
+      const _component_Icon = resolveComponent("Icon");
+      return openBlock(), createBlock(unref(ElTreeSelect), 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: withCtx(({ node, data }) => [
+          createElementVNode("span", _hoisted_1, [
+            data.userFlag ? (openBlock(), createBlock(_component_Icon, {
+              key: 0,
+              class: "mr-5px",
+              icon: "ep-user-filled"
+            })) : createCommentVNode("v-if", true),
+            createElementVNode(
+              "span",
+              null,
+              toDisplayString(node.label),
+              1
+              /* TEXT */
+            )
+          ])
+        ]),
+        _: 1
+        /* STABLE */
+      }, 16, ["modelValue", "data", "props", "multiple", "show-checkbox", "filterable", "class", "placeholder"]);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/es/components/selectors/src/types.d.ts

@@ -0,0 +1,27 @@
+export interface UserTreeSelectProps {
+    placeholder?: string;
+    multiple?: boolean;
+    filterable?: boolean;
+    hasMinWidth?: boolean;
+    getData: () => Promise<UserDataNode[]>;
+}
+export interface DeptTreeSelectProps {
+    placeholder?: string;
+    multiple?: boolean;
+    filterable?: boolean;
+    hasMinWidth?: boolean;
+    getData: () => Promise<DeptDataNode[]>;
+    disabledIds?: string | string[] | number | number[];
+}
+export interface UserDataNode {
+    id: string;
+    name: string;
+    children?: UserDataNode[];
+    visible?: boolean;
+}
+export interface DeptDataNode {
+    id: string;
+    name: string;
+    children?: DeptDataNode[];
+    disabled?: boolean;
+}

package/es/components/selectors/src/types.mjs

@@ -0,0 +1 @@
+

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

@@ -0,0 +1,2 @@
+import type { Directive } from 'vue';
+export declare const vFocus: Directive<HTMLElement, boolean | undefined>;

package/es/directives/demo/index.mjs

@@ -0,0 +1,8 @@
+const vFocus = {
+  mounted(el, binding) {
+    if (binding.value === false) return;
+    requestAnimationFrame(() => el.focus());
+  }
+};
+
+export { vFocus };

package/es/directives/index.d.ts

@@ -1 +1 @@
-export declare function DemoDirective(msg: string): void;
+export * from './demo';

package/es/directives/index.mjs

@@ -1,5 +1 @@
-function DemoDirective(msg) {
-  console.log("DemoDirective initialized", msg);
-}
-
-export { DemoDirective };
+export { vFocus } from './demo/index.mjs';

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

@@ -0,0 +1 @@
+export { useGlobalSingleFlight, clearSingleFlightRegistry } from './src/globalSingleFlight';

package/es/hooks/common/index.mjs

@@ -0,0 +1 @@
+export { clearSingleFlightRegistry, useGlobalSingleFlight } from './src/globalSingleFlight.mjs';

package/es/hooks/common/src/globalSingleFlight.d.ts

@@ -0,0 +1,27 @@
+import { type Ref } from 'vue';
+type MaybePromise<T> = T | Promise<T>;
+export interface SingleFlightOptions<T> {
+    /** true=永久缓存；number=TTL 毫秒；false=不缓存 */
+    cache?: boolean | number;
+    /** 命中缓存时是否返回克隆，避免外部改动污染缓存 */
+    cloneOnHit?: boolean;
+    /** 自定义克隆 */
+    cloner?: (v: T) => T;
+    /** 可选：根据参数生成二级 key（实现“按参数去重”），默认不并入参数 */
+    argsKey?: (...args: unknown[]) => string;
+}
+interface Entry<T, Args extends unknown[] = unknown[]> {
+    promise: Ref<Promise<T> | null>;
+    value: Ref<T | undefined>;
+    error: Ref<unknown>;
+    startedAt: Ref<number | null>;
+    isRunning: Readonly<Ref<boolean>>;
+    isDone: Readonly<Ref<boolean>>;
+    run: (...args: Args) => Promise<T>;
+    invalidate: () => void;
+    reset: () => void;
+}
+export declare function useGlobalSingleFlight<TArgs extends unknown[], TResult>(baseKey: string, runner: (...args: TArgs) => MaybePromise<TResult>, options?: SingleFlightOptions<TResult>): Entry<TResult, TArgs>;
+/** 可选工具：手动清理全局注册表（如在登出时） */
+export declare function clearSingleFlightRegistry(): void;
+export {};

package/es/hooks/common/src/globalSingleFlight.mjs

@@ -0,0 +1,108 @@
+import { ref, computed } from 'vue';
+
+const registry = /* @__PURE__ */ new Map();
+function now() {
+  return Date.now();
+}
+function makeFullKey(baseKey, options, args) {
+  if (!(options == null ? void 0 : options.argsKey) || !(args == null ? void 0 : args.length)) return baseKey;
+  return `${baseKey}::${options.argsKey(...args)}`;
+}
+function defaultClone(v) {
+  return JSON.parse(JSON.stringify(v));
+}
+function useGlobalSingleFlight(baseKey, runner, options = {}) {
+  function ensureEntry(fullKey) {
+    let e = registry.get(fullKey);
+    if (e) return e;
+    const promise = ref(null);
+    const value = ref();
+    const error = ref();
+    const startedAt = ref(null);
+    const isRunning = computed(() => promise.value !== null);
+    const isDone = computed(() => value.value !== void 0 && !isRunning.value);
+    const hasValidCache = () => {
+      const { cache = false } = options;
+      if (value.value === void 0) return false;
+      if (cache === true) return true;
+      if (typeof cache === "number") {
+        if (!startedAt.value) return false;
+        return now() - startedAt.value < cache;
+      }
+      return false;
+    };
+    const cloneValue = (v) => options.cloneOnHit ? options.cloner ? options.cloner(v) : defaultClone(v) : v;
+    async function run(...args) {
+      if (hasValidCache()) {
+        return Promise.resolve(cloneValue(value.value));
+      }
+      if (promise.value) return promise.value;
+      error.value = void 0;
+      const p = (async () => {
+        try {
+          const ret = await runner(...args);
+          value.value = ret;
+          startedAt.value = now();
+          return ret;
+        } catch (e2) {
+          value.value = void 0;
+          startedAt.value = null;
+          error.value = e2;
+          throw e2;
+        } finally {
+          promise.value = null;
+        }
+      })();
+      promise.value = p;
+      return p;
+    }
+    function invalidate() {
+      value.value = void 0;
+      startedAt.value = null;
+    }
+    function reset() {
+      promise.value = null;
+      value.value = void 0;
+      error.value = void 0;
+      startedAt.value = null;
+    }
+    e = { promise, value, error, startedAt, isRunning, isDone, run, invalidate, reset };
+    registry.set(fullKey, e);
+    return e;
+  }
+  const proxy = {
+    promise: ref(null),
+    value: ref(),
+    error: ref(),
+    startedAt: ref(null),
+    isRunning: ref(false),
+    isDone: ref(false),
+    async run(...args) {
+      const fullKey = makeFullKey(baseKey, options, args);
+      const e = ensureEntry(fullKey);
+      proxy.promise = e.promise;
+      proxy.value = e.value;
+      proxy.error = e.error;
+      proxy.startedAt = e.startedAt;
+      proxy.isRunning = e.isRunning;
+      proxy.isDone = e.isDone;
+      return e.run(...args);
+    },
+    invalidate() {
+      const fullKey = makeFullKey(baseKey, options);
+      const e = registry.get(fullKey);
+      e == null ? void 0 : e.invalidate();
+    },
+    reset() {
+      const fullKey = makeFullKey(baseKey, options);
+      const e = registry.get(fullKey);
+      e == null ? void 0 : e.reset();
+    }
+  };
+  return proxy;
+}
+function clearSingleFlightRegistry() {
+  registry.clear();
+}
+
+export { clearSingleFlightRegistry, useGlobalSingleFlight };