@fecp/mobile-designer 1.0.9 → 1.0.11

package/es/node_modules/vant/es/tree-select/TreeSelect.mjs

@@ -0,0 +1,105 @@
+import { defineComponent, createVNode } from "vue";
+import { Icon } from "../icon/index.mjs";
+import { Sidebar } from "../sidebar/index.mjs";
+import { SidebarItem } from "../sidebar-item/index.mjs";
+import { makeNumericProp, makeStringProp, makeArrayProp } from "../utils/props.mjs";
+import { createNamespace } from "../utils/create.mjs";
+import { addUnit } from "../utils/format.mjs";
+const [name, bem] = createNamespace("tree-select");
+const treeSelectProps = {
+  max: makeNumericProp(Infinity),
+  items: makeArrayProp(),
+  height: makeNumericProp(300),
+  selectedIcon: makeStringProp("success"),
+  mainActiveIndex: makeNumericProp(0),
+  activeId: {
+    type: [Number, String, Array],
+    default: 0
+  }
+};
+var stdin_default = defineComponent({
+  name,
+  props: treeSelectProps,
+  emits: ["clickNav", "clickItem", "update:activeId", "update:mainActiveIndex"],
+  setup(props, {
+    emit,
+    slots
+  }) {
+    const isActiveItem = (id) => Array.isArray(props.activeId) ? props.activeId.includes(id) : props.activeId === id;
+    const renderSubItem = (item) => {
+      const onClick = () => {
+        if (item.disabled) {
+          return;
+        }
+        let activeId;
+        if (Array.isArray(props.activeId)) {
+          activeId = props.activeId.slice();
+          const index = activeId.indexOf(item.id);
+          if (index !== -1) {
+            activeId.splice(index, 1);
+          } else if (activeId.length < +props.max) {
+            activeId.push(item.id);
+          }
+        } else {
+          activeId = item.id;
+        }
+        emit("update:activeId", activeId);
+        emit("clickItem", item);
+      };
+      return createVNode("div", {
+        "key": item.id,
+        "class": ["van-ellipsis", bem("item", {
+          active: isActiveItem(item.id),
+          disabled: item.disabled
+        })],
+        "onClick": onClick
+      }, [item.text, isActiveItem(item.id) && createVNode(Icon, {
+        "name": props.selectedIcon,
+        "class": bem("selected")
+      }, null)]);
+    };
+    const onSidebarChange = (index) => {
+      emit("update:mainActiveIndex", index);
+    };
+    const onClickSidebarItem = (index) => emit("clickNav", index);
+    const renderSidebar = () => {
+      const Items = props.items.map((item) => createVNode(SidebarItem, {
+        "dot": item.dot,
+        "badge": item.badge,
+        "class": [bem("nav-item"), item.className],
+        "disabled": item.disabled,
+        "onClick": onClickSidebarItem
+      }, {
+        title: () => slots["nav-text"] ? slots["nav-text"](item) : item.text
+      }));
+      return createVNode(Sidebar, {
+        "class": bem("nav"),
+        "modelValue": props.mainActiveIndex,
+        "onChange": onSidebarChange
+      }, {
+        default: () => [Items]
+      });
+    };
+    const renderContent = () => {
+      if (slots.content) {
+        return slots.content();
+      }
+      const selected = props.items[+props.mainActiveIndex] || {};
+      if (selected.children) {
+        return selected.children.map(renderSubItem);
+      }
+    };
+    return () => createVNode("div", {
+      "class": bem(),
+      "style": {
+        height: addUnit(props.height)
+      }
+    }, [renderSidebar(), createVNode("div", {
+      "class": bem("content")
+    }, [renderContent()])]);
+  }
+});
+export {
+  stdin_default as default,
+  treeSelectProps
+};

package/es/node_modules/vant/es/tree-select/index.mjs

@@ -0,0 +1,8 @@
+import stdin_default from "./TreeSelect.mjs";
+import { treeSelectProps } from "./TreeSelect.mjs";
+import { withInstall } from "../utils/with-install.mjs";
+const TreeSelect = withInstall(stdin_default);
+export {
+  TreeSelect,
+  treeSelectProps
+};

package/es/node_modules/vant/es/uploader/Uploader.mjs

@@ -0,0 +1,275 @@
+import { defineComponent, ref, onBeforeUnmount, createVNode, nextTick, withDirectives, vShow, mergeProps, reactive } from "vue";
+import { name, bem, isImageFile, readFileContent, isOversize, filterFiles } from "./utils.mjs";
+import { useCustomFieldValue } from "../../../@vant/use/dist/index.esm.mjs";
+import { useExpose } from "../composables/use-expose.mjs";
+import { Icon } from "../icon/index.mjs";
+import "../image-preview/index.mjs";
+import stdin_default$1 from "./UploaderPreviewItem.mjs";
+import { showImagePreview } from "../image-preview/function-call.mjs";
+import { truthProp, makeArrayProp, makeStringProp, makeNumericProp } from "../utils/props.mjs";
+import { getSizeStyle } from "../utils/format.mjs";
+import { extend, pick, isPromise, toArray } from "../utils/basic.mjs";
+const uploaderProps = {
+  name: makeNumericProp(""),
+  accept: makeStringProp("image/*"),
+  capture: String,
+  multiple: Boolean,
+  disabled: Boolean,
+  readonly: Boolean,
+  lazyLoad: Boolean,
+  maxCount: makeNumericProp(Infinity),
+  imageFit: makeStringProp("cover"),
+  resultType: makeStringProp("dataUrl"),
+  uploadIcon: makeStringProp("photograph"),
+  uploadText: String,
+  deletable: truthProp,
+  reupload: Boolean,
+  afterRead: Function,
+  showUpload: truthProp,
+  modelValue: makeArrayProp(),
+  beforeRead: Function,
+  beforeDelete: Function,
+  previewSize: [Number, String, Array],
+  previewImage: truthProp,
+  previewOptions: Object,
+  previewFullImage: truthProp,
+  maxSize: {
+    type: [Number, String, Function],
+    default: Infinity
+  }
+};
+var stdin_default = defineComponent({
+  name,
+  props: uploaderProps,
+  emits: ["delete", "oversize", "clickUpload", "closePreview", "clickPreview", "clickReupload", "update:modelValue"],
+  setup(props, {
+    emit,
+    slots
+  }) {
+    const inputRef = ref();
+    const urls = [];
+    const reuploadIndex = ref(-1);
+    const isReuploading = ref(false);
+    const getDetail = (index = props.modelValue.length) => ({
+      name: props.name,
+      index
+    });
+    const resetInput = () => {
+      if (inputRef.value) {
+        inputRef.value.value = "";
+      }
+    };
+    const onAfterRead = (items) => {
+      resetInput();
+      if (isOversize(items, props.maxSize)) {
+        if (Array.isArray(items)) {
+          const result = filterFiles(items, props.maxSize);
+          items = result.valid;
+          emit("oversize", result.invalid, getDetail());
+          if (!items.length) {
+            return;
+          }
+        } else {
+          emit("oversize", items, getDetail());
+          return;
+        }
+      }
+      items = reactive(items);
+      if (reuploadIndex.value > -1) {
+        const arr = [...props.modelValue];
+        arr.splice(reuploadIndex.value, 1, items);
+        emit("update:modelValue", arr);
+        reuploadIndex.value = -1;
+      } else {
+        emit("update:modelValue", [...props.modelValue, ...toArray(items)]);
+      }
+      if (props.afterRead) {
+        props.afterRead(items, getDetail());
+      }
+    };
+    const readFile = (files) => {
+      const {
+        maxCount,
+        modelValue,
+        resultType
+      } = props;
+      if (Array.isArray(files)) {
+        const remainCount = +maxCount - modelValue.length;
+        if (files.length > remainCount) {
+          files = files.slice(0, remainCount);
+        }
+        Promise.all(files.map((file) => readFileContent(file, resultType))).then((contents) => {
+          const fileList = files.map((file, index) => {
+            const result = {
+              file,
+              status: "",
+              message: "",
+              objectUrl: URL.createObjectURL(file)
+            };
+            if (contents[index]) {
+              result.content = contents[index];
+            }
+            return result;
+          });
+          onAfterRead(fileList);
+        });
+      } else {
+        readFileContent(files, resultType).then((content) => {
+          const result = {
+            file: files,
+            status: "",
+            message: "",
+            objectUrl: URL.createObjectURL(files)
+          };
+          if (content) {
+            result.content = content;
+          }
+          onAfterRead(result);
+        });
+      }
+    };
+    const onChange = (event) => {
+      const {
+        files
+      } = event.target;
+      if (props.disabled || !files || !files.length) {
+        return;
+      }
+      const file = files.length === 1 ? files[0] : [].slice.call(files);
+      if (props.beforeRead) {
+        const response = props.beforeRead(file, getDetail());
+        if (!response) {
+          resetInput();
+          return;
+        }
+        if (isPromise(response)) {
+          response.then((data) => {
+            if (data) {
+              readFile(data);
+            } else {
+              readFile(file);
+            }
+          }).catch(resetInput);
+          return;
+        }
+      }
+      readFile(file);
+    };
+    let imagePreview;
+    const onClosePreview = () => emit("closePreview");
+    const previewImage = (item) => {
+      if (props.previewFullImage) {
+        const imageFiles = props.modelValue.filter(isImageFile);
+        const images = imageFiles.map((item2) => {
+          if (item2.objectUrl && !item2.url && item2.status !== "failed") {
+            item2.url = item2.objectUrl;
+            urls.push(item2.url);
+          }
+          return item2.url;
+        }).filter(Boolean);
+        imagePreview = showImagePreview(extend({
+          images,
+          startPosition: imageFiles.indexOf(item),
+          onClose: onClosePreview
+        }, props.previewOptions));
+      }
+    };
+    const closeImagePreview = () => {
+      if (imagePreview) {
+        imagePreview.close();
+      }
+    };
+    const deleteFile = (item, index) => {
+      const fileList = props.modelValue.slice(0);
+      fileList.splice(index, 1);
+      emit("update:modelValue", fileList);
+      emit("delete", item, getDetail(index));
+    };
+    const reuploadFile = (index) => {
+      isReuploading.value = true;
+      reuploadIndex.value = index;
+      nextTick(() => chooseFile());
+    };
+    const onInputClick = () => {
+      if (!isReuploading.value) {
+        reuploadIndex.value = -1;
+      }
+      isReuploading.value = false;
+    };
+    const renderPreviewItem = (item, index) => {
+      const needPickData = ["imageFit", "deletable", "reupload", "previewSize", "beforeDelete"];
+      const previewData = extend(pick(props, needPickData), pick(item, needPickData, true));
+      return createVNode(stdin_default$1, mergeProps({
+        "item": item,
+        "index": index,
+        "onClick": () => emit(props.reupload ? "clickReupload" : "clickPreview", item, getDetail(index)),
+        "onDelete": () => deleteFile(item, index),
+        "onPreview": () => previewImage(item),
+        "onReupload": () => reuploadFile(index)
+      }, pick(props, ["name", "lazyLoad"]), previewData), pick(slots, ["preview-cover", "preview-delete"]));
+    };
+    const renderPreviewList = () => {
+      if (props.previewImage) {
+        return props.modelValue.map(renderPreviewItem);
+      }
+    };
+    const onClickUpload = (event) => emit("clickUpload", event);
+    const renderUpload = () => {
+      const lessThanMax = props.modelValue.length < +props.maxCount;
+      const Input = props.readonly ? null : createVNode("input", {
+        "ref": inputRef,
+        "type": "file",
+        "class": bem("input"),
+        "accept": props.accept,
+        "capture": props.capture,
+        "multiple": props.multiple && reuploadIndex.value === -1,
+        "disabled": props.disabled,
+        "onChange": onChange,
+        "onClick": onInputClick
+      }, null);
+      if (slots.default) {
+        return withDirectives(createVNode("div", {
+          "class": bem("input-wrapper"),
+          "onClick": onClickUpload
+        }, [slots.default(), Input]), [[vShow, lessThanMax]]);
+      }
+      return withDirectives(createVNode("div", {
+        "class": bem("upload", {
+          readonly: props.readonly
+        }),
+        "style": getSizeStyle(props.previewSize),
+        "onClick": onClickUpload
+      }, [createVNode(Icon, {
+        "name": props.uploadIcon,
+        "class": bem("upload-icon")
+      }, null), props.uploadText && createVNode("span", {
+        "class": bem("upload-text")
+      }, [props.uploadText]), Input]), [[vShow, props.showUpload && lessThanMax]]);
+    };
+    const chooseFile = () => {
+      if (inputRef.value && !props.disabled) {
+        inputRef.value.click();
+      }
+    };
+    onBeforeUnmount(() => {
+      urls.forEach((url) => URL.revokeObjectURL(url));
+    });
+    useExpose({
+      chooseFile,
+      reuploadFile,
+      closeImagePreview
+    });
+    useCustomFieldValue(() => props.modelValue);
+    return () => createVNode("div", {
+      "class": bem()
+    }, [createVNode("div", {
+      "class": bem("wrapper", {
+        disabled: props.disabled
+      })
+    }, [renderPreviewList(), renderUpload()])]);
+  }
+});
+export {
+  stdin_default as default,
+  uploaderProps
+};

package/es/node_modules/vant/es/uploader/UploaderPreviewItem.mjs

@@ -0,0 +1,133 @@
+import { defineComponent, createVNode } from "vue";
+import { bem, isImageFile, t } from "./utils.mjs";
+import { Icon } from "../icon/index.mjs";
+import { Image } from "../image/index.mjs";
+import { Loading } from "../loading/index.mjs";
+import { makeRequiredProp, numericProp } from "../utils/props.mjs";
+import { getSizeStyle } from "../utils/format.mjs";
+import { isDef, extend } from "../utils/basic.mjs";
+import { callInterceptor } from "../utils/interceptor.mjs";
+var stdin_default = defineComponent({
+  props: {
+    name: numericProp,
+    item: makeRequiredProp(Object),
+    index: Number,
+    imageFit: String,
+    lazyLoad: Boolean,
+    deletable: Boolean,
+    reupload: Boolean,
+    previewSize: [Number, String, Array],
+    beforeDelete: Function
+  },
+  emits: ["delete", "preview", "reupload"],
+  setup(props, {
+    emit,
+    slots
+  }) {
+    const renderMask = () => {
+      const {
+        status,
+        message
+      } = props.item;
+      if (status === "uploading" || status === "failed") {
+        const MaskIcon = status === "failed" ? createVNode(Icon, {
+          "name": "close",
+          "class": bem("mask-icon")
+        }, null) : createVNode(Loading, {
+          "class": bem("loading")
+        }, null);
+        const showMessage = isDef(message) && message !== "";
+        return createVNode("div", {
+          "class": bem("mask")
+        }, [MaskIcon, showMessage && createVNode("div", {
+          "class": bem("mask-message")
+        }, [message])]);
+      }
+    };
+    const onDelete = (event) => {
+      const {
+        name,
+        item,
+        index,
+        beforeDelete
+      } = props;
+      event.stopPropagation();
+      callInterceptor(beforeDelete, {
+        args: [item, {
+          name,
+          index
+        }],
+        done: () => emit("delete")
+      });
+    };
+    const onPreview = () => emit("preview");
+    const onReupload = () => emit("reupload");
+    const renderDeleteIcon = () => {
+      if (props.deletable && props.item.status !== "uploading") {
+        const slot = slots["preview-delete"];
+        return createVNode("div", {
+          "role": "button",
+          "class": bem("preview-delete", {
+            shadow: !slot
+          }),
+          "tabindex": 0,
+          "aria-label": t("delete"),
+          "onClick": onDelete
+        }, [slot ? slot() : createVNode(Icon, {
+          "name": "cross",
+          "class": bem("preview-delete-icon")
+        }, null)]);
+      }
+    };
+    const renderCover = () => {
+      if (slots["preview-cover"]) {
+        const {
+          index,
+          item
+        } = props;
+        return createVNode("div", {
+          "class": bem("preview-cover")
+        }, [slots["preview-cover"](extend({
+          index
+        }, item))]);
+      }
+    };
+    const renderPreview = () => {
+      const {
+        item,
+        lazyLoad,
+        imageFit,
+        previewSize,
+        reupload
+      } = props;
+      if (isImageFile(item)) {
+        return createVNode(Image, {
+          "fit": imageFit,
+          "src": item.objectUrl || item.content || item.url,
+          "class": bem("preview-image"),
+          "width": Array.isArray(previewSize) ? previewSize[0] : previewSize,
+          "height": Array.isArray(previewSize) ? previewSize[1] : previewSize,
+          "lazyLoad": lazyLoad,
+          "onClick": reupload ? onReupload : onPreview
+        }, {
+          default: renderCover
+        });
+      }
+      return createVNode("div", {
+        "class": bem("file"),
+        "style": getSizeStyle(props.previewSize)
+      }, [createVNode(Icon, {
+        "class": bem("file-icon"),
+        "name": "description"
+      }, null), createVNode("div", {
+        "class": [bem("file-name"), "van-ellipsis"]
+      }, [item.file ? item.file.name : item.url]), renderCover()]);
+    };
+    return () => createVNode("div", {
+      "class": bem("preview")
+    }, [renderPreview(), renderMask(), renderDeleteIcon()]);
+  }
+});
+export {
+  stdin_default as default
+};

package/es/node_modules/vant/es/uploader/index.mjs

@@ -0,0 +1,8 @@
+import stdin_default from "./Uploader.mjs";
+import { uploaderProps } from "./Uploader.mjs";
+import { withInstall } from "../utils/with-install.mjs";
+const Uploader = withInstall(stdin_default);
+export {
+  Uploader,
+  uploaderProps
+};

package/es/node_modules/vant/es/uploader/utils.mjs

@@ -0,0 +1,70 @@
+import { createNamespace } from "../utils/create.mjs";
+import { toArray, isFunction } from "../utils/basic.mjs";
+const [name, bem, t] = createNamespace("uploader");
+function readFileContent(file, resultType) {
+  return new Promise((resolve) => {
+    if (resultType === "file") {
+      resolve();
+      return;
+    }
+    const reader = new FileReader();
+    reader.onload = (event) => {
+      resolve(event.target.result);
+    };
+    if (resultType === "dataUrl") {
+      reader.readAsDataURL(file);
+    } else if (resultType === "text") {
+      reader.readAsText(file);
+    }
+  });
+}
+function isOversize(items, maxSize) {
+  return toArray(items).some((item) => {
+    if (item.file) {
+      if (isFunction(maxSize)) {
+        return maxSize(item.file);
+      }
+      return item.file.size > +maxSize;
+    }
+    return false;
+  });
+}
+function filterFiles(items, maxSize) {
+  const valid = [];
+  const invalid = [];
+  items.forEach((item) => {
+    if (isOversize(item, maxSize)) {
+      invalid.push(item);
+    } else {
+      valid.push(item);
+    }
+  });
+  return { valid, invalid };
+}
+const IMAGE_REGEXP = /\.(jpeg|jpg|gif|png|svg|webp|jfif|bmp|dpg|avif)/i;
+const isImageUrl = (url) => IMAGE_REGEXP.test(url);
+function isImageFile(item) {
+  if (item.isImage) {
+    return true;
+  }
+  if (item.file && item.file.type) {
+    return item.file.type.indexOf("image") === 0;
+  }
+  if (item.url) {
+    return isImageUrl(item.url);
+  }
+  if (typeof item.content === "string") {
+    return item.content.indexOf("data:image") === 0;
+  }
+  return false;
+}
+export {
+  bem,
+  filterFiles,
+  isImageFile,
+  isImageUrl,
+  isOversize,
+  name,
+  readFileContent,
+  t
+};

package/es/node_modules/vant/es/utils/basic.mjs

@@ -1,9 +1,14 @@
+function noop() {
+}
 const extend = Object.assign;
 const inBrowser = typeof window !== "undefined";
 const isObject = (val) => val !== null && typeof val === "object";
 const isDef = (val) => val !== void 0 && val !== null;
 const isFunction = (val) => typeof val === "function";
+const isPromise = (val) => isObject(val) && isFunction(val.then) && isFunction(val.catch);
+const isDate = (val) => Object.prototype.toString.call(val) === "[object Date]" && !Number.isNaN(val.getTime());
 const isNumeric = (val) => typeof val === "number" || /^\d+(\.\d+)?$/.test(val);
+const isIOS = () => inBrowser ? /ios|iphone|ipad|ipod/.test(navigator.userAgent.toLowerCase()) : false;
 function get(object, path) {
   const keys = path.split(".");
   let result = object;
@@ -13,12 +18,34 @@ function get(object, path) {
   });
   return result;
 }
+function pick(obj, keys, ignoreUndefined) {
+  return keys.reduce(
+    (ret, key) => {
+      if (!ignoreUndefined || obj[key] !== void 0) {
+        ret[key] = obj[key];
+      }
+      return ret;
+    },
+    {}
+  );
+}
+const isSameValue = (newValue, oldValue) => JSON.stringify(newValue) === JSON.stringify(oldValue);
+const toArray = (item) => Array.isArray(item) ? item : [item];
+const flat = (arr) => arr.reduce((acc, val) => acc.concat(val), []);
 export {
   extend,
+  flat,
   get,
   inBrowser,
+  isDate,
   isDef,
   isFunction,
+  isIOS,
   isNumeric,
-  isObject
+  isObject,
+  isPromise,
+  isSameValue,
+  noop,
+  pick,
+  toArray
 };

package/es/node_modules/vant/es/utils/closest.mjs

@@ -0,0 +1,8 @@
+function closest(arr, target) {
+  return arr.reduce(
+    (pre, cur) => Math.abs(pre - target) < Math.abs(cur - target) ? pre : cur
+  );
+}
+export {
+  closest
+};

package/es/node_modules/vant/es/utils/constant.mjs

@@ -0,0 +1,24 @@
+const BORDER = "van-hairline";
+const BORDER_TOP = `${BORDER}--top`;
+const BORDER_LEFT = `${BORDER}--left`;
+const BORDER_BOTTOM = `${BORDER}--bottom`;
+const BORDER_SURROUND = `${BORDER}--surround`;
+const BORDER_TOP_BOTTOM = `${BORDER}--top-bottom`;
+const BORDER_UNSET_TOP_BOTTOM = `${BORDER}-unset--top-bottom`;
+const HAPTICS_FEEDBACK = "van-haptics-feedback";
+const FORM_KEY = Symbol("van-form");
+const LONG_PRESS_START_TIME = 500;
+const TAP_OFFSET = 5;
+export {
+  BORDER,
+  BORDER_BOTTOM,
+  BORDER_LEFT,
+  BORDER_SURROUND,
+  BORDER_TOP,
+  BORDER_TOP_BOTTOM,
+  BORDER_UNSET_TOP_BOTTOM,
+  FORM_KEY,
+  HAPTICS_FEEDBACK,
+  LONG_PRESS_START_TIME,
+  TAP_OFFSET
+};