sakura-ui-plus 1.0.1 → 1.0.3

package/dist/es/index.js

@@ -1,9 +1,9 @@
-import { unref, getCurrentInstance, defineComponent, mergeModels, computed, useModel, openBlock, createBlock, withCtx, createElementVNode, mergeProps, resolveDynamicComponent, createSlots, renderSlot, createElementBlock, Fragment, renderList, inject, normalizeClass, toDisplayString, createTextVNode, provide, reactive, toRef, createCommentVNode, createVNode, nextTick, withKeys, useTemplateRef, ref, onMounted, onUnmounted, normalizeStyle, render } from "vue";
-import { addUnit, isEmpty, extend, computedTextsSize, FILE_TYPE, isFunction, isString, keysOf } from "sakura-utils";
-import { ElLoading, ElMessage, ElMessageBox, ElNotification, ElSelectV2, ElSelect, ElConfigProvider, ElOption, ElPagination, CHANGE_EVENT, ElInput, ElButton, ElTabs, ElTabPane, ElTooltip, ElDialog, ElIcon, ElScrollbar, ElDrawer } from "element-plus";
+import { unref, getCurrentInstance, ref, nextTick, reactive, defineComponent, mergeModels, computed, useModel, openBlock, createBlock, withCtx, createElementVNode, mergeProps, resolveDynamicComponent, createSlots, renderSlot, createElementBlock, Fragment, renderList, inject, normalizeClass, toDisplayString, createTextVNode, provide, toRef, createCommentVNode, createVNode, withKeys, useTemplateRef, onMounted, onUnmounted, normalizeStyle, withModifiers, render } from "vue";
+import { sleep, isEmpty, keysOf, isString, isArray, addUnit, extend, computedTextsSize, FILE_TYPE, isFunction, getFileType, extractSuffix, getMultipleFileDotSuffix } from "sakura-utils";
+import { ElLoading, ElMessage, ElMessageBox, ElNotification, ElSelectV2, ElSelect, ElConfigProvider, ElOption, ElPagination, CHANGE_EVENT, ElInput, ElButton, ElTabs, ElTabPane, ElTooltip, ElDialog, ElIcon, ElScrollbar, ElDrawer, ElPopconfirm, ElSwitch } from "element-plus";
 import { TinyColor } from "@ctrl/tinycolor";
-import { useThrottleFn } from "@vueuse/core";
-import { Close } from "@element-plus/icons-vue";
+import { useDebounceFn, useThrottleFn } from "@vueuse/core";
+import { Close, ArrowLeft, Upload } from "@element-plus/icons-vue";
 import DOMPurify from "dompurify";
 const defaultNamespace = "sakura";
 const statePrefix = "is-";
@@ -222,6 +222,53 @@ const useNotification = (duration = 8e3, showClose = true, position = "top-right
   };
   return notification;
 };
+const useFormValidate = () => {
+  const elFormRef = ref(null);
+  const debounceFn = useDebounceFn(() => {
+    const errorEl = document.querySelector(".el-form-item.is-error");
+    if (!errorEl)
+      return;
+    const input = errorEl.getElementsByTagName("input")[0];
+    const textarea = errorEl.getElementsByTagName("textarea")[0];
+    if (input) {
+      input.focus();
+    } else if (textarea) {
+      textarea.focus();
+    }
+  }, 200);
+  const validate = () => {
+    return new Promise((resolve) => {
+      var _a;
+      (_a = elFormRef.value) == null ? void 0 : _a.validate(async (valid) => {
+        resolve(valid);
+        if (!valid) {
+          await sleep(50);
+          await nextTick();
+          debounceFn();
+        }
+      });
+    });
+  };
+  const resetFields = () => {
+    var _a;
+    (_a = elFormRef.value) == null ? void 0 : _a.resetFields();
+  };
+  const clearValidate = () => {
+    var _a;
+    (_a = elFormRef.value) == null ? void 0 : _a.clearValidate();
+  };
+  return {
+    elFormRef,
+    validate,
+    resetFields,
+    clearValidate
+  };
+};
+const useVisibleValue = (defaultValue = false) => {
+  const visible = ref(defaultValue);
+  const handleVisible = () => visible.value = !visible.value;
+  return { visible, handleVisible };
+};
 const checkElementIsExist = (id, container = "body") => {
   if (document.querySelector(`#${id}`)) {
     return true;
@@ -236,6 +283,64 @@ const checkElementIsExist = (id, container = "body") => {
     return false;
   }
 };
+const phoneRegex = /^1[3-9]\d{9}$/;
+const idCardRegex = /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/;
+const isPhone = (value) => phoneRegex.test(value);
+const isIdCard = (value) => idCardRegex.test(value);
+const phoneValidator = (rules = ["empty", "rule"], emptyTips = "请输入手机号", ruleTips = "请输入正确的手机号") => {
+  return (_, value, callback) => {
+    if (rules.includes("empty") && isEmpty(value)) {
+      return callback(new Error(emptyTips));
+    }
+    if (rules.includes("rule") && value && !isPhone(value)) {
+      return callback(new Error(ruleTips));
+    }
+    return callback();
+  };
+};
+const idCardValidator = (rules = ["empty", "rule"], emptyTips = "请输入身份证号码", ruleTips = "请输入正确的身份证号码") => {
+  return (_, value, callback) => {
+    if (rules.includes("empty") && isEmpty(value)) {
+      return callback(new Error(emptyTips));
+    }
+    if (rules.includes("rule") && value && !isIdCard(value)) {
+      return callback(new Error(ruleTips));
+    }
+    return callback();
+  };
+};
+const getRuleItem = (value) => {
+  if (isString(value)) {
+    return {
+      required: true,
+      message: `请输入${value}`,
+      trigger: "blur"
+    };
+  } else if (isArray(value)) {
+    const [message, trigger = "blur", required = true] = value;
+    return {
+      trigger,
+      message,
+      required: required ?? true
+    };
+  } else {
+    return {
+      required: true,
+      trigger: "blur",
+      ...value
+    };
+  }
+};
+const createRules = (state) => {
+  return reactive(keysOf(state).reduce((data, key) => {
+    const value = state[key];
+    if (!(key in data)) {
+      data[key] = [];
+    }
+    data[key].push(getRuleItem(value));
+    return data;
+  }, {}));
+};
 var EVENT_NAME = /* @__PURE__ */ ((EVENT_NAME2) => {
   EVENT_NAME2["改变"] = "change";
   EVENT_NAME2["发送"] = "send";
@@ -447,7 +552,7 @@ var zhCn = {
     }
   }
 };
-const _sfc_main$g = /* @__PURE__ */ defineComponent({
+const _sfc_main$j = /* @__PURE__ */ defineComponent({
   ...{
     name: "SakuraSelect"
   },
@@ -587,7 +692,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
   }
 });
 const CellContextKey = Symbol("CellContextKey");
-const _sfc_main$f = /* @__PURE__ */ defineComponent({
+const _sfc_main$i = /* @__PURE__ */ defineComponent({
   ...{
     name: "SakuraCell"
   },
@@ -628,7 +733,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$e = /* @__PURE__ */ defineComponent({
+const _sfc_main$h = /* @__PURE__ */ defineComponent({
   ...{
     name: "SakuraCellGroup"
   },
@@ -653,7 +758,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$d = /* @__PURE__ */ defineComponent({
+const _sfc_main$g = /* @__PURE__ */ defineComponent({
   ...{
     name: "SakuraStatus"
   },
@@ -701,7 +806,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$c = /* @__PURE__ */ defineComponent({
+const _sfc_main$f = /* @__PURE__ */ defineComponent({
   ...{
     name: "SakuraContainer"
   },
@@ -736,7 +841,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$b = /* @__PURE__ */ defineComponent({
+const _sfc_main$e = /* @__PURE__ */ defineComponent({
   ...{
     name: "SakuraPagination"
   },
@@ -795,7 +900,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$a = /* @__PURE__ */ defineComponent({
+const _sfc_main$d = /* @__PURE__ */ defineComponent({
   ...{
     name: "SakuraSearchInput"
   },
@@ -853,7 +958,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
   }
 });
 const FilterGroupContextKey = Symbol("FilterGroupContextKey");
-const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+const _sfc_main$c = /* @__PURE__ */ defineComponent({
   ...{
     name: "SakuraFilterItem"
   },
@@ -924,7 +1029,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+const _sfc_main$b = /* @__PURE__ */ defineComponent({
   ...{
     name: "SakuraFilterGroup"
   },
@@ -958,7 +1063,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+const _sfc_main$a = /* @__PURE__ */ defineComponent({
   ...{
     name: "SakuraTabs"
   },
@@ -1006,7 +1111,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   ...{
     name: "SakuraTooltipText"
   },
@@ -1082,8 +1187,8 @@ const WordFileIcon = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjkiIGhlaWdodD0i
 const ImageFileIcon = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjgiIHZpZXdCb3g9IjAgMCAyNSAyOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yLjMyMjk2IDI3Ljk5OTlDMS4zNDExMiAyNy45OTk5IDAuNTQ1MTk3IDI3LjIwNCAwLjU0NTE5NyAyNi4yMjIxVjEuNzc3NzdDMC41NDUxOTcgMC43OTU5MjUgMS4zNDExMiAwIDIuMzIyOTYgMEgxNi42MjUxTDI0LjA2OTYgNy4wNTU1M1YyNi4yMjIxQzI0LjA2OTYgMjcuMjA0IDIzLjI3MzYgMjcuOTk5OSAyMi4yOTE4IDI3Ljk5OTlIMi4zMjI5NloiIGZpbGw9IiNGRkM0NUUiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yNC4wNjk4IDcuMDU1NTRIMTcuODQ3NUMxNy4xMzczIDcuMDE4NDEgMTYuNTkwNCA2LjQxNDg1IDE2LjYyMzEgNS43MDQ0M0wxNi42MjUzIDBMMjQuMDY5OCA3LjA1NTU0WiIgZmlsbD0iI0ZGRTBCMyIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTcuMzUxNzQgMTguMDY0NUwxMC41MTE3IDIyLjgxNTZINC45MTE3NEw3LjM1MTc0IDE4LjA2NDVaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTEzLjEwMDYgMTIuODg4N0wxOS43MDI4IDIyLjgxNTNINy45OTgzOEwxMy4xMDA2IDEyLjg4ODdaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTcuMjY3MjYgMTUuMDAwNkM4LjAwMzYzIDE1LjAwMDYgOC42MDA1OSAxNC40MDM3IDguNjAwNTkgMTMuNjY3M0M4LjYwMDU5IDEyLjkzMDkgOC4wMDM2MyAxMi4zMzQgNy4yNjcyNiAxMi4zMzRDNi41MzA4NyAxMi4zMzQgNS45MzM5MyAxMi45MzA5IDUuOTMzOTMgMTMuNjY3M0M1LjkzMzkzIDE0LjQwMzcgNi41MzA4NyAxNS4wMDA2IDcuMjY3MjYgMTUuMDAwNloiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=";
 const ZipFileIcon = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCA0MCA0MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik04LjE1ODY1IDM3QzYuOTY2NDggMzcgNiAzNi4wMzM1IDYgMzQuODQxM1Y1LjE1OTY0QzYgMy45Njc0MyA2Ljk2NjQ4IDMuMDAwOTggOC4xNTg2NSAzLjAwMDk4SDI1LjUyNTJMMzQuNTY0NiAxMS41NjgyVjM0Ljg0MTNDMzQuNTY0NiAzNi4wMzM1IDMzLjU5ODEgMzcgMzIuNDA1OSAzN0g4LjE1ODY1WiIgZmlsbD0iI0ZGQzQ1RSIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTM0LjU2NTQgMTEuNTY3MkgyNy4wMTAxQzI2LjE0NyAxMS41MjM2IDI1LjQ4MiAxMC43ODk4IDI1LjUyMzMgOS45MjY2M0wyNS41MjYxIDNMMzQuNTY1NCAxMS41NjcyWiIgZmlsbD0iI0ZGRTBCMyIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTE0LjQwNzMgMTIuODAyTDExLjYxNzIgMTIuODAyVjEwLjEwMzdMMTQuNDA3MyAxMC4xMDM3SDE3LjEwNTZWNy40MDUzNUwxNC4zMTU1IDcuNDA1MzZIMTEuNjE3MlY0LjcwNzAzSDE0LjMxNTVWNy40MDUzNiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNC4zMTY0IDcuNDA0M0wxNC40MDgxIDEwLjEwMjVMMTQuMzE2NCA3LjQwNDNaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTE0LjQwODIgMTIuODAwOEgxNy4xMDY2VjE1LjQ5OTFIMTQuNDA4MiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNC40MDczIDE4LjE5NzNIMTcuMTA1NlYyMC44OTU2SDE0LjQwNzNIMTEuNjE3MlYyMy41OTM5VjI5LjA4MjNIMTcuMTA1NlYyMy41OTM5TDExLjYxNzIgMjMuNTkzOSIgZmlsbD0id2hpdGUiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNC40MDczIDE4LjE5NjRMMTEuNjE3MiAxOC4xOTY0VjE1LjQ5ODFMMTQuNDA3MyAxNS40OTgiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTQuNDA3MyAyMC44OTY1TDE0LjMxNTUgMjMuNTk0OEgxMS42MTcyIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTE1LjEyNDkgMjUuNTc0MlYyNy4xMDE0SDEzLjU5NzdWMjUuNTc0MkgxNS4xMjQ5WiIgZmlsbD0iI0ZGQzQ1RSIvPgo8L3N2Zz4K";
 const ExcelFileIcon = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjkiIGhlaWdodD0iMzQiIHZpZXdCb3g9IjAgMCAyOSAzNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yLjE1ODc0IDM0QzAuOTY2NTEgMzQgMCAzMy4wMzM1IDAgMzEuODQxM1YyLjE1ODczQzAgMC45NjY0ODQgMC45NjY1MSAwIDIuMTU4NzQgMEgxOS41MjU3TDI4LjU2NTQgOC41Njc0NlYzMS44NDEzQzI4LjU2NTQgMzMuMDMzNSAyNy41OTg5IDM0IDI2LjQwNjYgMzRIMi4xNTg3NFoiIGZpbGw9IiMwNjlFNjEiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yOC41NjUyIDguNDA4MDNIMjEuMTUwMkMyMC4zMDM5IDguMzYzNzkgMTkuNjUyIDcuNjQ0NTIgMTkuNjkxMSA2Ljc5NzkzTDE5LjY5MzggMEwyOC41NjUyIDguNDA4MDNaIiBmaWxsPSIjMDdCNjcwIi8+CjxwYXRoIGQ9Ik0xNS4zMDU2IDE3LjQ2NTFMMTQuNjA5IDE3LjIyODNMMTQuMTA0OSAxNy4wNTYxQzEzLjU5MzggMTYuODk4MyAxMy4yMTU3IDE2Ljc0NCAxMi45Nzc3IDE2LjU5N0wxMi45NTMyIDE2LjU4MjZMMTIuOTI1MiAxNi41NzE5QzEyLjA5OTEgMTYuMjQxOCAxMS43MTA1IDE1LjY3MTQgMTEuNzEwNSAxNC43NzgyQzExLjY4NiAxMy45MTczIDExLjg2OCAxMy4yODIzIDEyLjI0OTYgMTIuODgwNkMxMi42MzEyIDEyLjQ3ODggMTMuMjQzNyAxMi4yNzQzIDE0LjA3MzQgMTIuMjc0M0MxNC43NyAxMi4yNzQzIDE1LjI2NzEgMTIuNDM5MyAxNS41ODU2IDEyLjc3NjVDMTYuMTMxNyAxMy4zNTQxIDE2LjE0OTIgMTQuNDMwMyAxNi4xMTc3IDE1LjQ4NDlMMTYuMTA3MiAxNS44NTQ0SDE2LjQ2NzdIMTguMjI1SDE4LjU2ODFMMTguNTc1MSAxNS41MDI4QzE4LjYxMzYgMTMuNDk3NiAxOC4yMjUgMTIuMTQxNiAxNy4zNTM0IDExLjIzNEMxNi41NzI4IDEwLjQxNjEgMTUuMzg2MSAxMCAxMy44MzUzIDEwQzEwLjk5NjQgMTAgOS4zNzIxNSAxMS42NjA5IDkuMjUzMTMgMTQuNjgxNEM5LjE5MzYyIDE2LjYyMjEgOS44NDQ3MiAxNy45MTM1IDExLjE4NTQgMTguNTI2OUMxMS41OTE1IDE4LjgxNzUgMTIuMjkxNiAxOS4xMTg4IDEzLjMyMDggMTkuNDUyNEMxMy43MDkzIDE5LjYwMzEgMTQuMDA2OSAxOS43MDcxIDE0LjIyMzkgMTkuNzY0NUMxNC4zNjc0IDE5Ljg3OTMgMTQuNTM1NCAxOS45NDc1IDE0LjcyOCAxOS45NTgyQzE1LjkzMjIgMjAuNDAzIDE2LjUyMDMgMjEuMjIwOSAxNi41MjAzIDIyLjQ2NTdDMTYuNDcxMiAyNC4wMTE4IDE1LjY2NjEgMjQuNzU4IDEzLjk4NTkgMjQuODA4MkMxMy45MjY0IDI0LjgxMTggMTMuODczOCAyNC44MTE4IDEzLjgyNDggMjQuODExOEMxMy4xNDkyIDI0LjgxMTggMTIuNTk2MSAyNC41Nzg2IDEyLjE4NjYgMjQuMTE5NEMxMS41NTMgMjMuNDEyNyAxMS4yNjk0IDIyLjIwMzggMTEuMzkyIDIwLjcxNTFMMTEuNDIzNSAyMC4zMjc3SDExLjAzODRIOS4zNjUxNUg5LjAyNTZMOS4wMTE1OSAyMC42NzIxQzguOTc2NTkgMjEuNjY5MyA5LjAwMTA5IDIzLjcyNDggOS4zNjg2NSAyNC40Mjc5QzEwLjEyMTMgMjYuMTM1NSAxMS42NDc1IDI3IDEzLjkxMjQgMjdIMTMuOTIyOUgxMy45MzM0QzE3LjE2MDkgMjYuODI3OCAxOC44NTUxIDI1LjE3NDEgMTguOTc0MSAyMi4wODU1QzE5LjE5ODIgMTkuOTQ3NSAxNy45NjYgMTguMzk0MiAxNS4zMDU2IDE3LjQ2NTFaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K";
-const _hoisted_1$1 = ["src"];
-const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+const _hoisted_1$2 = ["src"];
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   ...{
     name: "SakuraFileItem"
   },
@@ -1136,7 +1241,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
           class: normalizeClass([unref(ns).e("icon")]),
           src: fileIcon.value,
           alt: ""
-        }, null, 10, _hoisted_1$1),
+        }, null, 10, _hoisted_1$2),
         createElementVNode("div", {
           class: normalizeClass([unref(ns).e("info")])
         }, [
@@ -1153,7 +1258,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   ...{
     name: "SakuraFileList"
   },
@@ -1194,7 +1299,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
         style: [fileListStyle.value]
       }, _ctx.$attrs), [
         (openBlock(true), createElementBlock(Fragment, null, renderList(__props.fileList, (v, i) => {
-          return openBlock(), createBlock(_sfc_main$5, {
+          return openBlock(), createBlock(_sfc_main$8, {
             key: v.fileId,
             "file-info": v,
             style: normalizeStyle(fileItemStyle.value(i + 1))
@@ -1204,7 +1309,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   ...{
     name: "SakuraCountDown"
   },
@@ -1280,7 +1385,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   ...{
     name: "SakuraDialog"
   },
@@ -1446,7 +1551,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   ...{
     name: "SakuraDrawer"
   },
@@ -1627,8 +1732,8 @@ const validateHtmlString = (html) => {
     return false;
   }
 };
-const _hoisted_1 = ["innerHTML"];
-const _sfc_main = /* @__PURE__ */ defineComponent({
+const _hoisted_1$1 = ["innerHTML"];
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   ...{
     name: "SakuraShowModal"
   },
@@ -1744,7 +1849,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       visibleShowModal
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(_sfc_main$2), {
+      return openBlock(), createBlock(unref(_sfc_main$5), {
         modelValue: visible.value,
         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => visible.value = $event),
         class: normalizeClass([unref(ns).b()]),
@@ -1765,7 +1870,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             key: 0,
             class: normalizeClass([unref(ns).e("content")]),
             innerHTML: htmlDomContent.value
-          }, null, 10, _hoisted_1)) : (openBlock(), createElementBlock("div", {
+          }, null, 10, _hoisted_1$1)) : (openBlock(), createElementBlock("div", {
             key: 1,
             class: normalizeClass([unref(ns).e("content")])
           }, [
@@ -1779,28 +1884,375 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "SakuraPopconfirmSwitch"
+  },
+  __name: "popconfirm-switch",
+  props: /* @__PURE__ */ mergeModels({
+    activeText: { default: "启用" },
+    activeValue: { type: [String, Boolean, Number], default: true },
+    activeColor: { default: "" },
+    inactiveText: { default: "禁用" },
+    inactiveValue: { type: [String, Boolean, Number], default: false },
+    inactiveColor: { default: "" },
+    size: { default: "default" },
+    loading: { type: Boolean, default: false },
+    disabled: { type: Boolean, default: false },
+    width: { default: "" },
+    locale: { default: zhCn },
+    showText: { type: Boolean }
+  }, {
+    "modelValue": { type: [Boolean, Number, String] },
+    "modelModifiers": {}
+  }),
+  emits: /* @__PURE__ */ mergeModels(["confirm", "cancel"], ["update:modelValue"]),
+  setup(__props, { emit: __emit }) {
+    const ns = useNamespace("popconfirm-switch");
+    const props = __props;
+    const emits = __emit;
+    const status = useModel(__props, "modelValue");
+    const title = computed(() => {
+      const { activeText, inactiveText } = props;
+      return status.value ? `确定要${inactiveText}吗？` : `确定要${activeText}吗？`;
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(ElConfigProvider), { locale: __props.locale }, {
+        default: withCtx(() => [
+          createVNode(unref(ElPopconfirm), {
+            class: normalizeClass([unref(ns).b()]),
+            title: title.value,
+            onConfirm: _cache[0] || (_cache[0] = ($event) => emits("confirm", !status.value)),
+            onCancel: _cache[1] || (_cache[1] = ($event) => emits("cancel"))
+          }, {
+            reference: withCtx(() => [
+              _ctx.$slots.default ? renderSlot(_ctx.$slots, "default", { key: 0 }) : (openBlock(), createBlock(unref(ElSwitch), {
+                key: 1,
+                size: __props.size,
+                "model-value": status.value,
+                "active-text": __props.showText ? __props.activeText : "",
+                "active-value": __props.activeValue,
+                "active-color": __props.activeColor,
+                "inactive-text": __props.showText ? __props.inactiveText : "",
+                "inactive-value": __props.inactiveValue,
+                "inactive-color": __props.inactiveColor,
+                disabled: __props.disabled,
+                loading: __props.loading,
+                width: __props.width,
+                "inline-prompt": ""
+              }, null, 8, ["size", "model-value", "active-text", "active-value", "active-color", "inactive-text", "inactive-value", "inactive-color", "disabled", "loading", "width"]))
+            ]),
+            _: 3
+          }, 8, ["class", "title"])
+        ]),
+        _: 3
+      }, 8, ["locale"]);
+    };
+  }
+});
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "SakuraPageContainer"
+  },
+  __name: "page-container",
+  props: {
+    title: {},
+    back: { type: Boolean, default: true },
+    background: { default: "#F7F7FC" },
+    scroll: { type: Boolean, default: true },
+    type: { default: "default" },
+    plain: { type: Boolean, default: false }
+  },
+  emits: ["back"],
+  setup(__props, { emit: __emit }) {
+    const ns = useNamespace("page-container");
+    const props = __props;
+    const emits = __emit;
+    const pageContainerStyle = computed(() => {
+      const { background } = props;
+      return ns.cssBlockVar("page-container", {
+        background
+      });
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass([
+          unref(ns).b(),
+          unref(ns).is("scroll", __props.scroll)
+        ]),
+        style: normalizeStyle([pageContainerStyle.value])
+      }, [
+        __props.back || __props.title || _ctx.$slots.header ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          class: normalizeClass([unref(ns).e("header")])
+        }, [
+          __props.back ? (openBlock(), createBlock(unref(ElButton), {
+            key: 0,
+            class: normalizeClass([unref(ns).e("back")]),
+            circle: "",
+            icon: unref(ArrowLeft),
+            type: __props.type,
+            plain: __props.plain,
+            onClick: _cache[0] || (_cache[0] = ($event) => emits("back"))
+          }, null, 8, ["class", "icon", "type", "plain"])) : createCommentVNode("", true),
+          __props.title ? (openBlock(), createElementBlock("p", {
+            key: 1,
+            class: normalizeClass([unref(ns).e("title")])
+          }, toDisplayString(__props.title), 3)) : createCommentVNode("", true),
+          renderSlot(_ctx.$slots, "header")
+        ], 2)) : createCommentVNode("", true),
+        createElementVNode("div", {
+          class: normalizeClass([unref(ns).e("body")])
+        }, [
+          __props.scroll ? (openBlock(), createBlock(unref(ElScrollbar), {
+            key: 0,
+            height: "100%"
+          }, {
+            default: withCtx(() => [
+              renderSlot(_ctx.$slots, "default")
+            ]),
+            _: 3
+          })) : renderSlot(_ctx.$slots, "default", { key: 1 })
+        ], 2)
+      ], 6);
+    };
+  }
+});
+const UploadIcon = "data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjYuNTU5NiAzNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgd2lkdGg9IjI2LjU1OTU3MCIgaGVpZ2h0PSIzNC4wMDAwMDAiIGZpbGw9Im5vbmUiIGN1c3RvbUZyYW1lPSIjMDAwMDAwIj4KCTxnIGlkPSJHcm91cCAxNDY4Ij4KCQk8cGF0aCBpZD0iVmVjdG9yIiBkPSJNMTUuNjggMzRMMCAzNEwwIDBMMTguNTkgMEwyNi41NiA3Ljk3TDI2LjU2IDE1LjEzTDI2LjU2IDM0TDE1LjY4IDM0WiIgZmlsbD0icmdiKDM2LDk0LDI1NSkiIGZpbGwtcnVsZT0ibm9uemVybyIgLz4KCQk8cGF0aCBpZD0iVmVjdG9yIiBkPSJNMTguNTg5OCAwTDI2LjU1OTggNy45N0wxOC41ODk4IDcuOTdMMTguNTg5OCAwWiIgZmlsbD0icmdiKDE5Ny4zOCwyMTIuNjQsMjU1KSIgZmlsbC1ydWxlPSJub256ZXJvIiAvPgoJCTxwYXRoIGlkPSJWZWN0b3IiIGQ9Ik0xMy4wNTk0IDE0LjEwOTlDMTIuOTM5NCAxMy45Njk5IDEyLjcyOTQgMTMuOTY5OSAxMi42MDk0IDE0LjEwOTlMOC44NzkzNyAxOC4zNTk5QzguNzU5MzcgMTguNDk5OSA4LjgwOTM3IDE4LjYxOTkgOC45OTkzNyAxOC42MTk5TDEwLjM5OTQgMTguNjE5OUMxMC41ODk0IDE4LjYxOTkgMTAuNzQ5NCAxOC43Njk5IDEwLjc0OTQgMTguOTU5OUwxMC43NDk0IDIxLjY4OTlDMTAuNzQ5NCAyMS44Nzk5IDEwLjkwOTQgMjIuMDI5OSAxMS4wOTk0IDIyLjAyOTlMMTQuNTg5NCAyMi4wMjk5QzE0Ljc3OTQgMjIuMDI5OSAxNC45Mzk0IDIxLjg3OTkgMTQuOTM5NCAyMS42ODk5TDE0LjkzOTQgMTguOTU5OUMxNC45Mzk0IDE4Ljc2OTkgMTUuMDk5NCAxOC42MTk5IDE1LjI4OTQgMTguNjE5OUwxNi42ODk0IDE4LjYxOTlDMTYuODc5NCAxOC42MTk5IDE2LjkzOTQgMTguNDk5OSAxNi44MDk0IDE4LjM1OTlMMTMuMDU5NCAxNC4xMDk5WiIgZmlsbD0icmdiKDI1NSwyNTUsMjU1KSIgZmlsbC1ydWxlPSJub256ZXJvIiAvPgoJCTxwYXRoIGlkPSJWZWN0b3IiIGQ9Ik0xNC4yMzAyIDIyLjcxTDExLjQ0MDIgMjIuNzFDMTEuMDUwMiAyMi43MSAxMC43NDAyIDIzLjAxIDEwLjc0MDIgMjMuMzlDMTAuNzQwMiAyMy43NyAxMS4wNTAyIDI0LjA3IDExLjQ0MDIgMjQuMDdMMTQuMjMwMiAyNC4wN0MxNC42MjAyIDI0LjA3IDE0LjkzMDIgMjMuNzcgMTQuOTMwMiAyMy4zOUMxNC45MjAyIDIzLjAxIDE0LjYxMDIgMjIuNzEgMTQuMjMwMiAyMi43MVoiIGZpbGw9InJnYigyNTUsMjU1LDI1NSkiIGZpbGwtcnVsZT0ibm9uemVybyIgLz4KCTwvZz4KPC9zdmc+Cg==";
+const fileTransformFileInfo = (files) => {
+  return files.map((file) => {
+    const { name, size } = file;
+    const fileInfo = {
+      fileId: "",
+      fileSize: size,
+      fileType: getFileType(name),
+      fileName: name,
+      fileSuffix: extractSuffix(name),
+      fileUrl: "",
+      originFile: file
+    };
+    return fileInfo;
+  });
+};
+const useUpload = (props) => {
+  const uploadFileTips = computed(() => {
+    const { tips, fileAccepts } = props;
+    if (!isEmpty(tips)) {
+      return tips;
+    }
+    return fileAccepts.map((v) => {
+      const type = v.toLocaleLowerCase();
+      const first = type[0].toLocaleUpperCase();
+      return `${first}${type.slice(1)}`;
+    }).join(", ");
+  });
+  const uploadFileAccepts = computed(() => getMultipleFileDotSuffix(props.fileAccepts));
+  const fileValidate = (fileList) => {
+    const { fileSize, fileLimit } = props;
+    if (fileList.length > fileLimit) {
+      return {
+        success: false,
+        data: `一次性上传文件数量不能超过${fileLimit}份`,
+        message: ""
+      };
+    }
+    if (!fileList.every((v) => Math.round(v.fileSize / 1024 / 1024 * 100) / 100 <= fileSize)) {
+      return {
+        success: false,
+        data: `文件大小超过${fileSize}MB`,
+        message: ""
+      };
+    }
+    if (!fileList.every((v) => uploadFileAccepts.value.includes(extractSuffix(v.fileName)))) {
+      return {
+        success: false,
+        data: "文件格式错误",
+        message: ""
+      };
+    }
+    return {
+      success: true,
+      data: "成功",
+      message: ""
+    };
+  };
+  const getFileResult = (files) => {
+    const { validate } = props;
+    const fileList = fileTransformFileInfo(Array.from(files));
+    if (isEmpty(fileList)) {
+      return {
+        success: false,
+        data: [],
+        message: ""
+      };
+    }
+    if (validate) {
+      const validateRes = fileValidate(fileList);
+      if (!validateRes.success) {
+        return {
+          success: false,
+          data: [],
+          message: validateRes.data
+        };
+      }
+    }
+    return {
+      success: true,
+      data: fileList,
+      message: "成功"
+    };
+  };
+  return {
+    uploadFileTips,
+    uploadFileAccepts,
+    fileValidate,
+    getFileResult
+  };
+};
+const _hoisted_1 = ["src"];
+const _hoisted_2 = ["accept", "multiple"];
+const _hoisted_3 = ["accept", "multiple"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "SakuraUpload"
+  },
+  __name: "upload",
+  props: {
+    title: { default: "点击或拖拽文件至此处上传" },
+    buttonTitle: { default: "上传附件" },
+    buttonIcon: { default: Upload },
+    tips: { default: "" },
+    uploadIcon: {},
+    fileSize: { default: 50 },
+    fileLimit: { default: 9 },
+    fileAccepts: { default: () => [FILE_TYPE.IMAGE, FILE_TYPE.WORD, FILE_TYPE.PDF, FILE_TYPE.EXCEL] },
+    disabled: { type: Boolean },
+    validate: { type: Boolean, default: true },
+    showMessage: { type: Boolean },
+    type: { default: "upload" }
+  },
+  emits: ["change"],
+  setup(__props, { emit: __emit }) {
+    const ns = useNamespace("upload");
+    const props = __props;
+    const emits = __emit;
+    const { uploadFileTips, uploadFileAccepts, getFileResult } = useUpload(props);
+    const isDragging = ref(false);
+    const onDragOver = (e) => {
+      isDragging.value = true;
+      e.dataTransfer.dropEffect = "copy";
+    };
+    const onDragLeave = () => {
+      isDragging.value = false;
+    };
+    const message = useMessage();
+    const onDrop = (e) => {
+      var _a;
+      const { showMessage } = props;
+      isDragging.value = false;
+      const files = (_a = e.dataTransfer) == null ? void 0 : _a.files;
+      const fileResult = getFileResult(files);
+      if (showMessage) {
+        message.info(fileResult.message);
+      }
+      emits("change", fileResult);
+    };
+    const onFileChange = (e) => {
+      const target = e.target;
+      const fileResult = getFileResult(target.files);
+      const { showMessage } = props;
+      target.value = "";
+      if (showMessage) {
+        message.info(fileResult.message);
+      }
+      emits("change", fileResult);
+    };
+    return (_ctx, _cache) => {
+      return __props.type === "upload" ? (openBlock(), createElementBlock("div", {
+        key: 0,
+        class: normalizeClass([
+          unref(ns).b(),
+          unref(ns).is("disabled", __props.disabled),
+          unref(ns).is("active", isDragging.value),
+          unref(ns).m(__props.type)
+        ]),
+        onDragover: withModifiers(onDragOver, ["prevent"]),
+        onDragleave: onDragLeave,
+        onDrop: withModifiers(onDrop, ["prevent"])
+      }, [
+        createElementVNode("img", {
+          class: normalizeClass([unref(ns).e("icon")]),
+          src: unref(UploadIcon),
+          alt: ""
+        }, null, 10, _hoisted_1),
+        createElementVNode("p", {
+          class: normalizeClass([unref(ns).e("title")])
+        }, toDisplayString(__props.title), 3),
+        createElementVNode("p", {
+          class: normalizeClass([unref(ns).e("tips")])
+        }, " 支持格式: " + toDisplayString(unref(uploadFileTips)), 3),
+        createElementVNode("input", {
+          class: normalizeClass([unref(ns).e("file")]),
+          type: "file",
+          alt: "",
+          accept: unref(uploadFileAccepts),
+          multiple: __props.fileLimit > 1,
+          onChange: onFileChange
+        }, null, 42, _hoisted_2)
+      ], 34)) : (openBlock(), createElementBlock("div", {
+        key: 1,
+        class: normalizeClass([
+          unref(ns).b(),
+          unref(ns).m(__props.type)
+        ])
+      }, [
+        createVNode(unref(ElButton), {
+          text: "",
+          icon: __props.buttonIcon,
+          type: "primary"
+        }, {
+          default: withCtx(() => [
+            createTextVNode(toDisplayString(__props.buttonTitle), 1)
+          ]),
+          _: 1
+        }, 8, ["icon"]),
+        createElementVNode("input", {
+          class: normalizeClass([unref(ns).e("file")]),
+          type: "file",
+          alt: "",
+          accept: unref(uploadFileAccepts),
+          multiple: __props.fileLimit > 1,
+          onChange: onFileChange
+        }, null, 42, _hoisted_3)
+      ], 2));
+    };
+  }
+});
 const components = {
-  Select: _sfc_main$g,
-  Cell: _sfc_main$f,
-  CellGroup: _sfc_main$e,
-  Status: _sfc_main$d,
-  Container: _sfc_main$c,
-  Pagination: _sfc_main$b,
-  SearchInput: _sfc_main$a,
-  FilterItem: _sfc_main$9,
-  FilterGroup: _sfc_main$8,
-  Tabs: _sfc_main$7,
-  TooltipText: _sfc_main$6,
-  FileItem: _sfc_main$5,
-  FileList: _sfc_main$4,
-  CountDown: _sfc_main$3,
-  Dialog: _sfc_main$2,
-  Drawer: _sfc_main$1,
-  ShowModal: _sfc_main
+  Select: _sfc_main$j,
+  Cell: _sfc_main$i,
+  CellGroup: _sfc_main$h,
+  Status: _sfc_main$g,
+  Container: _sfc_main$f,
+  Pagination: _sfc_main$e,
+  SearchInput: _sfc_main$d,
+  FilterItem: _sfc_main$c,
+  FilterGroup: _sfc_main$b,
+  Tabs: _sfc_main$a,
+  TooltipText: _sfc_main$9,
+  FileItem: _sfc_main$8,
+  FileList: _sfc_main$7,
+  CountDown: _sfc_main$6,
+  Dialog: _sfc_main$5,
+  Drawer: _sfc_main$4,
+  ShowModal: _sfc_main$3,
+  PopconfirmSwitch: _sfc_main$2,
+  PageContainer: _sfc_main$1,
+  Upload: _sfc_main
 };
 const ShowModalInstall = {
   install(vm) {
-    const vnode = createVNode(_sfc_main);
+    const vnode = createVNode(_sfc_main$3);
     checkElementIsExist("u-show-modal");
     render(vnode, document.querySelector("#u-show-modal"));
     vm.config.globalProperties.$showModal = (content, title = "提示", showCancelButton = false, params) => {
@@ -1825,32 +2277,44 @@ const SakuraUiPlus = {
   install
 };
 export {
-  _sfc_main$f as Cell,
-  _sfc_main$e as CellGroup,
-  _sfc_main$c as Container,
-  _sfc_main$3 as CountDown,
-  _sfc_main$2 as Dialog,
-  _sfc_main$1 as Drawer,
   EVENT_NAME,
-  _sfc_main$5 as FileItem,
-  _sfc_main$4 as FileList,
-  _sfc_main$8 as FilterGroup,
-  _sfc_main$9 as FilterItem,
-  _sfc_main$b as Pagination,
-  _sfc_main$a as SearchInput,
-  _sfc_main$g as Select,
-  _sfc_main as ShowModal,
-  _sfc_main$d as Status,
-  _sfc_main$7 as Tabs,
-  _sfc_main$6 as TooltipText,
+  _sfc_main$i as SakuraCell,
+  _sfc_main$h as SakuraCellGroup,
+  _sfc_main$f as SakuraContainer,
+  _sfc_main$6 as SakuraCountDown,
+  _sfc_main$5 as SakuraDialog,
+  _sfc_main$4 as SakuraDrawer,
+  _sfc_main$8 as SakuraFileItem,
+  _sfc_main$7 as SakuraFileList,
+  _sfc_main$b as SakuraFilterGroup,
+  _sfc_main$c as SakuraFilterItem,
+  _sfc_main$1 as SakuraPageContainer,
+  _sfc_main$e as SakuraPagination,
+  _sfc_main$2 as SakuraPopconfirmSwitch,
+  _sfc_main$d as SakuraSearchInput,
+  _sfc_main$j as SakuraSelect,
+  _sfc_main$3 as SakuraShowModal,
+  _sfc_main$g as SakuraStatus,
+  _sfc_main$a as SakuraTabs,
+  _sfc_main$9 as SakuraTooltipText,
+  _sfc_main as SakuraUpload,
   checkElementIsExist,
+  createRules,
   SakuraUiPlus as default,
   defaultNamespace,
+  idCardRegex,
+  idCardValidator,
+  isIdCard,
+  isPhone,
+  phoneRegex,
+  phoneValidator,
   useCallbackTrigger,
+  useFormValidate,
   useLoading,
   useMessage,
   useMessageBox,
   useNamespace,
   useNotification,
-  useShowModal
+  useShowModal,
+  useVisibleValue
 };