st-comp 0.0.199 → 0.0.201

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "st-comp",
   "public": true,
-  "version": "0.0.199",
+  "version": "0.0.201",
   "type": "module",
   "scripts": {
     "dev": "vite",

package/packages/CustomFunction/index.vue

@@ -1,6 +1,6 @@
 <script setup>
+import { ref, h, inject, onMounted, watch, reactive, nextTick } from "vue";
 import { Close, Edit, DocumentCopy, Delete, Document } from "@element-plus/icons-vue";
-import { ref, inject, onMounted, watch, reactive, nextTick } from "vue";
 
 const { request } = inject("stConfig"); // 组件库全局配置
 const stMonacoEditorRef = ref(null);
@@ -86,35 +86,6 @@ const handleAddOrEdit = (item, isCopy) => {
   }
   visible.value = true;
 };
-// 自定义函数: 测试
-const handleTest = async () => {
-  try {
-    testLoading.value = true;
-    ruleForm.funcExpression = stMonacoEditorRef.value.getValue();
-    if (!ruleForm.funcExpression) return ElMessage.error("函数内容不可为空");
-    // 检测里面是否包含了变量的写法, 如果包含了则不支持测试功能
-    if (/\$\{[^}]*\}/.test(ruleForm.funcExpression)) return ElMessage.error("不支持包含变量用法的函数进行测试");
-    // 调用接口
-    const { body } = await request.post("/common/qt/testFactorSelect", { factorSelectExpr: ruleForm.funcExpression });
-    const { result, detail } = body;
-    Object.assign(testResult, { result, detail, code: ruleForm.funcExpression });
-    if (result === 1) {
-      ElMessage.success("测试通过");
-    } else {
-      ElMessage.error("测试未能通过");
-      testVisible.value = true;
-    }
-  } finally {
-    testLoading.value = false;
-  }
-};
-// 自定义函数: 日志明细
-const handleTestLog = () => {
-  if (testResult.result === null) {
-    return ElMessage.warning("请先进行测试, 等待测试完成后可查看日志");
-  }
-  testVisible.value = true;
-};
 // 自定义函数: 保存
 const handleSubmit = async () => {
   try {
@@ -139,6 +110,143 @@ const handleInsert = () => {
   emit("insert", funcName, funcExpression);
 };
 
+// 提取函数变量
+const extractVariables = (expression) => {
+  const regex = /\$\{([^}]*)\}/g;
+  const matches = [];
+  let match;
+
+  while ((match = regex.exec(expression)) !== null) {
+    matches.push(match[1]);
+  }
+
+  return [...new Set(matches)];
+};
+// 替换函数变量
+const replaceVariables = (expression, variableValues) => {
+  return expression.replace(/\$\{([^}]*)\}/g, (match, variableName) => {
+    return variableValues[variableName] !== undefined ? variableValues[variableName] : match;
+  });
+};
+// 生成函数变量key和value的输入框
+const showVariableInputDialog = (variables) => {
+  return new Promise((resolve) => {
+    const formData = ref(
+      variables.reduce((obj, variable) => {
+        obj[variable] = "";
+        return obj;
+      }, {})
+    );
+    const errors = ref({});
+
+    // 验证函数
+    const validateForm = () => {
+      let isValid = true;
+      const newErrors = {};
+
+      variables.forEach((variable) => {
+        if (!formData.value[variable]?.trim()) {
+          newErrors[variable] = `请输入${variable}的值`;
+          isValid = false;
+        }
+      });
+
+      errors.value = newErrors;
+      return isValid;
+    };
+    // h语法表单组件
+    const FormComponent = {
+      setup() {
+        return () =>
+          h("div", [
+            h(
+              ElForm,
+              {
+                model: formData.value,
+              },
+              () =>
+                variables.map((variable) =>
+                  h(
+                    ElFormItem,
+                    {
+                      label: `${variable}: `,
+                      prop: variable,
+                      error: errors.value[variable],
+                      "label-width": "90px",
+                    },
+                    () =>
+                      h(ElInput, {
+                        modelValue: formData.value[variable],
+                        "onUpdate:modelValue": (val) => {
+                          formData.value[variable] = val;
+                          // 清除错误状态
+                          if (errors.value[variable]) delete errors.value[variable];
+                        },
+                        placeholder: `请输入 ${variable} 的值`,
+                        status: errors.value[variable] ? "error" : "",
+                      })
+                  )
+                )
+            ),
+          ]);
+      },
+    };
+    ElMessageBox({
+      title: "填写变量值用于接口测试",
+      message: h(FormComponent),
+      showCancelButton: true,
+      confirmButtonText: "确定",
+      cancelButtonText: "取消",
+      customClass: "variable-input-dialog",
+      beforeClose: async (action, instance, done) => {
+        if (action !== "confirm") {
+          resolve(false);
+          done();
+        }
+        await nextTick();
+        if (validateForm()) {
+          resolve({ ...formData.value });
+          done();
+        }
+      },
+    }).catch(() => resolve(false));
+  });
+};
+// 自定义函数: 测试
+const handleTest = async () => {
+  try {
+    testLoading.value = true;
+    let testContent = stMonacoEditorRef.value.getValue();
+    if (!testContent) return ElMessage.error("函数内容不可为空");
+    // 检测函数中是否使用的变量语法, 如果包含, 需要用户二次输入对应的值, 将其替换后进行测试
+    if (/\$\{[^}]*\}/.test(testContent)) {
+      const variables = extractVariables(testContent);
+      const variableValues = await showVariableInputDialog(variables);
+      if (!variableValues) return;
+      testContent = replaceVariables(testContent, variableValues);
+    }
+    // 调用接口
+    const { body } = await request.post("/common/qt/testFactorSelect", { factorSelectExpr: testContent });
+    const { result, detail } = body;
+    Object.assign(testResult, { result, detail, code: testContent });
+    if (result === 1) {
+      ElMessage.success("测试通过");
+    } else {
+      ElMessage.error("测试未能通过");
+      testVisible.value = true;
+    }
+  } finally {
+    testLoading.value = false;
+  }
+};
+// 自定义函数: 日志明细
+const handleTestLog = () => {
+  if (testResult.result === null) {
+    return ElMessage.warning("请先进行测试, 等待测试完成后可查看日志");
+  }
+  testVisible.value = true;
+};
+
 // 变量选择器: 打开
 const handleOpenVarSelectDialog = () => {
   stVarSelectDialogRef.value.open(stMonacoEditorRef.value);
@@ -495,4 +603,7 @@ watch(
   transform: translateX(-50%) !important;
   z-index: 10000 !important;
 }
+.variable-input-dialog {
+  width: 360px;
+}
 </style>

package/packages/KlinePlus/index.vue

@@ -643,22 +643,27 @@ const draw = (params = { startValue: 0, endValue: 0 }) => {
 // 图表: 绘制(当屏最高价)
 const drawScreenMaxPrice = () => {
   if (!props.userKlineConfig.enable_showScreenMaxPrice || !klineData.value.time.length) return;
+  
   const { data } = klineData.value;
-  const { startValue, endValue } = mainChartIns.getOption()?.dataZoom[0] ?? {};
+  const originOption = mainChartIns.getOption();
+  const { startValue, endValue } = originOption?.dataZoom[0] ?? {};
+  
   let maxPrice = 0;
   let maxPriceIndex = startValue;
+  
   for (let i = startValue; i <= endValue; i++) {
     if (Number(data[i][3]) >= maxPrice) {
       maxPrice = Number(data[i][3]);
       maxPriceIndex = i;
     }
   }
-  const originOption = mainChartIns.getOption();
+  
   const filterSeries = originOption.series?.filter((item) => item.name !== "maxPrice") || [];
   const dataLength = endValue - startValue;
   const positionInView = (maxPriceIndex - startValue) / dataLength;
   let position = "right";
   let formatter = `←${maxPrice}`;
+  
   if (positionInView > 0.7) {
     position = "left";
     formatter = `${round(maxPrice)}→`;
@@ -666,24 +671,26 @@ const drawScreenMaxPrice = () => {
     position = "right";
     formatter = `←${round(maxPrice)}`;
   }
+  
+  // 关键：只更新 series，不更新其他配置
   mainChartIns?.setOption(
     {
-      ...originOption,
       series: [
         ...filterSeries,
         {
           type: "line",
           name: "maxPrice",
+          data: [],
+          lineStyle: { opacity: 0 },
           markPoint: {
-            // 点位原本样式通过透明去进行隐藏, 从而仅展示文案
             symbol: "circle",
             symbolSize: 1,
             itemStyle: {
               color: "transparent",
               borderColor: "transparent",
             },
-            z: 100, // 设置较高的 z 值，确保在最上层
-            zlevel: 10, // 设置较高的 zlevel
+            z: 100,
+            zlevel: 10,
             label: {
               show: true,
               position,
@@ -702,7 +709,10 @@ const drawScreenMaxPrice = () => {
         },
       ],
     },
-    true
+    {
+      notMerge: false, // 合并模式
+      replaceMerge: [] // 不替换任何配置
+    }
   );
 };
 

package/packages/User/components/EditInfoDialog/Mobile.vue

@@ -0,0 +1,110 @@
+<script setup>
+import { ref, reactive, inject } from "vue";
+import { setUserData } from "st-func";
+
+const stConfig = inject("stConfig");
+const userData = inject("userData");
+
+const visible = ref(false);
+const ruleFormRef = ref();
+const ruleForm = reactive({
+  mobile: "",
+});
+const rules = reactive({
+  mobile: [
+    { required: true, message: "请输入手机号", trigger: "blur" },
+    {
+      validator: (rule, value, callback) => {
+        const regex = /^1[3-9]\d{9}$/;
+        if (value === userData.mobile) {
+          callback("新手机号与旧手机号相同");
+        } else if (!regex.test(value)) {
+          callback("手机号格式错误");
+        } else {
+          callback();
+        }
+      },
+      trigger: "blur",
+    },
+  ],
+});
+
+// 打开
+const handleOpen = () => {
+  ruleForm.mobile = "";
+  visible.value = true;
+};
+// 提交
+const handleSubmit = () => {
+  if (!ruleFormRef.value) return;
+  ruleFormRef.value.validate(async (valid) => {
+    if (!valid) return false;
+    // 仅传递修改过的字段
+    const params = {
+      ...ruleForm,
+      userId: userData.id,
+      username: userData.username,
+    };
+    await stConfig.request.post("/invest/sys/user/updateUserInfo", params);
+    ElMessage.success(`手机号修改成功!`);
+    visible.value = false;
+    // 更新userData+本地存储
+    userData.mobile = ruleForm.mobile;
+    setUserData(userData);
+  });
+};
+</script>
+
+<template>
+  <div class="mobile">
+    <el-text type="info">{{ userData.mobile ?? "暂无" }}</el-text>
+    <el-text
+      class="btn"
+      size="small"
+      type="primary"
+      @click="handleOpen"
+    >
+      {{ userData.mobile ? "更换手机号" : "立即绑定" }}
+    </el-text>
+  </div>
+  <!-- 手机号绑定窗口 -->
+  <el-dialog
+    v-model="visible"
+    width="460"
+    title="手机号绑定"
+    append-to-body
+    destroy-on-close
+  >
+    <el-form
+      ref="ruleFormRef"
+      :rules="rules"
+      :model="ruleForm"
+    >
+      <el-form-item
+        label="新手机"
+        prop="mobile"
+      >
+        <el-input v-model="ruleForm.mobile" />
+      </el-form-item>
+    </el-form>
+    <template #footer>
+      <el-button @click="visible = false"> 取消 </el-button>
+      <el-button
+        type="primary"
+        @click="handleSubmit"
+      >
+        确认
+      </el-button>
+    </template>
+  </el-dialog>
+</template>
+
+<style lang="scss" scoped>
+.mobile {
+  display: flex;
+  gap: 6px;
+  .btn {
+    cursor: pointer;
+  }
+}
+</style>

package/packages/User/components/EditInfoDialog/index.vue

@@ -0,0 +1,136 @@
+<!-- 设置资料 -->
+<script setup>
+import { ref, reactive, inject } from "vue";
+import { setUserData } from "st-func";
+import Mobile from "./Mobile.vue";
+
+const stConfig = inject("stConfig");
+const userData = inject("userData");
+
+const visible = ref(false);
+const ruleFormRef = ref();
+const ruleForm = reactive({
+  nickName: "",
+  email: "",
+});
+const rules = reactive({
+  nickName: [
+    {
+      validator: (rule, value, callback) => {
+        if (value) {
+          if (/[\s@<>&%]/.test(value)) {
+            callback("昵称不能包含空格、@、<、>、&、%等特殊字符");
+          } else if (value && value.length > 12) {
+            callback("昵称长度不能超过12个字符");
+          } else {
+            callback();
+          }
+        } else {
+          callback();
+        }
+      },
+      trigger: "blur",
+    },
+  ],
+  email: [
+    {
+      validator: (rule, value, callback) => {
+        if (value && !/^([a-zA-Z0-9._-])+@([a-zA-Z0-9_-])+((.[a-zA-Z0-9_-]{2,3}){1,2})$/.test(value)) {
+          callback("邮箱格式错误");
+        } else {
+          callback();
+        }
+      },
+      trigger: "blur",
+    },
+  ],
+});
+// 提交
+const handleSubmit = () => {
+  if (!ruleFormRef.value) return;
+  ruleFormRef.value.validate(async (valid) => {
+    if (!valid) return false;
+    // 仅传递修改过的字段
+    const params = {
+      ...ruleForm,
+      userId: userData.id,
+      username: userData.username,
+    };
+    if (params.nickName === userData.nickName) delete params.nickName;
+    if (params.email === userData.email) delete params.email;
+    await stConfig.request.post("/invest/sys/user/updateUserInfo", params);
+    ElMessage.success(`资料修改成功!`);
+    visible.value = false;
+    // 更新userData+本地存储
+    Object.assign(userData, ruleForm);
+    setUserData(userData);
+  });
+};
+
+defineExpose({
+  open: () => {
+    Object.assign(ruleForm, {
+      nickName: userData.nickName,
+      email: userData.email,
+    });
+    visible.value = true;
+  },
+});
+</script>
+
+<template>
+  <el-dialog
+    modal-class="edit-info"
+    v-model="visible"
+    title="设置资料"
+    width="460"
+    destroy-on-close
+    :z-index="200"
+  >
+    <el-form
+      ref="ruleFormRef"
+      :rules="rules"
+      :model="ruleForm"
+    >
+      <!-- 用户名 -->
+      <el-form-item label="用户名">
+        <el-text type="info">{{ userData.username }}</el-text>
+      </el-form-item>
+      <!-- 手机号 -->
+      <el-form-item label="手机号">
+        <Mobile />
+      </el-form-item>
+      <!-- 昵称 -->
+      <el-form-item
+        label="昵称"
+        prop="nickName"
+      >
+        <el-input v-model="ruleForm.nickName" />
+      </el-form-item>
+      <!-- 邮箱 -->
+      <el-form-item
+        label="邮箱"
+        prop="email"
+      >
+        <el-input v-model="ruleForm.email" />
+      </el-form-item>
+    </el-form>
+    <template #footer>
+      <el-button @click="visible = false"> 取消 </el-button>
+      <el-button
+        type="primary"
+        @click="handleSubmit"
+      >
+        确认
+      </el-button>
+    </template>
+  </el-dialog>
+</template>
+
+<style lang="scss" scoped>
+.edit-info {
+  .el-form {
+    padding: 0 20px;
+  }
+}
+</style>

package/packages/User/components/SetPasswordDialog.vue

@@ -1,11 +1,12 @@
 <!-- 设置密码 -->
 <script setup>
 import { ref, reactive, inject, nextTick } from "vue";
+import { setUserData } from "st-func";
 import PasswordPrompt from "../../PasswordPrompt/index.vue";
 
-const stConfig = inject("stConfig");
-const emit = defineEmits(["callBack"]);
 const PasswordPromptRef = ref(null);
+const stConfig = inject("stConfig");
+const userData = inject("userData");
 
 const visible = ref(false);
 const ruleFormRef = ref();
@@ -43,7 +44,9 @@ const handleSubmit = (formEl) => {
     await stConfig.request.post("/invest/sys/user/setPassword", { newPassword: ruleForm.newPassword });
     ElMessage.success(`密码设置成功!`);
     visible.value = false;
-    emit("callBack");
+    // 更新userData+本地存储
+    userData.canSet = false;
+    setUserData(userData);
   });
 };
 

package/packages/User/index.vue

@@ -1,8 +1,8 @@
 <script setup>
-import { reactive, ref } from "vue";
+import { provide, reactive, ref } from "vue";
 import { UserFilled, ArrowDown, Right } from "@element-plus/icons-vue";
-import { getUserData, setUserData, login, loginout } from "st-func";
-import EditInfoDialog from "./components/EditInfoDialog.vue";
+import { getUserData, login, loginout } from "st-func";
+import EditInfoDialog from "./components/EditInfoDialog/index.vue";
 import SetPasswordDialog from "./components/SetPasswordDialog.vue";
 import EditPasswordDialog from "./components/EditPasswordDialog.vue";
 
@@ -31,16 +31,7 @@ const handleLoginOut = () => {
   emit("loginout");
 };
 
-// 设置资料成功回调
-const editInfoCallBack = (data) => {
-  Object.assign(userData, data);
-  setUserData(userData);
-};
-// 设置密码成功回调
-const setPasswordCallBack = () => {
-  userData.canSet = false;
-  setUserData(userData);
-};
+provide("userData", userData);
 </script>
 
 <template>
@@ -50,7 +41,7 @@ const setPasswordCallBack = () => {
       <el-dropdown placement="bottom">
         <div class="user-msg">
           <el-icon class="user-msg-icon"><UserFilled /></el-icon>
-          <span>{{ userData?.nickName ?? userData?.username }}</span>
+          <span>{{ userData.nickName || userData.username }}</span>
           <el-icon class="user-msg-arrow"><ArrowDown /></el-icon>
         </div>
         <template #dropdown>
@@ -88,15 +79,9 @@ const setPasswordCallBack = () => {
     </template>
 
     <!-- 弹窗: 设置资料 -->
-    <EditInfoDialog
-      ref="EditInfoDialogRef"
-      @callBack="editInfoCallBack"
-    />
+    <EditInfoDialog ref="EditInfoDialogRef" />
     <!-- 弹窗: 设置密码 -->
-    <SetPasswordDialog
-      ref="SetPasswordDialogRef"
-      @callBack="setPasswordCallBack"
-    />
+    <SetPasswordDialog ref="SetPasswordDialogRef" />
     <!-- 弹窗: 修改密码 -->
     <EditPasswordDialog ref="EditPasswordDialogRef" />
   </div>

package/src/pages/KlinePlus/index.vue

@@ -79,6 +79,7 @@ const varietyCode = ref("Z000012");
 const varietyStock = ref(1); // 0: 期货, 1: 股票, 2: 期权
 const tradeLog = ref(tradeLogMock);
 const netPositionData = ref([]);
+const pageType = ref(1);
 const cycle = ref("5");
 const sellBuy = ref(1);
 const rightType = ref(1);
@@ -172,7 +173,7 @@ const handleUserKlineConfig = async (action, formJson) => {
       // 更新配置数据
       Object.assign(userKlineConfig, JSON.parse(formJson));
       // 默认值 [自定义配置]
-      // pageType.value = userKlineConfig.pageType;
+      pageType.value = userKlineConfig.pageType;
       cycle.value = userKlineConfig.singelCycle;
       sellBuy.value = userKlineConfig.sellBuy;
       mainIndicator.value = userKlineConfig.mainIndicator;
@@ -195,10 +196,10 @@ onMounted(async () => {
   initTimeRange.value = getTimeRange(params);
 
   // 默认值 [自定义配置]
-  // pageType.value = userKlineConfig.pageType;
-  // cycle.value = userKlineConfig.singelCycle;
-  // sellBuy.value = userKlineConfig.sellBuy;
-  // mainIndicator.value = userKlineConfig.mainIndicator;
+  pageType.value = userKlineConfig.pageType;
+  cycle.value = userKlineConfig.singelCycle;
+  sellBuy.value = userKlineConfig.sellBuy;
+  mainIndicator.value = userKlineConfig.mainIndicator;
 
   setTimeout(() => {
     loading.value = false;

package/es/el-message-box-48d71ee5.cjs

@@ -1 +0,0 @@
-"use strict";const n=require("vue"),i=require("./base-ef747d02.cjs"),k=require("./use-form-common-props-fd9b61a0.cjs"),Q=require("./el-button-eec58cff.cjs"),Y=require("./el-input-7fd293af.cjs"),A=require("./el-overlay-9e34965f.cjs"),N=require("./index-098c2447.cjs"),z=require("./el-popper-b6c99b28.cjs"),x=require("./validator-1b8a6128.cjs"),_=require("./use-global-config-30d7d8ce.cjs"),F=require("./index-9780a537.cjs"),ee=require("./el-dialog-ae86edb8.cjs"),ne=i.buildProps({type:{type:String,values:["primary","success","info","warning","danger",""],default:""},size:{type:String,values:k.componentSizes,default:""},truncated:Boolean,lineClamp:{type:[String,Number]},tag:{type:String,default:"span"}}),oe=n.defineComponent({name:"ElText"}),te=n.defineComponent({...oe,props:ne,setup(e){const t=e,l=n.ref(),c=k.useFormSize(),a=i.useNamespace("text"),s=n.computed(()=>[a.b(),a.m(t.type),a.m(c.value),a.is("truncated",t.truncated),a.is("line-clamp",!i.isUndefined(t.lineClamp))]),d=()=>{var u,m,o,B,f,T,M;if(n.useAttrs().title)return;let C=!1;const I=((u=l.value)==null?void 0:u.textContent)||"";if(t.truncated){const p=(m=l.value)==null?void 0:m.offsetWidth,h=(o=l.value)==null?void 0:o.scrollWidth;p&&h&&h>p&&(C=!0)}else if(!i.isUndefined(t.lineClamp)){const p=(B=l.value)==null?void 0:B.offsetHeight,h=(f=l.value)==null?void 0:f.scrollHeight;p&&h&&h>p&&(C=!0)}C?(T=l.value)==null||T.setAttribute("title",I):(M=l.value)==null||M.removeAttribute("title")};return n.onMounted(d),n.onUpdated(d),(u,m)=>(n.openBlock(),n.createBlock(n.resolveDynamicComponent(u.tag),{ref_key:"textRef",ref:l,class:n.normalizeClass(n.unref(s)),style:n.normalizeStyle({"-webkit-line-clamp":u.lineClamp})},{default:n.withCtx(()=>[n.renderSlot(u.$slots,"default")]),_:3},8,["class","style"]))}});var le=i._export_sfc(te,[["__file","text.vue"]]);const se=i.withInstall(le),D="_trap-focus-children",b=[],K=e=>{if(b.length===0)return;const t=b[b.length-1][D];if(t.length>0&&e.code===z.EVENT_CODE.tab){if(t.length===1){e.preventDefault(),document.activeElement!==t[0]&&t[0].focus();return}const l=e.shiftKey,c=e.target===t[0],a=e.target===t[t.length-1];c&&l&&(e.preventDefault(),t[t.length-1].focus()),a&&!l&&(e.preventDefault(),t[0].focus())}},ae={beforeMount(e){e[D]=z.obtainAllFocusableElements(e),b.push(e),b.length<=1&&document.addEventListener("keydown",K)},updated(e){n.nextTick(()=>{e[D]=z.obtainAllFocusableElements(e)})},unmounted(){b.shift(),b.length===0&&document.removeEventListener("keydown",K)}},re=n.defineComponent({name:"ElMessageBox",directives:{TrapFocus:ae},components:{ElButton:Q.ElButton,ElFocusTrap:z.ElFocusTrap,ElInput:Y.ElInput,ElOverlay:A.ElOverlay,ElIcon:N.ElIcon,...k.TypeComponents},inheritAttrs:!1,props:{buttonSize:{type:String,validator:x.isValidComponentSize},modal:{type:Boolean,default:!0},lockScroll:{type:Boolean,default:!0},showClose:{type:Boolean,default:!0},closeOnClickModal:{type:Boolean,default:!0},closeOnPressEscape:{type:Boolean,default:!0},closeOnHashChange:{type:Boolean,default:!0},center:Boolean,draggable:Boolean,overflow:Boolean,roundButton:Boolean,container:{type:String,default:"body"},boxType:{type:String,default:""}},emits:["vanish","action"],setup(e,{emit:t}){const{locale:l,zIndex:c,ns:a,size:s}=_.useGlobalComponentSettings("message-box",n.computed(()=>e.buttonSize)),{t:d}=l,{nextZIndex:u}=c,m=n.ref(!1),o=n.reactive({autofocus:!0,beforeClose:null,callback:null,cancelButtonText:"",cancelButtonClass:"",confirmButtonText:"",confirmButtonClass:"",customClass:"",customStyle:{},dangerouslyUseHTMLString:!1,distinguishCancelAndClose:!1,icon:"",closeIcon:"",inputPattern:null,inputPlaceholder:"",inputType:"text",inputValue:"",inputValidator:void 0,inputErrorMessage:"",message:"",modalFade:!0,modalClass:"",showCancelButton:!1,showConfirmButton:!0,type:"",title:void 0,showInput:!1,action:"",confirmButtonLoading:!1,cancelButtonLoading:!1,confirmButtonLoadingIcon:n.markRaw(N.loading_default),cancelButtonLoadingIcon:n.markRaw(N.loading_default),confirmButtonDisabled:!1,editorErrorMessage:"",validateError:!1,zIndex:u()}),B=n.computed(()=>{const r=o.type;return{[a.bm("icon",r)]:r&&k.TypeComponentsMap[r]}}),f=F.useId(),T=F.useId(),M=n.computed(()=>{const r=o.type;return o.icon||r&&k.TypeComponentsMap[r]||""}),R=n.computed(()=>!!o.message),C=n.ref(),I=n.ref(),p=n.ref(),h=n.ref(),O=n.ref(),U=n.computed(()=>o.confirmButtonClass);n.watch(()=>o.inputValue,async r=>{await n.nextTick(),e.boxType==="prompt"&&r&&L()},{immediate:!0}),n.watch(()=>m.value,r=>{var v,g;r&&(e.boxType!=="prompt"&&(o.autofocus?p.value=(g=(v=O.value)==null?void 0:v.$el)!=null?g:C.value:p.value=C.value),o.zIndex=u()),e.boxType==="prompt"&&(r?n.nextTick().then(()=>{var q;h.value&&h.value.$el&&(o.autofocus?p.value=(q=Z())!=null?q:C.value:p.value=C.value)}):(o.editorErrorMessage="",o.validateError=!1))});const H=n.computed(()=>e.draggable),j=n.computed(()=>e.overflow),{isDragging:G}=ee.useDraggable(C,I,H,j);n.onMounted(async()=>{await n.nextTick(),e.closeOnHashChange&&window.addEventListener("hashchange",w)}),n.onBeforeUnmount(()=>{e.closeOnHashChange&&window.removeEventListener("hashchange",w)});function w(){m.value&&(m.value=!1,n.nextTick(()=>{o.action&&t("action",o.action)}))}const $=()=>{e.closeOnClickModal&&V(o.distinguishCancelAndClose?"close":"cancel")},W=A.useSameTarget($),X=r=>{if(o.inputType!=="textarea")return r.preventDefault(),V("confirm")},V=r=>{var v;e.boxType==="prompt"&&r==="confirm"&&!L()||(o.action=r,o.beforeClose?(v=o.beforeClose)==null||v.call(o,r,o,w):w())},L=()=>{if(e.boxType==="prompt"){const r=o.inputPattern;if(r&&!r.test(o.inputValue||""))return o.editorErrorMessage=o.inputErrorMessage||d("el.messagebox.error"),o.validateError=!0,!1;const v=o.inputValidator;if(i.isFunction(v)){const g=v(o.inputValue);if(g===!1)return o.editorErrorMessage=o.inputErrorMessage||d("el.messagebox.error"),o.validateError=!0,!1;if(i.isString(g))return o.editorErrorMessage=g,o.validateError=!0,!1}}return o.editorErrorMessage="",o.validateError=!1,!0},Z=()=>{var r,v;const g=(r=h.value)==null?void 0:r.$refs;return(v=g==null?void 0:g.input)!=null?v:g==null?void 0:g.textarea},P=()=>{V("close")},J=()=>{e.closeOnPressEscape&&P()};return e.lockScroll&&A.useLockscreen(m),{...n.toRefs(o),ns:a,overlayEvent:W,visible:m,hasMessage:R,typeClass:B,contentId:f,inputId:T,btnSize:s,iconComponent:M,confirmButtonClasses:U,rootRef:C,focusStartRef:p,headerRef:I,inputRef:h,isDragging:G,confirmRef:O,doClose:w,handleClose:P,onCloseRequested:J,handleWrapperClick:$,handleInputEnter:X,handleAction:V,t:d}}});function ie(e,t,l,c,a,s){const d=n.resolveComponent("el-icon"),u=n.resolveComponent("el-input"),m=n.resolveComponent("el-button"),o=n.resolveComponent("el-focus-trap"),B=n.resolveComponent("el-overlay");return n.openBlock(),n.createBlock(n.Transition,{name:"fade-in-linear",onAfterLeave:f=>e.$emit("vanish"),persisted:""},{default:n.withCtx(()=>[n.withDirectives(n.createVNode(B,{"z-index":e.zIndex,"overlay-class":[e.ns.is("message-box"),e.modalClass],mask:e.modal},{default:n.withCtx(()=>[n.createElementVNode("div",{role:"dialog","aria-label":e.title,"aria-modal":"true","aria-describedby":e.showInput?void 0:e.contentId,class:n.normalizeClass(`${e.ns.namespace.value}-overlay-message-box`),onClick:e.overlayEvent.onClick,onMousedown:e.overlayEvent.onMousedown,onMouseup:e.overlayEvent.onMouseup},[n.createVNode(o,{loop:"",trapped:e.visible,"focus-trap-el":e.rootRef,"focus-start-el":e.focusStartRef,onReleaseRequested:e.onCloseRequested},{default:n.withCtx(()=>[n.createElementVNode("div",{ref:"rootRef",class:n.normalizeClass([e.ns.b(),e.customClass,e.ns.is("draggable",e.draggable),e.ns.is("dragging",e.isDragging),{[e.ns.m("center")]:e.center}]),style:n.normalizeStyle(e.customStyle),tabindex:"-1",onClick:n.withModifiers(()=>{},["stop"])},[e.title!==null&&e.title!==void 0?(n.openBlock(),n.createElementBlock("div",{key:0,ref:"headerRef",class:n.normalizeClass([e.ns.e("header"),{"show-close":e.showClose}])},[n.createElementVNode("div",{class:n.normalizeClass(e.ns.e("title"))},[e.iconComponent&&e.center?(n.openBlock(),n.createBlock(d,{key:0,class:n.normalizeClass([e.ns.e("status"),e.typeClass])},{default:n.withCtx(()=>[(n.openBlock(),n.createBlock(n.resolveDynamicComponent(e.iconComponent)))]),_:1},8,["class"])):n.createCommentVNode("v-if",!0),n.createElementVNode("span",null,n.toDisplayString(e.title),1)],2),e.showClose?(n.openBlock(),n.createElementBlock("button",{key:0,type:"button",class:n.normalizeClass(e.ns.e("headerbtn")),"aria-label":e.t("el.messagebox.close"),onClick:f=>e.handleAction(e.distinguishCancelAndClose?"close":"cancel"),onKeydown:n.withKeys(n.withModifiers(f=>e.handleAction(e.distinguishCancelAndClose?"close":"cancel"),["prevent"]),["enter"])},[n.createVNode(d,{class:n.normalizeClass(e.ns.e("close"))},{default:n.withCtx(()=>[(n.openBlock(),n.createBlock(n.resolveDynamicComponent(e.closeIcon||"close")))]),_:1},8,["class"])],42,["aria-label","onClick","onKeydown"])):n.createCommentVNode("v-if",!0)],2)):n.createCommentVNode("v-if",!0),n.createElementVNode("div",{id:e.contentId,class:n.normalizeClass(e.ns.e("content"))},[n.createElementVNode("div",{class:n.normalizeClass(e.ns.e("container"))},[e.iconComponent&&!e.center&&e.hasMessage?(n.openBlock(),n.createBlock(d,{key:0,class:n.normalizeClass([e.ns.e("status"),e.typeClass])},{default:n.withCtx(()=>[(n.openBlock(),n.createBlock(n.resolveDynamicComponent(e.iconComponent)))]),_:1},8,["class"])):n.createCommentVNode("v-if",!0),e.hasMessage?(n.openBlock(),n.createElementBlock("div",{key:1,class:n.normalizeClass(e.ns.e("message"))},[n.renderSlot(e.$slots,"default",{},()=>[e.dangerouslyUseHTMLString?(n.openBlock(),n.createBlock(n.resolveDynamicComponent(e.showInput?"label":"p"),{key:1,for:e.showInput?e.inputId:void 0,innerHTML:e.message},null,8,["for","innerHTML"])):(n.openBlock(),n.createBlock(n.resolveDynamicComponent(e.showInput?"label":"p"),{key:0,for:e.showInput?e.inputId:void 0,textContent:n.toDisplayString(e.message)},null,8,["for","textContent"]))])],2)):n.createCommentVNode("v-if",!0)],2),n.withDirectives(n.createElementVNode("div",{class:n.normalizeClass(e.ns.e("input"))},[n.createVNode(u,{id:e.inputId,ref:"inputRef",modelValue:e.inputValue,"onUpdate:modelValue":f=>e.inputValue=f,type:e.inputType,placeholder:e.inputPlaceholder,"aria-invalid":e.validateError,class:n.normalizeClass({invalid:e.validateError}),onKeydown:n.withKeys(e.handleInputEnter,["enter"])},null,8,["id","modelValue","onUpdate:modelValue","type","placeholder","aria-invalid","class","onKeydown"]),n.createElementVNode("div",{class:n.normalizeClass(e.ns.e("errormsg")),style:n.normalizeStyle({visibility:e.editorErrorMessage?"visible":"hidden"})},n.toDisplayString(e.editorErrorMessage),7)],2),[[n.vShow,e.showInput]])],10,["id"]),n.createElementVNode("div",{class:n.normalizeClass(e.ns.e("btns"))},[e.showCancelButton?(n.openBlock(),n.createBlock(m,{key:0,loading:e.cancelButtonLoading,"loading-icon":e.cancelButtonLoadingIcon,class:n.normalizeClass([e.cancelButtonClass]),round:e.roundButton,size:e.btnSize,onClick:f=>e.handleAction("cancel"),onKeydown:n.withKeys(n.withModifiers(f=>e.handleAction("cancel"),["prevent"]),["enter"])},{default:n.withCtx(()=>[n.createTextVNode(n.toDisplayString(e.cancelButtonText||e.t("el.messagebox.cancel")),1)]),_:1},8,["loading","loading-icon","class","round","size","onClick","onKeydown"])):n.createCommentVNode("v-if",!0),n.withDirectives(n.createVNode(m,{ref:"confirmRef",type:"primary",loading:e.confirmButtonLoading,"loading-icon":e.confirmButtonLoadingIcon,class:n.normalizeClass([e.confirmButtonClasses]),round:e.roundButton,disabled:e.confirmButtonDisabled,size:e.btnSize,onClick:f=>e.handleAction("confirm"),onKeydown:n.withKeys(n.withModifiers(f=>e.handleAction("confirm"),["prevent"]),["enter"])},{default:n.withCtx(()=>[n.createTextVNode(n.toDisplayString(e.confirmButtonText||e.t("el.messagebox.confirm")),1)]),_:1},8,["loading","loading-icon","class","round","disabled","size","onClick","onKeydown"]),[[n.vShow,e.showConfirmButton]])],2)],14,["onClick"])]),_:3},8,["trapped","focus-trap-el","focus-start-el","onReleaseRequested"])],42,["aria-label","aria-describedby","onClick","onMousedown","onMouseup"])]),_:3},8,["z-index","overlay-class","mask"]),[[n.vShow,e.visible]])]),_:3},8,["onAfterLeave"])}var ce=i._export_sfc(re,[["render",ie],["__file","index.vue"]]);const S=new Map,ue=e=>{let t=document.body;return e.appendTo&&(i.isString(e.appendTo)&&(t=document.querySelector(e.appendTo)),i.isElement(e.appendTo)&&(t=e.appendTo),i.isElement(t)||(t=document.body)),t},de=(e,t,l=null)=>{const c=n.createVNode(ce,e,i.isFunction(e.message)||n.isVNode(e.message)?{default:i.isFunction(e.message)?e.message:()=>e.message}:null);return c.appContext=l,n.render(c,t),ue(e).appendChild(t.firstElementChild),c.component},fe=()=>document.createElement("div"),me=(e,t)=>{const l=fe();e.onVanish=()=>{n.render(null,l),S.delete(a)},e.onAction=s=>{const d=S.get(a);let u;e.showInput?u={value:a.inputValue,action:s}:u=s,e.callback?e.callback(u,c.proxy):s==="cancel"||s==="close"?e.distinguishCancelAndClose&&s!=="cancel"?d.reject("close"):d.reject("cancel"):d.resolve(u)};const c=de(e,l,t),a=c.proxy;for(const s in e)i.hasOwn(e,s)&&!i.hasOwn(a.$props,s)&&(s==="closeIcon"&&i.isObject(e[s])?a[s]=n.markRaw(e[s]):a[s]=e[s]);return a.visible=!0,a};function E(e,t=null){if(!i.isClient)return Promise.reject();let l;return i.isString(e)||n.isVNode(e)?e={message:e}:l=e.callback,new Promise((c,a)=>{const s=me(e,t??E._context);S.set(s,{options:e,callback:l,resolve:c,reject:a})})}const pe=["alert","confirm","prompt"],ve={alert:{closeOnPressEscape:!1,closeOnClickModal:!1},confirm:{showCancelButton:!0},prompt:{showCancelButton:!0,showInput:!0}};pe.forEach(e=>{E[e]=ge(e)});function ge(e){return(t,l,c,a)=>{let s="";return i.isObject(l)?(c=l,s=""):i.isUndefined(l)?s="":s=l,E(Object.assign({title:s,message:t,type:"",...ve[e]},c,{boxType:e}),a)}}E.close=()=>{S.forEach((e,t)=>{t.doClose()}),S.clear()};E._context=null;const y=E;y.install=e=>{y._context=e._context,e.config.globalProperties.$msgbox=y,e.config.globalProperties.$messageBox=y,e.config.globalProperties.$alert=y.alert,e.config.globalProperties.$confirm=y.confirm,e.config.globalProperties.$prompt=y.prompt};const Ce=y;exports.ElMessageBox=Ce;exports.ElText=se;