mrxy-yk 0.0.1-beta.9

package/dist/element-plus/components/upload/upload-images/UploadImages.vue.es2.js

@@ -0,0 +1,211 @@
+import { ElIcon, ElImageViewer } from "element-plus/es";
+import { defineComponent, getCurrentInstance, ref, inject, shallowRef, onMounted, onBeforeUnmount, computed, watch, createElementBlock, openBlock, normalizeStyle, normalizeClass, createVNode, createBlock, createCommentVNode, unref, withCtx, renderSlot, nextTick } from "vue";
+import { Plus } from "@element-plus/icons-vue";
+import { ElUpload } from "element-plus";
+import { acceptMIMELib } from "../accept/index.es.js";
+import { YkElUploadImages, YkElUpload } from "../index.es.js";
+import { useInjectEventsHooks } from "../../../../utils/mitt/hooks/inject-events/index.es.js";
+import { MatchUnit } from "../../../../utils/match-unit/index.es.js";
+import { PromiseUtil } from "../../../../utils/prototype/lib/PromiseUtil.es.js";
+import { ArrayUtil } from "../../../../utils/prototype/lib/ArrayUtil.es.js";
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "UploadImages",
+  props: {
+    modelValue: {},
+    isJoin: { type: Boolean, default: true },
+    uploadClass: { default: "" },
+    accept: { default: "png,jpg,jpeg" },
+    width: { default: "248px" },
+    height: { default: "148px" },
+    maxSize: { default: Infinity },
+    limit: { default: Infinity },
+    getUrlMethod: {},
+    uploadMethod: {}
+  },
+  emits: ["update:modelValue", "change", "error"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const instance = getCurrentInstance();
+    const uploadRef = ref();
+    const formDialogInject = inject("/YkElFormDialog");
+    const formDialogInjectEvent = shallowRef();
+    onMounted(() => {
+      if (!formDialogInject) return;
+      formDialogInjectEvent.value = useInjectEventsHooks({ mittEvent: formDialogInject.eventBus });
+      formDialogInjectEvent.value.on("resetFields", clearFiles);
+      formDialogInjectEvent.value.on("getUploadHandle", () => {
+        formDialogInjectEventEmit("uploadHandleResult", {
+          count: uploadUserFile.value.filter((item) => item.raw).length,
+          handle: uploadHandle
+        });
+      });
+    });
+    function formDialogInjectEventEmit(type, data) {
+      if (formDialogInjectEvent.value) {
+        formDialogInjectEvent.value.emit(type, data);
+      }
+    }
+    const uploadGroup = inject("YkUploadGroup");
+    onMounted(() => {
+      if (uploadGroup) {
+        uploadGroup.register(instance);
+      }
+    });
+    onBeforeUnmount(() => {
+      if (uploadGroup) {
+        uploadGroup.unregister(instance);
+      }
+    });
+    const uploadImageStyle = computed(() => ({
+      "--upload-size-w": props.width,
+      "--upload-size-h": props.height
+    }));
+    const getUrlMethod = props.getUrlMethod || YkElUploadImages.props.getUrlMethod.default || YkElUpload.props.getUrlMethod.default || function(url) {
+      return url;
+    };
+    const uploadMethod = props.uploadMethod || YkElUploadImages.props.uploadMethod.default || YkElUpload.props.uploadMethod.default;
+    const imageViewerState = ref(false);
+    const imageViewerUrlList = shallowRef([]);
+    const initialIndex = ref(0);
+    function showImageViewer(e) {
+      initialIndex.value = uploadUserFile.value.indexOf(e);
+      imageViewerState.value = true;
+    }
+    function hideImageViewer() {
+      imageViewerState.value = false;
+    }
+    const uploadUserFile = ref([]);
+    const uploadUserFileUrlDic = computed(() => ArrayUtil.createStrDic(uploadUserFile.value, "url"));
+    const modelFileListCustomer = computed({
+      get() {
+        return uploadUserFile.value;
+      },
+      set(val) {
+        uploadUserFile.value = val;
+        imageViewerUrlList.value = uploadUserFile.value.map((item) => item.url);
+      }
+    });
+    watch(() => props.modelValue, () => {
+      let urls = typeof props.modelValue === "string" ? props.modelValue.split(",") : props.modelValue || [];
+      urls = urls.filter(Boolean);
+      uploadUserFile.value = urls.map((url) => {
+        if (uploadUserFileUrlDic.value[url]?.raw) {
+          return uploadUserFileUrlDic.value[url];
+        } else {
+          const file = uploadUserFile.value.find((item) => item._url === url);
+          return file || {
+            url: /^https?:\/\/.*$/.test(url) ? url : getUrlMethod(url),
+            status: "success",
+            _url: url
+          };
+        }
+      });
+      imageViewerUrlList.value = uploadUserFile.value.map((item) => item.url);
+    }, { immediate: true });
+    function reverseSync() {
+      const urls = uploadUserFile.value.map((item) => {
+        return item.status === "success" ? item._url : item.url;
+      });
+      emits("update:modelValue", urls.join(","));
+    }
+    function onFileChange(file) {
+      let error = null;
+      if (!verifyFileType(file.raw)) {
+        error = new Error("文件类型应为" + props.accept);
+      } else if (file.size > props.maxSize) {
+        const unitVal = MatchUnit.matchMaxNum({
+          value: props.maxSize,
+          unit: "bit",
+          fractionDigits: 2,
+          carryNumber: 1024
+        });
+        error = new Error("文件大小不能超过" + unitVal.value + unitVal.unit);
+      }
+      if (error) {
+        uploadRef.value.handleRemove(file.raw);
+        emits("error", error);
+      } else {
+        nextTick(() => {
+          reverseSync();
+          emits("change", file);
+        });
+      }
+    }
+    function onFileRemove() {
+      nextTick(() => {
+        reverseSync();
+      });
+    }
+    async function uploadHandle() {
+      const retUrl = [];
+      for (let i = 0; i < uploadUserFile.value.length; i++) {
+        const file = uploadUserFile.value[i];
+        if (file.status !== "success" && file.raw) {
+          const [res] = await PromiseUtil.safe(uploadMethod(file.raw));
+          retUrl.push(res);
+          formDialogInjectEventEmit("uploadSuccess");
+        } else {
+          retUrl.push(file._url);
+        }
+      }
+      const ret = props.isJoin ? retUrl.join(",") : retUrl;
+      emits("update:modelValue", ret);
+      return ret;
+    }
+    function clearFiles() {
+      uploadRef.value.clearFiles();
+      imageViewerUrlList.value = [];
+    }
+    const uploadAccept = computed(() => props.accept.split(",").map((key) => acceptMIMELib[key]).join(","));
+    function verifyFileType(file) {
+      return props.accept.split(",").includes(file.name.replace(/^.*\.(\w*)$/, "$1"));
+    }
+    __expose({ upload: uploadHandle, clearFiles });
+    return (_ctx, _cache) => {
+      const _component_ElIcon = ElIcon;
+      const _component_ElImageViewer = ElImageViewer;
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["upload-image", { "limit_is-max": uploadUserFile.value?.length >= props.limit }]),
+        style: normalizeStyle(uploadImageStyle.value)
+      }, [
+        createVNode(unref(ElUpload), {
+          ref_key: "uploadRef",
+          ref: uploadRef,
+          "file-list": modelFileListCustomer.value,
+          "onUpdate:fileList": _cache[0] || (_cache[0] = ($event) => modelFileListCustomer.value = $event),
+          "auto-upload": false,
+          accept: uploadAccept.value,
+          limit: props.limit,
+          multiple: "",
+          "list-type": "picture-card",
+          "on-preview": showImageViewer,
+          class: normalizeClass([__props.uploadClass]),
+          onChange: onFileChange,
+          onRemove: onFileRemove
+        }, {
+          default: withCtx(() => [
+            renderSlot(_ctx.$slots, "default", {}, () => [
+              createVNode(_component_ElIcon, null, {
+                default: withCtx(() => [
+                  createVNode(unref(Plus))
+                ]),
+                _: 1
+              })
+            ], true)
+          ]),
+          _: 3
+        }, 8, ["file-list", "accept", "limit", "class"]),
+        imageViewerState.value ? (openBlock(), createBlock(_component_ElImageViewer, {
+          key: 0,
+          "url-list": unref(imageViewerUrlList),
+          "initial-index": initialIndex.value,
+          onClose: hideImageViewer
+        }, null, 8, ["url-list", "initial-index"])) : createCommentVNode("", true)
+      ], 6);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/element-plus/hooks/dialog/index.es.js

@@ -0,0 +1,44 @@
+import { ref, nextTick } from "vue";
+function useElDialogHooks(options) {
+  const ops = Object.assign({
+    show: null,
+    close: null
+  }, options);
+  const model = ref(false);
+  async function show(...args) {
+    if (ops.beforeShow) {
+      const result = await ops.beforeShow(...args);
+      if (result !== false) {
+        model.value = true;
+      }
+    } else {
+      model.value = true;
+    }
+    if (ops.show) {
+      await nextTick(() => {
+        ops.show(...args);
+      });
+    }
+    return model.value;
+  }
+  async function close(...args) {
+    if (ops.beforeClose) {
+      const result = await ops.beforeClose(...args);
+      if (result !== false) {
+        model.value = false;
+      }
+    } else {
+      model.value = false;
+    }
+    if (ops.close) {
+      await nextTick(() => {
+        ops.close(...args);
+      });
+    }
+    return !model.value;
+  }
+  return { show, close, model };
+}
+export {
+  useElDialogHooks
+};

package/dist/element-plus/hooks/form/index.es.js

@@ -0,0 +1,45 @@
+import { isRef, ref, shallowRef, useTemplateRef } from "vue";
+import { ObjectUtil } from "../../../utils/prototype/lib/ObjectUtil.es.js";
+import { PromiseUtil } from "../../../utils/prototype/lib/PromiseUtil.es.js";
+function useElFormHooks(options) {
+  const ops = Object.assign({
+    form: {},
+    rules: []
+  }, options);
+  const form = isRef(ops.form) ? ops.form : ref(ops.form);
+  const formSnapshot = ObjectUtil.toJSON(form.value);
+  let formRef = shallowRef();
+  if (typeof ops.ref === "string") {
+    formRef = useTemplateRef(ops.ref);
+  } else if (ops.ref) {
+    formRef = ops.ref;
+  }
+  async function submitHandle(...args) {
+    let result = true;
+    if (formRef.value) {
+      const _result = await PromiseUtil.safe(formRef.value.validate());
+      result = _result[0];
+    }
+    if (result && ops.submit) {
+      if (ops.beforeSubmit) {
+        await ops.beforeSubmit();
+      }
+      await ops.submit(...args);
+    }
+  }
+  function resetFields() {
+    form.value = ObjectUtil.toJSON(formSnapshot);
+    formRef.value?.clearValidate();
+  }
+  return {
+    ref: formRef,
+    form,
+    rules: ops.rules,
+    submit: submitHandle,
+    resetFields,
+    _option: ops
+  };
+}
+export {
+  useElFormHooks
+};

package/dist/element-plus/hooks/form-dialog/index.es.js

@@ -0,0 +1,53 @@
+import { useElFormHooks } from "../form/index.es.js";
+import { useElDialogHooks } from "../dialog/index.es.js";
+import { computed } from "vue";
+function useElFormDialogHooks(options) {
+  const ops = Object.assign({
+    closeResetFields: true,
+    submitAutoUploadFile: true,
+    title: ""
+  }, options);
+  const submit = ops.submit;
+  ops.submit = async (...args) => {
+    if (submit) {
+      const submitResult = submit(...args);
+      if (submitResult instanceof Promise) {
+        await submitResult;
+        if (ops.submitAutoClose !== false) await dialogHook.close(...[]);
+      } else {
+        if (ops.submitAutoClose === true) await dialogHook.close(...[]);
+      }
+    }
+  };
+  const formHook = useElFormHooks(ops);
+  const dialogHook = useElDialogHooks(ops);
+  const title = computed(() => {
+    const form = formHook.form.value;
+    return (form.id ? "编辑" : "添加") + ops.title;
+  });
+  async function show(...args) {
+    const result = await dialogHook.show(...args);
+    if (result) formHook.resetFields();
+    return result;
+  }
+  async function close(...args) {
+    const result = await dialogHook.close(...args);
+    if (result) closed();
+    return result;
+  }
+  function closed() {
+    if (ops.closeResetFields) formHook.resetFields();
+  }
+  return {
+    ...formHook,
+    ...dialogHook,
+    show,
+    close,
+    title,
+    _formHook: formHook,
+    _options: ops
+  };
+}
+export {
+  useElFormDialogHooks
+};

package/dist/element-plus/hooks/table-sort/index.es.js

@@ -0,0 +1,30 @@
+import { ref, watch } from "vue";
+function useElTableSortHooks(options) {
+  const tableData = options.data;
+  const isEnable = ref(false);
+  const sortValue = ref([]);
+  watch(() => tableData.value.length, () => {
+    if (isEnable.value) updateSortValue();
+  }, { deep: false });
+  function updateSortValue() {
+    const length = tableData.value.length;
+    sortValue.value = Array.from({ length }, (_, i) => i + 1);
+  }
+  function enable() {
+    isEnable.value = true;
+    updateSortValue();
+  }
+  function disable() {
+    isEnable.value = false;
+    sortValue.value = [];
+  }
+  function sort(index) {
+    const tableItem = tableData.value.splice(index, 1);
+    tableData.value.splice(sortValue.value[index] - 1, 0, ...tableItem);
+    updateSortValue();
+  }
+  return { isEnable, enable, disable, sort, sortValue };
+}
+export {
+  useElTableSortHooks
+};

package/dist/element-plus/index.es.js

@@ -0,0 +1,70 @@
+import { ElLoading } from "element-plus";
+import { default as default2 } from "./components/date-picker/DatePicker.vue.es.js";
+import { default as default3 } from "./components/form-dialog/FormDialog.vue.es.js";
+import { default as default4 } from "./components/table-column/TableColumn.vue.es.js";
+import { default as default5 } from "./components/empty/Empty.vue.es.js";
+/* empty css                               */
+import { useElDialogHooks } from "./hooks/dialog/index.es.js";
+import { useElFormHooks } from "./hooks/form/index.es.js";
+import { useElTableSortHooks } from "./hooks/table-sort/index.es.js";
+import { useElFormDialogHooks } from "./hooks/form-dialog/index.es.js";
+import { useElEmptyHooks } from "./components/empty/hooks/index.es.js";
+import { TableUtil } from "./utils/table-util/index.es.js";
+import { integerRule, integerTag, ipRule, ipTag, numberRule, numberTag, passwordRule, passwordTag, phoneRule, phoneTag, positionRule, positionTag, positiveIntegerRule, positiveIntegerTag, positiveNumberRule, positiveNumberTag, required, usernameRule, usernameTag, validator } from "./utils/form-rule/rule.es.js";
+import { default as default6 } from "./components/pagination/Pagination.vue.es.js";
+import { default as default7 } from "./components/upload/upload-images/UploadImages.vue.es.js";
+import { default as default8 } from "./components/upload/upload-files/UploadFiles.vue.es.js";
+import { default as default9 } from "./components/upload/select-file/SelectFile.vue.es.js";
+import { default as default10 } from "./components/images/Images.vue.es.js";
+const elLoadingService = ElLoading.service;
+let showServiceCount = 0;
+ElLoading.service = function(options) {
+  const instance = elLoadingService(options);
+  showServiceCount++;
+  const instanceClose = instance.close;
+  instance.close = function() {
+    showServiceCount--;
+    if (showServiceCount <= 0) {
+      showServiceCount = 0;
+      instanceClose();
+    }
+  };
+  return instance;
+};
+export {
+  TableUtil,
+  default2 as YkElDatePicker,
+  default5 as YkElEmpty,
+  default3 as YkElFormDialog,
+  default10 as YkElImages,
+  default6 as YkElPagination,
+  default9 as YkElSelectFile,
+  default4 as YkElTableColumn,
+  default8 as YkElUploadFiles,
+  default7 as YkElUploadImages,
+  integerRule,
+  integerTag,
+  ipRule,
+  ipTag,
+  numberRule,
+  numberTag,
+  passwordRule,
+  passwordTag,
+  phoneRule,
+  phoneTag,
+  positionRule,
+  positionTag,
+  positiveIntegerRule,
+  positiveIntegerTag,
+  positiveNumberRule,
+  positiveNumberTag,
+  required,
+  useElDialogHooks,
+  useElEmptyHooks,
+  useElFormDialogHooks,
+  useElFormHooks,
+  useElTableSortHooks,
+  usernameRule,
+  usernameTag,
+  validator
+};

package/dist/element-plus/utils/form-rule/rule.es.js

@@ -0,0 +1,107 @@
+import { ObjectUtil } from "../../../utils/prototype/lib/ObjectUtil.es.js";
+const required = function(message = "此项为必填项", trigger = "blur") {
+  return { required: true, message, trigger };
+};
+["blur", "change"].forEach((trigger) => {
+  required[trigger] = (message) => required(message, trigger);
+});
+const validator = function(fn, ops = {}) {
+  return { validator: fn, trigger: "blur", ...ops };
+};
+["blur", "change"].forEach((trigger) => {
+  validator[trigger] = (fn, ops = {}) => validator(fn, {
+    trigger,
+    ...ops
+  });
+});
+function phoneTag(value) {
+  return /^1\d{10}$/.test(value) ? void 0 : new Error("手机号格式不正确");
+}
+const phoneRule = validator.blur((rule, value, callback) => {
+  callback(ObjectUtil.isNotEmpty(value) ? phoneTag(value) : void 0);
+});
+function usernameTag(value) {
+  const username = /^\w{8,16}$/;
+  return username.test(value) ? void 0 : new Error("账号为8 ~ 16位字母、数字");
+}
+const usernameRule = validator.blur((rule, value, callback) => {
+  callback(ObjectUtil.isNotEmpty(value) ? usernameTag(value) : void 0);
+});
+function passwordTag(value) {
+  if (ObjectUtil.isEmpty(value)) return;
+  const password = /^(?=.*[A-Za-z])(?=.*\d)[\w\-+.@#$%^&*!]{8,16}$/;
+  const passwordTwo = /^[\w\-+.]{8,16}$/;
+  if (password.test(value)) {
+    return;
+  } else if (passwordTwo.test(value)) {
+    return new Error("密码至少包含1位字母或数字");
+  } else {
+    return new Error("密码为8 ~ 16位字母、数字");
+  }
+}
+const passwordRule = validator.blur((rule, value, callback) => {
+  callback(ObjectUtil.isNotEmpty(value) ? passwordTag(value) : void 0);
+});
+function positionTag(value) {
+  const position = /^((-?180)|(-?1[0-7]\d)|(-?[1-9]\d)|(-?[1-9])|0)(\.\d+)?,((-?90)|(-?[1-8]\d)|(-?[1-9])|0)(\.\d+)?$/;
+  return position.test(value) ? void 0 : new Error("坐标格式为(±180,±90)");
+}
+const positionRule = validator.blur((rule, value, callback) => {
+  callback(ObjectUtil.isNotEmpty(value) ? positionTag(value) : void 0);
+});
+function ipTag(value) {
+  const tag = /^(1[0-9]{2}|2[0-4][0-9]|25[0-5]|[1-9]?[0-9])(\.(1[0-9]{2}|2[0-4][0-9]|25[0-5]|[1-9]?[0-9])){3}$/;
+  return tag.test(value) ? void 0 : new Error("Ip格式为(192.168.1.1)");
+}
+const ipRule = validator.blur((rule, value, callback) => {
+  callback(ObjectUtil.isNotEmpty(value) ? ipTag(value) : void 0);
+});
+function numberTag(value) {
+  return ObjectUtil.isEmpty(value) || !Number.isNaN(Number(value)) ? void 0 : new Error("此项应为正整数");
+}
+const numberRule = validator.blur((rule, value, callback) => {
+  callback(ObjectUtil.isNotEmpty(value) ? numberTag(value) : void 0);
+});
+function positiveNumberTag(value) {
+  const isNumber = !Number.isNaN(Number(value));
+  return ObjectUtil.isEmpty(value) || isNumber && Number(value) > 0 ? void 0 : new Error("此项应为正数数字");
+}
+const positiveNumberRule = validator.blur((rule, value, callback) => {
+  callback(ObjectUtil.isNotEmpty(value) ? positiveNumberTag(value) : void 0);
+});
+function integerTag(value) {
+  const tag = /^-?\d+$/;
+  return ObjectUtil.isEmpty(value) || tag.test(value.toString()) ? void 0 : new Error("此项应为正整数");
+}
+const integerRule = validator.blur((rule, value, callback) => {
+  callback(ObjectUtil.isNotEmpty(value) ? integerTag(value) : void 0);
+});
+function positiveIntegerTag(value) {
+  const tag = /^\d+$/;
+  return ObjectUtil.isEmpty(value) || tag.test(value.toString()) ? void 0 : new Error("此项应为正整数");
+}
+const positiveIntegerRule = validator.blur((rule, value, callback) => {
+  callback(ObjectUtil.isNotEmpty(value) ? positiveIntegerTag(value) : void 0);
+});
+export {
+  integerRule,
+  integerTag,
+  ipRule,
+  ipTag,
+  numberRule,
+  numberTag,
+  passwordRule,
+  passwordTag,
+  phoneRule,
+  phoneTag,
+  positionRule,
+  positionTag,
+  positiveIntegerRule,
+  positiveIntegerTag,
+  positiveNumberRule,
+  positiveNumberTag,
+  required,
+  usernameRule,
+  usernameTag,
+  validator
+};

package/dist/element-plus/utils/table-util/index.es.js

@@ -0,0 +1,56 @@
+import "element-plus";
+import "vue";
+const TableUtil = {
+  /**
+   * 计算表格序号
+   * @param pages
+   */
+  indexMethod(pages) {
+    return (index) => pages.pageSize * (pages.pageNum - 1) + index + 1;
+  },
+  /**
+   * 前端分页
+   * @param tableData
+   * @param pages
+   */
+  paging(tableData, pages) {
+    if (tableData.length === 0) {
+      pages.pageNum = 1;
+      return [];
+    }
+    let start = pages.pageSize * (pages.pageNum - 1);
+    let end = start + pages.pageSize;
+    if (tableData.length < start) {
+      pages.pageNum = Math.ceil(tableData.length / pages.pageSize);
+      start = pages.pageSize * pages.pageNum;
+      end = start + pages.pageSize;
+    }
+    if (end > tableData.length) {
+      end = tableData.length;
+    }
+    const retData = [];
+    for (; start < end; start++) {
+      retData.push(tableData[start]);
+    }
+    return retData;
+  },
+  /**
+   * 高亮某一行
+   * @param ref
+   * @param index
+   * @param timeout
+   */
+  highlightRow(ref, index, timeout = 12e3) {
+    const trs = ref.$el.querySelectorAll(".el-table__body tbody tr") || [];
+    const row = trs[index];
+    if (row) {
+      row.classList.add("elc-highlight-row");
+      setTimeout(() => {
+        row.classList.remove("elc-highlight-row");
+      }, timeout);
+    }
+  }
+};
+export {
+  TableUtil
+};