hy-dispatch-ui-v3 0.2.61 → 0.2.63

package/lib/bussiness/hyMapAearchPlace/mapAearchPlace.vue.js

@@ -0,0 +1,370 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var VirtualList = require('vue3-virtual-scroll-list');
+var elementPlus = require('element-plus');
+require('../../hooks/index.js');
+require('../../components/index.js');
+var index = require('./js/index.js');
+var mapAearchPlaceItem = require('./mapAearchPlaceItem.vue.js');
+var useLocale = require('../../hooks/useLocale.js');
+var useMixins = require('../../hooks/useMixins.js');
+var index$1 = require('../../components/hyTooltip/index.js');
+var index$2 = require('../../components/hyInput/index.js');
+var index$3 = require('../../components/hyIcon/index.js');
+var useMapConfig = require('../../hooks/useMapConfig.js');
+
+import "./style/mapAearchPlace.scss";
+
+const __default__ = vue.defineComponent({
+  name: "HyMapAearchPlace"
+});
+const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
+  props: {
+    selectIdList: {
+      type: Array,
+      default: () => [1, 4, 5, 6]
+    },
+    searchSvgName: {
+      type: String,
+      default: "dispatch-share-v3-base-search"
+    },
+    map: {
+      type: Object,
+      default: () => ({})
+    },
+    hyMap: {
+      type: Object,
+      default: () => ({})
+    },
+    onSelectMarker: {
+      type: Function
+    },
+    setMarkerToMap: {
+      type: Function
+    },
+    mapConfig: {
+      type: Object,
+      default: () => {
+        const { mapConfig } = useMapConfig.useMapConfig();
+        return mapConfig.value || {};
+      }
+    }
+  },
+  emits: [],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const { t } = useLocale.useLocale();
+    const {
+      searchAddressTypeList,
+      nextPageParams,
+      lnglat,
+      lnglatList,
+      customCoordinate,
+      searchResultList,
+      searchAddressType,
+      placeholder,
+      searchAddress,
+      valid,
+      size,
+      page,
+      noMore,
+      loading,
+      colorObject,
+      timeOut,
+      isFocus,
+      queryMarkerPoint,
+      showItem,
+      disabled,
+      commonOptions,
+      mapCoordinate,
+      mapCoordinateName,
+      lnglatCheckFn,
+      onFocus,
+      onBlur,
+      lnglatClick,
+      queryMarkerPointDelete,
+      setQueryMarkerPoint,
+      mapJumpLocationFn,
+      unbindVehicleFn,
+      throttle,
+      load,
+      searchAddressTypeFn,
+      resetFn,
+      getData,
+      addressRequestFn,
+      keepDecimal,
+      getVehicleList,
+      getTaskList,
+      organizationPageFn,
+      patrolPointFn,
+      titleFn,
+      placeholderFn
+    } = useMixins.useMixins({ props, emits, t }, [index.useMapAearchPlace]);
+    vue.watch(
+      () => searchAddressTypeList.value,
+      () => {
+        if (!searchAddressType.value) {
+          searchAddressType.value = searchAddressType.value[0];
+          searchAddressTypeFn();
+        } else {
+          const index = searchAddressTypeList.value.findIndex((item) => {
+            return searchAddressType.value === item.value;
+          });
+          if (index === -1) {
+            searchAddressType.value = searchAddressType.value[0];
+            searchAddressTypeFn();
+          }
+        }
+      },
+      { immediate: true, deep: true }
+    );
+    __expose({});
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock(
+        "div",
+        {
+          class: vue.normalizeClass(["hy-map-aearch-place", { "is-focus": vue.unref(isFocus) }])
+        },
+        [
+          vue.createElementVNode("div", { class: "hy-map-aearch-place-container" }, [
+            vue.createElementVNode("div", { class: "w-full flex items-center" }, [
+              vue.createElementVNode("div", { class: "w-0 flex-1 flex" }, [
+                vue.createVNode(vue.unref(elementPlus.ElSelect), {
+                  modelValue: vue.unref(searchAddressType),
+                  "onUpdate:modelValue": ($event) => vue.isRef(searchAddressType) ? searchAddressType.value = $event : null,
+                  size: "default",
+                  class: "!w-[37%] box-border border rounded-[6px] flex-shrink-0",
+                  style: { "border-color": "var(--input-border)" },
+                  placeholder: "\u8BF7\u9009\u62E9",
+                  options: vue.unref(searchAddressTypeList),
+                  onChange: vue.unref(searchAddressTypeFn),
+                  onFocus: vue.unref(onFocus),
+                  onBlur: vue.unref(onBlur)
+                }, null, 8, ["modelValue", "onUpdate:modelValue", "options", "onChange", "onFocus", "onBlur"]),
+                vue.createVNode(vue.unref(index$1.HyTooltip), {
+                  "show-after": 500,
+                  content: vue.unref(placeholder),
+                  placement: "bottom-start"
+                }, {
+                  default: vue.withCtx(() => [
+                    vue.withDirectives(vue.createVNode(vue.unref(index$2.HyInput), {
+                      modelValue: vue.unref(searchAddress),
+                      "onUpdate:modelValue": ($event) => vue.isRef(searchAddress) ? searchAddress.value = $event : null,
+                      size: "small",
+                      clearable: "",
+                      class: "hy-map-aearch-place-input",
+                      style: { "border-color": "var(--input-border)" },
+                      placeholder: vue.unref(placeholder),
+                      onInput: ($event) => vue.unref(throttle)(vue.unref(resetFn), 1e3)(),
+                      onFocus: vue.unref(onFocus),
+                      onBlur: vue.unref(onBlur)
+                    }, null, 8, ["modelValue", "onUpdate:modelValue", "placeholder", "onInput", "onFocus", "onBlur"]), [
+                      [vue.vShow, vue.unref(searchAddressType) !== 5]
+                    ])
+                  ]),
+                  _: 1
+                  /* STABLE */
+                }, 8, ["content"]),
+                vue.createCommentVNode(" \u7ECF\u7EAC\u5EA6 "),
+                vue.createVNode(vue.unref(index$1.HyTooltip), {
+                  "show-after": 500,
+                  content: "\u7EAC\u5EA6",
+                  placement: "bottom-start"
+                }, {
+                  default: vue.withCtx(() => [
+                    vue.withDirectives(vue.createVNode(vue.unref(index$2.HyInput), {
+                      modelValue: vue.unref(lnglat).lng,
+                      "onUpdate:modelValue": ($event) => vue.unref(lnglat).lng = $event,
+                      size: "small",
+                      clearable: "",
+                      maxlength: "20",
+                      class: "box-border rounded-[6px] border",
+                      style: { "border-color": "var(--input-border)" },
+                      placeholder: "\u7EAC\u5EA6",
+                      onInput: ($event) => vue.unref(lnglatCheckFn)("lng"),
+                      onFocus: vue.unref(onFocus),
+                      onBlur: vue.unref(onBlur)
+                    }, null, 8, ["modelValue", "onUpdate:modelValue", "onInput", "onFocus", "onBlur"]), [
+                      [vue.vShow, vue.unref(searchAddressType) === 5]
+                    ])
+                  ]),
+                  _: 1
+                  /* STABLE */
+                }),
+                vue.createVNode(vue.unref(index$1.HyTooltip), {
+                  "show-after": 500,
+                  content: "\u7ECF\u5EA6",
+                  placement: "bottom-start"
+                }, {
+                  default: vue.withCtx(() => [
+                    vue.withDirectives(vue.createVNode(vue.unref(index$2.HyInput), {
+                      modelValue: vue.unref(lnglat).lat,
+                      "onUpdate:modelValue": ($event) => vue.unref(lnglat).lat = $event,
+                      size: "small",
+                      clearable: "",
+                      maxlength: "20",
+                      class: "box-border rounded-[6px] border",
+                      style: { "border-color": "var(--input-border)" },
+                      placeholder: "\u7ECF\u5EA6",
+                      onInput: ($event) => vue.unref(lnglatCheckFn)("lat"),
+                      onFocus: vue.unref(onFocus),
+                      onBlur: vue.unref(onBlur)
+                    }, null, 8, ["modelValue", "onUpdate:modelValue", "onInput", "onFocus", "onBlur"]), [
+                      [vue.vShow, vue.unref(searchAddressType) === 5]
+                    ])
+                  ]),
+                  _: 1
+                  /* STABLE */
+                })
+              ]),
+              vue.createElementVNode("div", {
+                class: "w-[42px] h-[32px] flex items-center justify-center ml-1 rounded bg-background-3 clickBox",
+                onClick: vue.unref(resetFn)
+              }, [
+                vue.createVNode(vue.unref(index$3.HyIcon), {
+                  "svg-name": __props.searchSvgName,
+                  "class-name": "text-main"
+                }, null, 8, ["svg-name"])
+              ], 8, ["onClick"])
+            ]),
+            vue.withDirectives(vue.createElementVNode(
+              "div",
+              { class: "w-full h-[365px]" },
+              [
+                vue.createElementVNode("div", { class: "w-full flex items-center border-t border-b border-background-3 mt-1 py-2 px-2 box-border" }, [
+                  vue.createVNode(vue.unref(index$3.HyIcon), {
+                    "svg-name": "dispatch-share1-prompt",
+                    "class-name": "!w-3 !h-3 text-auxiliary mr-1"
+                  }),
+                  vue.createElementVNode("span", { class: "text-xs text-auxiliary" }, "\u652F\u6301\u591A\u79CD\u5750\u6807\u7CFB\u89E3\u6790\uFF0C\u7CFB\u7EDF\u5C06\u81EA\u52A8\u5339\u914D\u3002")
+                ]),
+                vue.createElementVNode("div", { class: "w-full pt-2 box-border flex justify-center" }, [
+                  vue.createElementVNode(
+                    "span",
+                    { class: "inline-block text-xs text-main px-2 py-1 border border-theme bg-[rgba(var(--hy-theme), 0.2)] rounded-[2px]" },
+                    "\u5F53\u524D\u5730\u56FE\u5750\u6807\u7CFB\uFF1A" + vue.toDisplayString(vue.unref(mapCoordinateName)),
+                    1
+                    /* TEXT */
+                  )
+                ]),
+                (vue.openBlock(true), vue.createElementBlock(
+                  vue.Fragment,
+                  null,
+                  vue.renderList(vue.unref(lnglatList), (lnglatItem, lnglatIndex) => {
+                    return vue.openBlock(), vue.createElementBlock("div", {
+                      key: lnglatIndex,
+                      class: vue.normalizeClass(["flex items-center text-sm text-main border-b border-border rounded p-[10px] mt-[10px] hover:bg-background-3 clickBox", { "border-t": lnglatIndex === 0 }]),
+                      onClick: ($event) => vue.unref(lnglatClick)(lnglatItem)
+                    }, [
+                      vue.createVNode(vue.unref(index$3.HyIcon), {
+                        "svg-name": "dispatch-share1-maplocation",
+                        class: "flex-shrink !w-[26px] !h-[26px]"
+                      }),
+                      vue.createElementVNode("div", { class: "w-0 flex-1 ml-[10px]" }, [
+                        vue.createElementVNode("div", { class: "leading-[28px] text-main text-sm over_one_line" }, [
+                          vue.unref(lnglatList) && vue.unref(lnglatList).length > 1 ? (vue.openBlock(), vue.createElementBlock("span", {
+                            key: 0,
+                            class: "font-bold"
+                          }, "\u5750\u6807\u89E3\u6790")) : vue.createCommentVNode("v-if", true),
+                          vue.createTextVNode(
+                            " " + vue.toDisplayString(lnglatItem.titleName),
+                            1
+                            /* TEXT */
+                          )
+                        ]),
+                        vue.createElementVNode("div", { class: "text-xs text-auxiliary" }, [
+                          vue.createElementVNode("div", null, [
+                            vue.createElementVNode("span", null, "\u7ECF\u5EA6\uFF1A"),
+                            vue.withDirectives(vue.createElementVNode(
+                              "span",
+                              { class: "text-danger-2" },
+                              "\u5185\u5BB9\u9519\u8BEF",
+                              512
+                              /* NEED_PATCH */
+                            ), [
+                              [vue.vShow, !vue.unref(lnglat).lngType && lnglatItem.lng]
+                            ]),
+                            vue.withDirectives(vue.createElementVNode(
+                              "span",
+                              null,
+                              vue.toDisplayString(lnglatItem.lng || "\u8BF7\u8F93\u5165\u7ECF\u5EA6"),
+                              513
+                              /* TEXT, NEED_PATCH */
+                            ), [
+                              [vue.vShow, vue.unref(lnglat).lngType || !lnglatItem.lng]
+                            ])
+                          ]),
+                          vue.createElementVNode("div", null, [
+                            vue.createElementVNode("span", null, "\u7EAC\u5EA6\uFF1A"),
+                            vue.withDirectives(vue.createElementVNode(
+                              "span",
+                              { class: "text-danger-2" },
+                              "\u5185\u5BB9\u9519\u8BEF",
+                              512
+                              /* NEED_PATCH */
+                            ), [
+                              [vue.vShow, !vue.unref(lnglat).latType && lnglatItem.lat]
+                            ]),
+                            vue.withDirectives(vue.createElementVNode(
+                              "span",
+                              null,
+                              vue.toDisplayString(lnglatItem.lat || "\u8BF7\u8F93\u5165\u7EAC\u5EA6"),
+                              513
+                              /* TEXT, NEED_PATCH */
+                            ), [
+                              [vue.vShow, vue.unref(lnglat).latType || !lnglatItem.lat]
+                            ])
+                          ])
+                        ])
+                      ])
+                    ], 10, ["onClick"]);
+                  }),
+                  128
+                  /* KEYED_FRAGMENT */
+                ))
+              ],
+              512
+              /* NEED_PATCH */
+            ), [
+              [vue.vShow, vue.unref(searchAddressType) === 5]
+            ]),
+            vue.unref(searchResultList).length ? (vue.openBlock(), vue.createBlock(vue.unref(VirtualList), {
+              key: 0,
+              "data-key": "id",
+              "data-sources": vue.unref(searchResultList),
+              "data-component": mapAearchPlaceItem.default,
+              keeps: 10,
+              "extra-props": {
+                color: vue.unref(colorObject).success,
+                mapJumpLocationFn: vue.unref(mapJumpLocationFn),
+                unbindVehicleFn: vue.unref(unbindVehicleFn),
+                searchAddressType: vue.unref(searchAddressType),
+                longitudeTxt: "\u7EAC\u5EA6",
+                latitudeTxt: "\u7ECF\u5EA6"
+              },
+              "estimate-size": 88,
+              class: "w-full max-h-[400px] overflow-y-auto scroll-body",
+              onTobottom: vue.unref(load)
+            }, null, 8, ["data-sources", "extra-props", "onTobottom"])) : vue.createCommentVNode("v-if", true),
+            vue.unref(loading) ? (vue.openBlock(), vue.createElementBlock("p", {
+              key: 1,
+              class: "leading-[32px] flex items-center text-main text-xs"
+            }, " \u52A0\u8F7D\u4E2D... ")) : vue.createCommentVNode("v-if", true),
+            vue.unref(noMore) ? (vue.openBlock(), vue.createElementBlock("p", {
+              key: 2,
+              class: "leading-[32px] flex items-center text-main text-xs"
+            }, " \u6CA1\u6709\u66F4\u591A\u4E86 ")) : vue.createCommentVNode("v-if", true)
+          ])
+        ],
+        2
+        /* CLASS */
+      );
+    };
+  }
+});
+
+exports.default = _sfc_main;

package/lib/bussiness/hyMapAearchPlace/mapAearchPlaceItem.vue.js

@@ -0,0 +1,105 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+require('../../components/index.js');
+var index = require('../../components/hyIcon/index.js');
+
+const _sfc_main = {
+  __name: "mapAearchPlaceItem",
+  props: {
+    mapJumpLocationFn: {
+      type: Function
+    },
+    index: {
+      type: Number,
+      default() {
+        return null;
+      }
+    },
+    searchAddressType: {
+      type: Number,
+      default() {
+        return 1;
+      }
+    },
+    source: {
+      type: Object,
+      default() {
+        return {};
+      }
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("li", {
+        class: "flex items-center css-text-no-select py-2 pl-2.5 border-b border-background-3 clickBox hover:bg-background-3",
+        onClick: ($event) => __props.mapJumpLocationFn(__props.source)
+      }, [
+        vue.createElementVNode("div", { class: "flex-shrink-0" }, [
+          __props.searchAddressType === 1 ? (vue.openBlock(), vue.createBlock(vue.unref(index.HyIcon), {
+            key: 0,
+            "svg-name": "dispatch-share1-maplocation"
+          })) : __props.searchAddressType === 4 ? (vue.openBlock(), vue.createElementBlock("div", {
+            key: 1,
+            class: "w-[26px] h-[26px] flex items-center border border-theme rounded-full bg-background-3 box-border"
+          }, [
+            vue.createElementVNode("img", {
+              src: __props.source.orgTypeIcon,
+              class: "max-w-full"
+            }, null, 8, ["src"])
+          ])) : vue.createCommentVNode("v-if", true)
+        ]),
+        vue.createElementVNode("div", { class: "w-0 flex-1 ml-2.5" }, [
+          vue.createElementVNode("div", { class: "text-sm text-main over_one_line font-bold" }, [
+            (vue.openBlock(true), vue.createElementBlock(
+              vue.Fragment,
+              null,
+              vue.renderList(__props.source.title, (row, rowIndex) => {
+                return vue.openBlock(), vue.createElementBlock(
+                  "span",
+                  {
+                    key: rowIndex,
+                    class: vue.normalizeClass([row.type === 2 ? "text-theme" : "text-auxiliary"])
+                  },
+                  vue.toDisplayString(row.content),
+                  3
+                  /* TEXT, CLASS */
+                );
+              }),
+              128
+              /* KEYED_FRAGMENT */
+            ))
+          ]),
+          vue.createElementVNode(
+            "div",
+            { class: "over_one_line text-xs text-main my-1" },
+            vue.toDisplayString(__props.source.address),
+            1
+            /* TEXT */
+          ),
+          vue.createElementVNode("div", { class: "text-xs text-auxiliary" }, [
+            vue.createElementVNode(
+              "span",
+              null,
+              "\u7ECF\u5EA6\uFF1A" + vue.toDisplayString(__props.source.lng),
+              1
+              /* TEXT */
+            ),
+            vue.createElementVNode(
+              "span",
+              { class: "ml-5" },
+              "\u7EAC\u5EA6\uFF1A" + vue.toDisplayString(__props.source.lat),
+              1
+              /* TEXT */
+            )
+          ])
+        ])
+      ], 8, ["onClick"]);
+    };
+  }
+};
+
+exports.default = _sfc_main;

package/lib/bussiness/hyMapAearchPlace/style/mapAearchPlace.scss

@@ -0,0 +1,71 @@
+.hy-map-aearch-place {
+  width: 100%;
+  height: 40px;
+  position: relative;
+  .hy-map-aearch-place-container {
+    width: 100%;
+    min-width: 340px;
+    display: inline-flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 4px;
+    border: 1px solid rgba(var(--hy-border));
+    border-radius: 4px;
+    box-sizing: border-box;
+    padding: 2px 4px;
+    overflow: hidden;
+    background: rgba(var(--hy-background-2));
+    position: absolute;
+    left: 0;
+    top: 0;
+    z-index: 10;
+    &:hover,
+    &.focus {
+      border: 1px solid rgba(var(--hy-theme));
+    }
+
+    .hy-map-aearch-place-input {
+
+      .hy-el-input__inner::placeholder {
+        font-size: 12px;
+      }
+      .hy-el-input__wrapper {
+        padding-left: 8px;
+        padding-right: 4px;
+        background-color: transparent !important;
+        box-shadow: none;
+        border: none;
+      }
+      .hy-el-input-group__append {
+        color: rgb(var(--hy-main));
+        background-color: rgba(var(--hy-background-2));
+        box-shadow: none;
+        padding: 4px;
+        min-height: 100%;
+      }
+    }
+  }
+  &.is-focus .hy-map-aearch-place-container{
+    border: 1px solid rgba(var(--hy-theme));
+  }
+}
+
+/* 地图打点闪烁 */
+.hy-map-aearch-place-twinkle-marker {
+  animation: hy-map-aearch-place-twinkle 1s ease-out;
+  animation-iteration-count: 3; /*次数 infinite(无限次)*/
+  animation-delay: 1s;
+}
+
+@keyframes hy-map-aearch-place-twinkle {
+  0% {
+    opacity: 1;
+  }
+  50% {
+    opacity: 0.2;
+    filter: none;
+  }
+  100% {
+    opacity: 1;
+  }
+}

package/lib/bussiness/index.js

@@ -1,7 +1,9 @@
 'use strict';
 
 var index = require('./hyAddDepartmentType/index.js');
+var index$1 = require('./hyMapAearchPlace/index.js');
 
 
 
 exports.HyAddDepartmentType = index.HyAddDepartmentType;
+exports.HyMapAearchPlace = index$1.HyMapAearchPlace;

package/lib/components/hyAudioPlayer/audioPlayer.vue.js

@@ -4,6 +4,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
 var elementPlus = require('element-plus');
+require('../../hooks/index.js');
+require('../../utils/index.js');
+require('../index.js');
 var mediaLoading = require('../hyVideoPlayer/cpns/mediaLoading.vue.js');
 var index = require('./js/index.js');
 var useLocale = require('../../hooks/useLocale.js');

package/lib/components/hyAudioPlayer/index.js

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var audioPlayer = require('./audioPlayer.vue.js');
+require('../../utils/index.js');
 var handler = require('../../utils/handler.js');
 
 const HyAudioPlayer = handler.withInstall(audioPlayer.default);

package/lib/components/hyAudioPlayer/js/index.js

@@ -2,6 +2,9 @@
 
 var vue = require('vue');
 var elementPlus = require('element-plus');
+require('dayjs');
+require('../../../hooks/index.js');
+require('../../../utils/index.js');
 var useLocale = require('../../../hooks/useLocale.js');
 var useAudioPlayerConfig = require('../../../hooks/useAudioPlayerConfig.js');
 var date = require('../../../utils/date.js');
@@ -243,7 +246,8 @@ const useAudioPlayer = (hy) => {
     document.removeEventListener("fullscreenchange", fullscreenchangeHandler);
   }
   function fullscreenchangeHandler(e) {
-    if (document.fullscreenElement) ; else {
+    if (document.fullscreenElement) {
+    } else {
       isFullScreen.value = false;
     }
   }