@wfrog/vc-ui 1.0.0

package/dist/es/components/dialog-map-point/dialog-map-point.mjs

@@ -0,0 +1,183 @@
+import './index.css'
+import '../../chunk/E_WRn0OP.mjs';
+import { E as ElInput } from '../../chunk/Dvi7RsXg.mjs';
+import { E as ElButton } from '../../chunk/VCrtRnxt.mjs';
+import { defineComponent, useTemplateRef, ref, computed, watch, nextTick, onMounted, createBlock, openBlock, unref, isRef, withCtx, createElementVNode, normalizeStyle, normalizeClass, createVNode, withKeys, createTextVNode } from 'vue';
+import { Search } from '@element-plus/icons-vue';
+import { d as defaultWindow, i as index } from '../../chunk/BdDihk0t.mjs';
+import { C as Component$1 } from '../dialog/dialog.mjs';
+import { _ as _export_sfc } from '../../chunk/pcqpp-6-.mjs';
+
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "dialog-map-point",
+  props: {
+    modelValue: {},
+    visible: { type: Boolean, default: false },
+    city: { default: "上海" },
+    ak: {}
+  },
+  emits: ["update:visible", "update:modelValue", "close"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const containerRef = useTemplateRef("containerRef");
+    const keywords = ref("");
+    const dialogWidth = computed(() => {
+      if (!defaultWindow) {
+        return "500px";
+      }
+      const width = document.body.clientWidth * 0.8;
+      const maxWidth = 1e3;
+      return `${width > maxWidth ? maxWidth : width}px`;
+    });
+    const containerStyle = computed(() => {
+      const height = document.body.clientHeight * 0.8;
+      const maxHeight = 600;
+      return { height: `${height > maxHeight ? maxHeight : height}px` };
+    });
+    const dialogVisible = computed({
+      get: () => props.visible,
+      set: (val) => {
+        emits("update:visible", val);
+        if (!val) {
+          emits("close");
+        }
+      }
+    });
+    let map;
+    let local;
+    const point = ref({ lng: 0, lat: 0 });
+    function init() {
+      if (!defaultWindow) {
+        return "";
+      }
+      const { BMapGL } = defaultWindow;
+      map = new BMapGL.Map(containerRef.value, { enableMapClick: false });
+      map.setDefaultCursor("default");
+      let marker = null;
+      const { lng, lat } = props.modelValue;
+      if (lng) {
+        const myPoint = new BMapGL.Point(lng, lat);
+        marker = new BMapGL.Marker(myPoint);
+        map.addOverlay(marker);
+        map.centerAndZoom(myPoint, 14);
+      } else {
+        map.centerAndZoom(props.city, 14);
+      }
+      map.enableScrollWheelZoom();
+      map.addControl(new BMapGL.NavigationControl());
+      setTimeout(() => {
+        map.addControl(new BMapGL.ScaleControl());
+      }, 1e3);
+      local = new BMapGL.LocalSearch(map, {
+        renderOptions: { map }
+      });
+      map.addEventListener("click", (e) => {
+        point.value = e.latlng;
+        marker && map.removeOverlay(marker);
+        marker = new BMapGL.Marker(point.value);
+        map.addOverlay(marker);
+      });
+    }
+    function handleClose() {
+      dialogVisible.value = false;
+    }
+    function handleSearch() {
+      local.search(keywords.value);
+    }
+    function handleClear() {
+      local.clearResults();
+    }
+    function destroy() {
+      map = null;
+    }
+    watch(dialogVisible, (val) => {
+      val && nextTick(() => init());
+      !val && destroy();
+    });
+    function handleConfirm() {
+      emits("update:modelValue", point.value);
+      handleClose();
+    }
+    onMounted(() => {
+      index.loadScriptSingle(`//api.map.baidu.com/getscript?type=webgl&v=1.0&ak=${props.ak}`);
+    });
+    return (_ctx, _cache) => {
+      const _component_ElButton = ElButton;
+      const _component_ElInput = ElInput;
+      return openBlock(), createBlock(Component$1, {
+        modelValue: unref(dialogVisible),
+        "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => isRef(dialogVisible) ? dialogVisible.value = $event : null),
+        title: "选择地点",
+        "close-on-click-modal": false,
+        width: unref(dialogWidth),
+        "show-close": false,
+        "append-to-body": "",
+        "show-fullscreen": false
+      }, {
+        footer: withCtx(() => [
+          createVNode(_component_ElButton, { onClick: handleClose }, {
+            default: withCtx(() => [..._cache[2] || (_cache[2] = [
+              createTextVNode("取 消", -1)
+            ])]),
+            _: 1
+          }),
+          createVNode(_component_ElButton, {
+            type: "primary",
+            onClick: handleConfirm
+          }, {
+            default: withCtx(() => [..._cache[3] || (_cache[3] = [
+              createTextVNode("确 定", -1)
+            ])]),
+            _: 1
+          })
+        ]),
+        default: withCtx(() => [
+          createElementVNode("div", {
+            ref_key: "containerRef",
+            ref: containerRef,
+            style: normalizeStyle(unref(containerStyle))
+          }, null, 4),
+          createElementVNode("div", {
+            class: normalizeClass(_ctx.$style.search)
+          }, [
+            createVNode(_component_ElInput, {
+              modelValue: unref(keywords),
+              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(keywords) ? keywords.value = $event : null),
+              placeholder: "请输入查询地址",
+              clearable: "",
+              onKeyup: withKeys(handleSearch, ["enter"]),
+              onClear: handleClear
+            }, {
+              append: withCtx(() => [
+                createVNode(_component_ElButton, {
+                  icon: unref(Search),
+                  onClick: handleSearch
+                }, null, 8, ["icon"])
+              ]),
+              _: 1
+            }, 8, ["modelValue"])
+          ], 2)
+        ]),
+        _: 1
+      }, 8, ["modelValue", "width"]);
+    };
+  }
+});
+
+/* unplugin-vue-components disabled */const search = "_search_56edn_1";
+const style0 = {
+	search: search
+};
+
+const cssModules = {
+  "$style": style0
+};
+const Component = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
+
+const __vite_glob_0_11 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
+  __proto__: null,
+  default: Component
+}, Symbol.toStringTag, { value: 'Module' }));
+
+export { Component as C, __vite_glob_0_11 as _ };

package/dist/es/components/dialog-map-point/dialog-map-point.vue.d.ts

@@ -0,0 +1,22 @@
+import { IDialogMapPointProps } from './dialog-map-point';
+declare const _default: import('vue').DefineComponent<IDialogMapPointProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    close: () => any;
+    "update:modelValue": (val: {
+        lng: number;
+        lat: number;
+    }) => any;
+    "update:visible": (val: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<IDialogMapPointProps> & Readonly<{
+    onClose?: (() => any) | undefined;
+    "onUpdate:modelValue"?: ((val: {
+        lng: number;
+        lat: number;
+    }) => any) | undefined;
+    "onUpdate:visible"?: ((val: boolean) => any) | undefined;
+}>, {
+    visible: boolean;
+    city: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    containerRef: HTMLDivElement;
+}, any>;
+export default _default;

package/dist/es/components/dialog-map-point/index.css

@@ -0,0 +1,11 @@
+/* source: src/components/dialog-map-point/dialog-map-point.vue */
+._search_56edn_1 {
+  position: absolute;
+  top: 10px;
+  left: 50%;
+  z-index: 5;
+  width: 300px;
+  padding: 4px;
+  text-align: center;
+  transform: translateX(-50%);
+}

package/dist/es/components/dialog-map-point/index.d.ts

@@ -0,0 +1,4 @@
+import { SFCWithInstall } from '../../utils/typescript';
+import { default as Component } from './dialog-map-point.vue';
+export declare const VcDialogMapPoint: SFCWithInstall<typeof Component>;
+export default VcDialogMapPoint;

package/dist/es/components/dialog-map-point/index.mjs

@@ -0,0 +1,6 @@
+import { w as withInstall } from '../../chunk/ClZGuAIb.mjs';
+import { C as Component } from './dialog-map-point.mjs';
+
+const VcDialogMapPoint = withInstall(Component);
+
+export { VcDialogMapPoint, VcDialogMapPoint as default };

package/dist/es/components/dialog-upload-images/dialog-upload-images.d.ts

@@ -0,0 +1,16 @@
+export interface IUploadFile {
+    url: string;
+    size: number;
+    type: string;
+    name: string;
+}
+export interface IDialogUploadImagesProps {
+    modelValue: (File | IUploadFile)[];
+    visible: boolean;
+    destroyOnClose?: boolean;
+    limit?: number;
+    maxSize?: number;
+    httpRequest: (file: File) => Promise<IUploadFile | File | void>;
+    beforeUpload?: (file: File) => boolean;
+    beforeRemove?: (file: File | IUploadFile, fileList: (File | IUploadFile)[]) => boolean;
+}