yuang-framework-ui-pc 1.1.146 → 1.1.147

package/es/core-components.d.ts

@@ -53,6 +53,7 @@ export { default as EleWatermark } from './ele-watermark/index';
 export { default as EleTest } from './ele-test/index';
 export { default as YuTest } from './yu-test/index';
 export { default as YuFrameworkSliderCaptchaDialog } from './yu-framework-slider-captcha-dialog/index';
+export { default as YuFrameworkShortMessageCaptchaINput } from './yu-framework-short-message-captcha-input/index';
 export { default as YuFrameworkAttachmentUpload } from './yu-framework-attachment-upload/index';
 export { default as YuUimsUserDialog } from './yu-uims-user-dialog/index';
 export { default as YuUimsOrganizationDialog } from './yu-uims-organization-dialog/index';

package/es/yu-framework-image-captcha-input/components/CaptchaIcon.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/es/yu-framework-image-captcha-input/components/CaptchaIcon.js

@@ -0,0 +1,36 @@
+import { createElementBlock, openBlock, createElementVNode } from "vue";
+const _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+const _sfc_main = {};
+const _hoisted_1 = {
+  t: "1781452980012",
+  class: "icon",
+  viewBox: "0 0 1024 1024",
+  version: "1.1",
+  xmlns: "http://www.w3.org/2000/svg",
+  "p-id": "1662",
+  "xmlns:xlink": "http://www.w3.org/1999/xlink",
+  width: "32",
+  height: "32"
+};
+function _sfc_render(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1, _cache[0] || (_cache[0] = [
+    createElementVNode("path", {
+      d: "M943.1 172c-2.4-0.2-245.1-25.3-413.8-147.8-5.1-3.7-11-5.6-17.3-5.6-6.2 0-12.2 1.9-17.3 5.6C326.9 146 83.3 171.8 80.9 172c-15.2 1.4-26.6 14.1-26.6 29.3 0 6.7 0.6 165.8 54.8 344.4 32.1 105.8 76.4 196.4 131.9 269.2 70.3 92.3 158.5 156 262 189.2 2.9 0.9 5.9 1.4 9 1.4s6.1-0.5 8.9-1.4c103.6-33.2 191.7-96.8 262-189.2 55.4-72.7 99.8-163.2 131.9-269.2 54.1-178.6 54.8-337.7 54.8-344.4C969.7 186.1 958.3 173.5 943.1 172zM910.1 227.2l-0.1 1.6c-2.9 58.1-13.4 174.4-51.4 299.9-66.7 220.1-183.1 360.1-346 416.1L512 945l-0.6-0.2C349 888.9 232.7 749.4 165.8 530.1c-39.8-130.5-49.4-254.2-51.8-301.4l-0.1-1.6 1.5-0.2c70.6-10.3 250.5-44.8 395.5-142.4l0.9-0.7 1 0.7C658 182.1 837.9 216.6 908.5 227L910.1 227.2z",
+      "p-id": "1663"
+    }, null, -1),
+    createElementVNode("path", {
+      d: "M641.8 351 467 580.3l-89-76.1c-5.3-4.5-12.1-7-19.1-7-8.6 0-16.8 3.7-22.4 10.3-10.5 12.3-9.1 31 3.3 41.5l112.7 96.4c5.2 4.4 12.4 7 19.6 7 0.9 0 1.8 0 2.7-0.1 8-0.8 15.4-5 20.3-11.4l193.7-254c4.8-6.3 6.8-14 5.7-21.8-1-7.8-5.1-14.7-11.3-19.5C670.1 335.6 651.6 338.1 641.8 351z",
+      "p-id": "1664"
+    }, null, -1)
+  ]));
+}
+const CaptchaIcon = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  CaptchaIcon as default
+};

package/es/yu-framework-image-captcha-input/index.d.ts

@@ -0,0 +1,12 @@
+declare const _default: import('vue').DefineComponent<{}, {
+    changeImageCaptcha: () => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (...args: any[]) => void;
+    initSuccess: (...args: any[]) => void;
+    change: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onInitSuccess?: ((...args: any[]) => any) | undefined;
+    onChange?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/es/yu-framework-image-captcha-input/index.js

@@ -0,0 +1,79 @@
+import { defineComponent, ref, onMounted, watch, resolveComponent, createElementBlock, openBlock, createVNode, createElementVNode, createCommentVNode } from "vue";
+import { http } from "yuang-framework-ui-common/lib/config/httpConfig";
+import CaptchaIcon from "./components/CaptchaIcon";
+const _hoisted_1 = { class: "yu-framework-image-captcha-group" };
+const _hoisted_2 = ["src"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ name: "YuFrameworkImageCaptchaInput" },
+  __name: "index",
+  emits: ["update:modelValue", "initSuccess", "change"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const emit = __emit;
+    const imageCaptchaSrc = ref("");
+    const imageCaptchaForm = ref({
+      key: "",
+      captcha: ""
+    });
+    onMounted(() => {
+      init();
+    });
+    const init = () => {
+      changeImageCaptcha();
+      emit("initSuccess", {});
+    };
+    const changeImageCaptcha = () => {
+      imageCaptchaForm.value.captcha = "";
+      imageCaptchaSrc.value = "";
+      http.post("/framework-api/core/framework-captcha/createImageCaptcha").then((res) => {
+        imageCaptchaSrc.value = res.data.data.imageSrc;
+        imageCaptchaForm.value.key = res.data.data.key;
+        emit("change", { key: res.data.data.key });
+      }).catch((ex) => {
+        console.error(ex.message);
+      });
+    };
+    watch(
+      () => imageCaptchaForm.value.captcha,
+      (val) => {
+        emit("update:modelValue", val);
+      }
+    );
+    __expose({
+      changeImageCaptcha
+    });
+    return (_ctx, _cache) => {
+      const _component_el_input = resolveComponent("el-input");
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(_component_el_input, {
+          ref: "captchaRef",
+          modelValue: imageCaptchaForm.value.captcha,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => imageCaptchaForm.value.captcha = $event),
+          size: "large",
+          placeholder: "请输入验证码",
+          "prefix-icon": CaptchaIcon,
+          clearable: ""
+        }, null, 8, ["modelValue"]),
+        createElementVNode("div", {
+          class: "image-captcha",
+          onClick: changeImageCaptcha
+        }, [
+          imageCaptchaSrc.value ? (openBlock(), createElementBlock("img", {
+            key: 0,
+            src: imageCaptchaSrc.value
+          }, null, 8, _hoisted_2)) : createCommentVNode("", true)
+        ])
+      ]);
+    };
+  }
+});
+const _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-590b7861"]]);
+export {
+  index as default
+};

package/es/yu-framework-image-captcha-input/style.css

@@ -0,0 +1,45 @@
+
+  /* 验证码 */
+.yu-framework-image-captcha-group {
+&[data-v-590b7861] {
+    width: 100%;
+    display: flex;
+    align-items: center;
+}
+[data-v-590b7861] .el-input {
+      flex: 1;
+}
+[data-v-590b7861] .el-input__wrapper {
+      border-top-right-radius: 0px;
+      border-bottom-right-radius: 0px;
+}
+.image-captcha {
+&[data-v-590b7861] {
+      flex-shrink: 0;
+      width: 108px;
+      height: 40px;
+      /*margin-left: 8px;*/
+      border-radius: var(--el-border-radius-base);
+      border: 1px solid var(--el-border-color);
+
+      border-top-left-radius: 0px;
+      border-bottom-left-radius: 0px;
+      border-left-color: #fff;
+
+      transition: border 0.2s;
+      box-sizing: border-box;
+      background: #fff;
+      overflow: hidden;
+      cursor: pointer;
+}
+img[data-v-590b7861] {
+        width: 100%;
+        height: 100%;
+        object-fit: contain;
+        display: block;
+}
+&[data-v-590b7861]:hover {
+        border-color: var(--el-color-primary);
+}
+}
+}

package/es/yu-framework-short-message-captcha-input/components/CaptchaIcon.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/es/yu-framework-short-message-captcha-input/components/CaptchaIcon.js

@@ -0,0 +1,36 @@
+import { createElementBlock, openBlock, createElementVNode } from "vue";
+const _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+const _sfc_main = {};
+const _hoisted_1 = {
+  t: "1781452980012",
+  class: "icon",
+  viewBox: "0 0 1024 1024",
+  version: "1.1",
+  xmlns: "http://www.w3.org/2000/svg",
+  "p-id": "1662",
+  "xmlns:xlink": "http://www.w3.org/1999/xlink",
+  width: "32",
+  height: "32"
+};
+function _sfc_render(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1, _cache[0] || (_cache[0] = [
+    createElementVNode("path", {
+      d: "M943.1 172c-2.4-0.2-245.1-25.3-413.8-147.8-5.1-3.7-11-5.6-17.3-5.6-6.2 0-12.2 1.9-17.3 5.6C326.9 146 83.3 171.8 80.9 172c-15.2 1.4-26.6 14.1-26.6 29.3 0 6.7 0.6 165.8 54.8 344.4 32.1 105.8 76.4 196.4 131.9 269.2 70.3 92.3 158.5 156 262 189.2 2.9 0.9 5.9 1.4 9 1.4s6.1-0.5 8.9-1.4c103.6-33.2 191.7-96.8 262-189.2 55.4-72.7 99.8-163.2 131.9-269.2 54.1-178.6 54.8-337.7 54.8-344.4C969.7 186.1 958.3 173.5 943.1 172zM910.1 227.2l-0.1 1.6c-2.9 58.1-13.4 174.4-51.4 299.9-66.7 220.1-183.1 360.1-346 416.1L512 945l-0.6-0.2C349 888.9 232.7 749.4 165.8 530.1c-39.8-130.5-49.4-254.2-51.8-301.4l-0.1-1.6 1.5-0.2c70.6-10.3 250.5-44.8 395.5-142.4l0.9-0.7 1 0.7C658 182.1 837.9 216.6 908.5 227L910.1 227.2z",
+      "p-id": "1663"
+    }, null, -1),
+    createElementVNode("path", {
+      d: "M641.8 351 467 580.3l-89-76.1c-5.3-4.5-12.1-7-19.1-7-8.6 0-16.8 3.7-22.4 10.3-10.5 12.3-9.1 31 3.3 41.5l112.7 96.4c5.2 4.4 12.4 7 19.6 7 0.9 0 1.8 0 2.7-0.1 8-0.8 15.4-5 20.3-11.4l193.7-254c4.8-6.3 6.8-14 5.7-21.8-1-7.8-5.1-14.7-11.3-19.5C670.1 335.6 651.6 338.1 641.8 351z",
+      "p-id": "1664"
+    }, null, -1)
+  ]));
+}
+const CaptchaIcon = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  CaptchaIcon as default
+};

package/es/yu-framework-short-message-captcha-input/index.d.ts

@@ -0,0 +1,42 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    modelValue: String;
+    param?: Object;
+}>, {
+    modelValue: string;
+    param: {};
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (...args: any[]) => void;
+    initSuccess: (...args: any[]) => void;
+    change: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    modelValue: String;
+    param?: Object;
+}>, {
+    modelValue: string;
+    param: {};
+}>>> & Readonly<{
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onInitSuccess?: ((...args: any[]) => any) | undefined;
+    onChange?: ((...args: any[]) => any) | undefined;
+}>, {
+    param: Object;
+    modelValue: String;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/es/yu-framework-short-message-captcha-input/index.js

@@ -0,0 +1,209 @@
+import { defineComponent, computed, ref, onMounted, watch, resolveComponent, createElementBlock, openBlock, createElementVNode, createVNode, normalizeClass, createBlock, withCtx, createTextVNode, toDisplayString, withDirectives, vShow, withKeys } from "vue";
+import { ElMessage } from "element-plus";
+import CaptchaIcon from "./components/CaptchaIcon";
+import { http } from "yuang-framework-ui-common/lib/config/httpConfig";
+const _hoisted_1 = { class: "captcha-container" };
+const _hoisted_2 = { class: "captcha-card" };
+const _hoisted_3 = ["src"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ name: "YuFrameworkShortMessageCaptchaInput" },
+  __name: "index",
+  props: {
+    modelValue: { default: "" },
+    param: { default: {} }
+  },
+  emits: ["update:modelValue", "initSuccess", "change"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const componentParam = computed(() => ({
+      type: "type",
+      inputSize: "large",
+      isShowIcon: true,
+      isShowInput: true,
+      ...props.param
+    }));
+    const captchaRules = ref([{ required: true, message: "请输入验证码" }]);
+    const isShowCaptcha = ref(false);
+    const imageSrc = ref("");
+    const captchaTimes = ref(0);
+    const inputCaptcha = ref("");
+    const imageCaptchaForm = ref({
+      key: "",
+      captcha: ""
+    });
+    onMounted(() => {
+      init();
+    });
+    watch(inputCaptcha, (val) => {
+      emit("update:modelValue", val);
+    });
+    const init = () => {
+      if (!["large", "medium"].includes(componentParam.value.inputSize)) {
+        ElMessage.error(`参数[inputSize]值[${componentParam.value.inputSize}]未知`);
+        return;
+      }
+      emit("initSuccess", {});
+    };
+    const showCaptcha = () => {
+      inputCaptcha.value = "";
+      imageCaptchaForm.value.captcha = "";
+      const mobile = componentParam.value.mobile;
+      if (!mobile) {
+        return ElMessage.error("请输入手机号码");
+      }
+      if (mobile.trim().length !== 11) {
+        return ElMessage.error("手机号码格式不正确");
+      }
+      changeCaptcha();
+      isShowCaptcha.value = true;
+    };
+    const changeCaptcha = () => {
+      imageCaptchaForm.value.captcha = "";
+      imageSrc.value = "";
+      http.post("/framework-api/core/framework-captcha/createImageCaptcha").then((res) => {
+        imageSrc.value = res.data.data.imageSrc;
+        imageCaptchaForm.value.key = res.data.data.key;
+      }).catch((ex) => {
+        console.error(ex.message);
+      });
+    };
+    const callCaptchaTimes = () => {
+      if (captchaTimes.value !== 0) return;
+      captchaTimes.value = 60;
+      startCaptchaTimes();
+    };
+    const startCaptchaTimes = () => {
+      if (captchaTimes.value > 0) {
+        captchaTimes.value--;
+        setTimeout(startCaptchaTimes, 1e3);
+      }
+    };
+    const sendShortMessageCaptcha = () => {
+      if (!imageCaptchaForm.value.captcha) {
+        return ElMessage.error("请输入图形验证码");
+      }
+      let data = {
+        mobile: componentParam.value.mobile,
+        imageCaptcha: imageCaptchaForm.value
+      };
+      http.post(`/framework-api/core/framework-captcha/createShortMessageCaptcha`, data).then((res) => {
+        callCaptchaTimes();
+        emit("change", { key: res.data.data.key });
+        ElMessage.success(res.data.message);
+        isShowCaptcha.value = false;
+      }).catch((ex) => {
+        imageCaptchaForm.value.captcha = "";
+        changeCaptcha();
+        console.error(ex.message);
+      });
+    };
+    return (_ctx, _cache) => {
+      const _component_el_input = resolveComponent("el-input");
+      const _component_el_button = resolveComponent("el-button");
+      const _component_ele_dialog = resolveComponent("ele-dialog");
+      return openBlock(), createElementBlock("div", null, [
+        createElementVNode("div", {
+          class: normalizeClass(`mis-form-item-${componentParam.value.inputSize}-group`)
+        }, [
+          createVNode(_component_el_input, {
+            name: "验证码",
+            placeholder: "请输入验证码",
+            modelValue: inputCaptcha.value,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => inputCaptcha.value = $event),
+            "prefix-icon": componentParam.value.isShowIcon ? CaptchaIcon : "",
+            rules: captchaRules.value,
+            autocomplete: "off"
+          }, null, 8, ["modelValue", "prefix-icon", "rules"]),
+          captchaTimes.value === 0 ? (openBlock(), createBlock(_component_el_button, {
+            type: "primary",
+            key: "can-click",
+            class: normalizeClass(`show-captcha-${componentParam.value.inputSize}`),
+            onClick: showCaptcha
+          }, {
+            default: withCtx(() => _cache[4] || (_cache[4] = [
+              createTextVNode(" 发送验证码 ")
+            ])),
+            _: 1,
+            __: [4]
+          }, 8, ["class"])) : (openBlock(), createBlock(_component_el_button, {
+            type: "primary",
+            size: "small",
+            disabled: "",
+            key: "forbidden-click",
+            class: normalizeClass(`show-captcha-times-${componentParam.value.inputSize}`)
+          }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(captchaTimes.value) + "秒后再次发送 ", 1)
+            ]),
+            _: 1
+          }, 8, ["class"]))
+        ], 2),
+        createVNode(_component_ele_dialog, {
+          modelValue: isShowCaptcha.value,
+          "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => isShowCaptcha.value = $event),
+          title: "发送验证码",
+          width: "400px"
+        }, {
+          footer: withCtx(() => [
+            createVNode(_component_el_button, {
+              onClick: _cache[2] || (_cache[2] = ($event) => isShowCaptcha.value = false)
+            }, {
+              default: withCtx(() => _cache[5] || (_cache[5] = [
+                createTextVNode("取消")
+              ])),
+              _: 1,
+              __: [5]
+            }),
+            createVNode(_component_el_button, {
+              type: "primary",
+              onClick: sendShortMessageCaptcha
+            }, {
+              default: withCtx(() => _cache[6] || (_cache[6] = [
+                createTextVNode("立即发送")
+              ])),
+              _: 1,
+              __: [6]
+            })
+          ]),
+          default: withCtx(() => [
+            createElementVNode("div", _hoisted_1, [
+              createElementVNode("div", _hoisted_2, [
+                withDirectives(createElementVNode("img", {
+                  src: imageSrc.value,
+                  onClick: changeCaptcha,
+                  class: "captcha-image",
+                  alt: "验证码加载中"
+                }, null, 8, _hoisted_3), [
+                  [vShow, imageSrc.value]
+                ])
+              ]),
+              createVNode(_component_el_input, {
+                modelValue: imageCaptchaForm.value.captcha,
+                "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => imageCaptchaForm.value.captcha = $event),
+                class: "captcha-input",
+                label: "图形验证码",
+                clearable: "",
+                placeholder: "请输入图形验证码",
+                required: "",
+                onKeyup: withKeys(changeCaptcha, ["enter"])
+              }, null, 8, ["modelValue"])
+            ])
+          ]),
+          _: 1
+        }, 8, ["modelValue"])
+      ]);
+    };
+  }
+});
+const _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-07f77e18"]]);
+export {
+  index as default
+};

package/es/yu-framework-short-message-captcha-input/style/index.d.ts

@@ -0,0 +1 @@
+

package/es/yu-framework-short-message-captcha-input/style/index.js

@@ -0,0 +1 @@
+import "./index.scss";

package/es/yu-framework-short-message-captcha-input/style/index.scss

@@ -0,0 +1,2 @@
+
+@use '../../style/default.scss' as *;

package/es/yu-framework-short-message-captcha-input/style.css

@@ -0,0 +1,82 @@
+.mis-form-item-group[data-v-07f77e18] input {
+  border: 0px;
+}
+.show-captcha-large[data-v-07f77e18] {
+  height: 32px;
+  line-height: 0px;
+  width: 140px;
+  margin-right: 3px;
+  text-align: center;
+  cursor: pointer;
+  font-size: 12px;
+  font-weight: 400;
+}
+.show-captcha-times-large[data-v-07f77e18] {
+  height: 32px;
+  width: 140px;
+  margin-right: 3px;
+  text-align: center;
+  cursor: pointer;
+  font-size: 12px;
+}
+.show-captcha-medium[data-v-07f77e18] {
+  height: 30px;
+  width: 140px;
+  margin-right: 2px;
+  text-align: center;
+  cursor: pointer;
+  font-size: 12px;
+  font-weight: 400;
+}
+.show-captcha-times-medium[data-v-07f77e18] {
+  height: 30px;
+  width: 140px;
+  margin-right: 3px;
+  text-align: center;
+  cursor: pointer;
+  font-size: 12px;
+}
+.captcha-container[data-v-07f77e18] {
+  height: 170px;
+  width: 250px;
+  margin: 10px auto;
+}
+.captcha-container .captcha-card[data-v-07f77e18] {
+  height: 50px;
+  width: 100%;
+  margin: 32px 0px;
+  text-align: center;
+}
+.captcha-container .captcha-image[data-v-07f77e18] {
+  height: 50px;
+  width: 100%;
+  border-radius: 4px;
+  border: 1px solid #dcdfe6;
+  text-align: center;
+  cursor: pointer;
+}
+.captcha-container .captcha-input[data-v-07f77e18] .el-input__inner {
+  height: 50px;
+  font-size: 16px;
+}
+.icon-validate-code[data-v-07f77e18] {
+  margin-left: 4px;
+}
+.mis-form-item-large-group[data-v-07f77e18] {
+  display: flex;
+  align-items: center;
+}
+.mis-form-item-large-group[data-v-07f77e18] .el-input__wrapper {
+  border-top-right-radius: 0px;
+  border-bottom-right-radius: 0px;
+}
+.mis-form-item-large-group[data-v-07f77e18] .el-input__inner {
+  border: 0px;
+}
+.mis-form-item-large-group[data-v-07f77e18] .el-button {
+  border-top-left-radius: 0px;
+  border-bottom-left-radius: 0px;
+}
+.mis-form-item-medium-group[data-v-07f77e18] .el-input__inner {
+  border: 0px;
+}

package/es/yu-framework-slider-captcha-dialog/components/SliderCaptcha.js

@@ -1,6 +1,5 @@
 import { defineComponent, ref, onMounted, nextTick, createElementBlock, openBlock, createElementVNode, createTextVNode, createVNode, unref, normalizeStyle, createCommentVNode, normalizeClass, toDisplayString, createBlock } from "vue";
 import { http } from "yuang-framework-ui-common/lib/config/httpConfig";
-import { application } from "yuang-framework-ui-common/lib/config/applicationConfig";
 import { RefreshRight, CircleClose } from "@element-plus/icons-vue";
 import { SliderArrowStatic, SliderArrowSlide } from "../../icons";
 const _hoisted_1 = { class: "yu-framework-slider-captcha" };
@@ -55,7 +54,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       getCaptcha();
     };
     const getCaptcha = () => {
-      http.get(`/framework-api/core/framework-captcha/getSliderCaptcha`, { params: {} }).then((res) => {
+      http.post(`/framework-api/core/framework-captcha/createSliderCaptcha`, {}).then((res) => {
         key.value = res.data.data.key;
         block.value.src = res.data.data.blockSrc;
         block.value.style.top = res.data.data.blockY + "px";
@@ -144,11 +143,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         if (!turingTest()) {
           verifyFailEvent();
         } else {
-          let params = {
+          let data = {
             key: key.value,
             captcha: moveLength
           };
-          http.get(`/framework-api/core/framework-captcha/validateSliderCaptcha`, { params }).then((res) => {
+          http.post(`/framework-api/core/framework-captcha/validateSliderCaptcha`, data).then((res) => {
             verifySuccessEvent();
             setTimeout(() => {
               emit("success", { key: key.value, value: moveLength });

package/lib/core-components.d.ts

@@ -53,6 +53,7 @@ export { default as EleWatermark } from './ele-watermark/index';
 export { default as EleTest } from './ele-test/index';
 export { default as YuTest } from './yu-test/index';
 export { default as YuFrameworkSliderCaptchaDialog } from './yu-framework-slider-captcha-dialog/index';
+export { default as YuFrameworkShortMessageCaptchaINput } from './yu-framework-short-message-captcha-input/index';
 export { default as YuFrameworkAttachmentUpload } from './yu-framework-attachment-upload/index';
 export { default as YuUimsUserDialog } from './yu-uims-user-dialog/index';
 export { default as YuUimsOrganizationDialog } from './yu-uims-organization-dialog/index';

package/lib/yu-framework-image-captcha-input/components/CaptchaIcon.cjs

@@ -0,0 +1,35 @@
+"use strict";
+const vue = require("vue");
+const _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+const _sfc_main = {};
+const _hoisted_1 = {
+  t: "1781452980012",
+  class: "icon",
+  viewBox: "0 0 1024 1024",
+  version: "1.1",
+  xmlns: "http://www.w3.org/2000/svg",
+  "p-id": "1662",
+  "xmlns:xlink": "http://www.w3.org/1999/xlink",
+  width: "32",
+  height: "32"
+};
+function _sfc_render(_ctx, _cache) {
+  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1, _cache[0] || (_cache[0] = [
+    vue.createElementVNode("path", {
+      d: "M943.1 172c-2.4-0.2-245.1-25.3-413.8-147.8-5.1-3.7-11-5.6-17.3-5.6-6.2 0-12.2 1.9-17.3 5.6C326.9 146 83.3 171.8 80.9 172c-15.2 1.4-26.6 14.1-26.6 29.3 0 6.7 0.6 165.8 54.8 344.4 32.1 105.8 76.4 196.4 131.9 269.2 70.3 92.3 158.5 156 262 189.2 2.9 0.9 5.9 1.4 9 1.4s6.1-0.5 8.9-1.4c103.6-33.2 191.7-96.8 262-189.2 55.4-72.7 99.8-163.2 131.9-269.2 54.1-178.6 54.8-337.7 54.8-344.4C969.7 186.1 958.3 173.5 943.1 172zM910.1 227.2l-0.1 1.6c-2.9 58.1-13.4 174.4-51.4 299.9-66.7 220.1-183.1 360.1-346 416.1L512 945l-0.6-0.2C349 888.9 232.7 749.4 165.8 530.1c-39.8-130.5-49.4-254.2-51.8-301.4l-0.1-1.6 1.5-0.2c70.6-10.3 250.5-44.8 395.5-142.4l0.9-0.7 1 0.7C658 182.1 837.9 216.6 908.5 227L910.1 227.2z",
+      "p-id": "1663"
+    }, null, -1),
+    vue.createElementVNode("path", {
+      d: "M641.8 351 467 580.3l-89-76.1c-5.3-4.5-12.1-7-19.1-7-8.6 0-16.8 3.7-22.4 10.3-10.5 12.3-9.1 31 3.3 41.5l112.7 96.4c5.2 4.4 12.4 7 19.6 7 0.9 0 1.8 0 2.7-0.1 8-0.8 15.4-5 20.3-11.4l193.7-254c4.8-6.3 6.8-14 5.7-21.8-1-7.8-5.1-14.7-11.3-19.5C670.1 335.6 651.6 338.1 641.8 351z",
+      "p-id": "1664"
+    }, null, -1)
+  ]));
+}
+const CaptchaIcon = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+module.exports = CaptchaIcon;

package/lib/yu-framework-image-captcha-input/components/CaptchaIcon.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/lib/yu-framework-image-captcha-input/index.cjs

@@ -0,0 +1,78 @@
+"use strict";
+const vue = require("vue");
+const httpConfig = require("yuang-framework-ui-common/lib/config/httpConfig");
+const CaptchaIcon = require("./components/CaptchaIcon");
+const _hoisted_1 = { class: "yu-framework-image-captcha-group" };
+const _hoisted_2 = ["src"];
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{ name: "YuFrameworkImageCaptchaInput" },
+  __name: "index",
+  emits: ["update:modelValue", "initSuccess", "change"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const emit = __emit;
+    const imageCaptchaSrc = vue.ref("");
+    const imageCaptchaForm = vue.ref({
+      key: "",
+      captcha: ""
+    });
+    vue.onMounted(() => {
+      init();
+    });
+    const init = () => {
+      changeImageCaptcha();
+      emit("initSuccess", {});
+    };
+    const changeImageCaptcha = () => {
+      imageCaptchaForm.value.captcha = "";
+      imageCaptchaSrc.value = "";
+      httpConfig.http.post("/framework-api/core/framework-captcha/createImageCaptcha").then((res) => {
+        imageCaptchaSrc.value = res.data.data.imageSrc;
+        imageCaptchaForm.value.key = res.data.data.key;
+        emit("change", { key: res.data.data.key });
+      }).catch((ex) => {
+        console.error(ex.message);
+      });
+    };
+    vue.watch(
+      () => imageCaptchaForm.value.captcha,
+      (val) => {
+        emit("update:modelValue", val);
+      }
+    );
+    __expose({
+      changeImageCaptcha
+    });
+    return (_ctx, _cache) => {
+      const _component_el_input = vue.resolveComponent("el-input");
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createVNode(_component_el_input, {
+          ref: "captchaRef",
+          modelValue: imageCaptchaForm.value.captcha,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => imageCaptchaForm.value.captcha = $event),
+          size: "large",
+          placeholder: "请输入验证码",
+          "prefix-icon": CaptchaIcon,
+          clearable: ""
+        }, null, 8, ["modelValue"]),
+        vue.createElementVNode("div", {
+          class: "image-captcha",
+          onClick: changeImageCaptcha
+        }, [
+          imageCaptchaSrc.value ? (vue.openBlock(), vue.createElementBlock("img", {
+            key: 0,
+            src: imageCaptchaSrc.value
+          }, null, 8, _hoisted_2)) : vue.createCommentVNode("", true)
+        ])
+      ]);
+    };
+  }
+});
+const _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-590b7861"]]);
+module.exports = index;

package/lib/yu-framework-image-captcha-input/index.d.ts

@@ -0,0 +1,12 @@
+declare const _default: import('vue').DefineComponent<{}, {
+    changeImageCaptcha: () => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (...args: any[]) => void;
+    initSuccess: (...args: any[]) => void;
+    change: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onInitSuccess?: ((...args: any[]) => any) | undefined;
+    onChange?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/lib/yu-framework-image-captcha-input/style.css

@@ -0,0 +1,45 @@
+
+  /* 验证码 */
+.yu-framework-image-captcha-group {
+&[data-v-590b7861] {
+    width: 100%;
+    display: flex;
+    align-items: center;
+}
+[data-v-590b7861] .el-input {
+      flex: 1;
+}
+[data-v-590b7861] .el-input__wrapper {
+      border-top-right-radius: 0px;
+      border-bottom-right-radius: 0px;
+}
+.image-captcha {
+&[data-v-590b7861] {
+      flex-shrink: 0;
+      width: 108px;
+      height: 40px;
+      /*margin-left: 8px;*/
+      border-radius: var(--el-border-radius-base);
+      border: 1px solid var(--el-border-color);
+
+      border-top-left-radius: 0px;
+      border-bottom-left-radius: 0px;
+      border-left-color: #fff;
+
+      transition: border 0.2s;
+      box-sizing: border-box;
+      background: #fff;
+      overflow: hidden;
+      cursor: pointer;
+}
+img[data-v-590b7861] {
+        width: 100%;
+        height: 100%;
+        object-fit: contain;
+        display: block;
+}
+&[data-v-590b7861]:hover {
+        border-color: var(--el-color-primary);
+}
+}
+}

package/lib/yu-framework-short-message-captcha-input/components/CaptchaIcon.cjs

@@ -0,0 +1,35 @@
+"use strict";
+const vue = require("vue");
+const _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+const _sfc_main = {};
+const _hoisted_1 = {
+  t: "1781452980012",
+  class: "icon",
+  viewBox: "0 0 1024 1024",
+  version: "1.1",
+  xmlns: "http://www.w3.org/2000/svg",
+  "p-id": "1662",
+  "xmlns:xlink": "http://www.w3.org/1999/xlink",
+  width: "32",
+  height: "32"
+};
+function _sfc_render(_ctx, _cache) {
+  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1, _cache[0] || (_cache[0] = [
+    vue.createElementVNode("path", {
+      d: "M943.1 172c-2.4-0.2-245.1-25.3-413.8-147.8-5.1-3.7-11-5.6-17.3-5.6-6.2 0-12.2 1.9-17.3 5.6C326.9 146 83.3 171.8 80.9 172c-15.2 1.4-26.6 14.1-26.6 29.3 0 6.7 0.6 165.8 54.8 344.4 32.1 105.8 76.4 196.4 131.9 269.2 70.3 92.3 158.5 156 262 189.2 2.9 0.9 5.9 1.4 9 1.4s6.1-0.5 8.9-1.4c103.6-33.2 191.7-96.8 262-189.2 55.4-72.7 99.8-163.2 131.9-269.2 54.1-178.6 54.8-337.7 54.8-344.4C969.7 186.1 958.3 173.5 943.1 172zM910.1 227.2l-0.1 1.6c-2.9 58.1-13.4 174.4-51.4 299.9-66.7 220.1-183.1 360.1-346 416.1L512 945l-0.6-0.2C349 888.9 232.7 749.4 165.8 530.1c-39.8-130.5-49.4-254.2-51.8-301.4l-0.1-1.6 1.5-0.2c70.6-10.3 250.5-44.8 395.5-142.4l0.9-0.7 1 0.7C658 182.1 837.9 216.6 908.5 227L910.1 227.2z",
+      "p-id": "1663"
+    }, null, -1),
+    vue.createElementVNode("path", {
+      d: "M641.8 351 467 580.3l-89-76.1c-5.3-4.5-12.1-7-19.1-7-8.6 0-16.8 3.7-22.4 10.3-10.5 12.3-9.1 31 3.3 41.5l112.7 96.4c5.2 4.4 12.4 7 19.6 7 0.9 0 1.8 0 2.7-0.1 8-0.8 15.4-5 20.3-11.4l193.7-254c4.8-6.3 6.8-14 5.7-21.8-1-7.8-5.1-14.7-11.3-19.5C670.1 335.6 651.6 338.1 641.8 351z",
+      "p-id": "1664"
+    }, null, -1)
+  ]));
+}
+const CaptchaIcon = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+module.exports = CaptchaIcon;

package/lib/yu-framework-short-message-captcha-input/components/CaptchaIcon.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/lib/yu-framework-short-message-captcha-input/index.cjs

@@ -0,0 +1,208 @@
+"use strict";
+const vue = require("vue");
+const elementPlus = require("element-plus");
+const CaptchaIcon = require("./components/CaptchaIcon");
+const httpConfig = require("yuang-framework-ui-common/lib/config/httpConfig");
+const _hoisted_1 = { class: "captcha-container" };
+const _hoisted_2 = { class: "captcha-card" };
+const _hoisted_3 = ["src"];
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{ name: "YuFrameworkShortMessageCaptchaInput" },
+  __name: "index",
+  props: {
+    modelValue: { default: "" },
+    param: { default: {} }
+  },
+  emits: ["update:modelValue", "initSuccess", "change"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const componentParam = vue.computed(() => ({
+      type: "type",
+      inputSize: "large",
+      isShowIcon: true,
+      isShowInput: true,
+      ...props.param
+    }));
+    const captchaRules = vue.ref([{ required: true, message: "请输入验证码" }]);
+    const isShowCaptcha = vue.ref(false);
+    const imageSrc = vue.ref("");
+    const captchaTimes = vue.ref(0);
+    const inputCaptcha = vue.ref("");
+    const imageCaptchaForm = vue.ref({
+      key: "",
+      captcha: ""
+    });
+    vue.onMounted(() => {
+      init();
+    });
+    vue.watch(inputCaptcha, (val) => {
+      emit("update:modelValue", val);
+    });
+    const init = () => {
+      if (!["large", "medium"].includes(componentParam.value.inputSize)) {
+        elementPlus.ElMessage.error(`参数[inputSize]值[${componentParam.value.inputSize}]未知`);
+        return;
+      }
+      emit("initSuccess", {});
+    };
+    const showCaptcha = () => {
+      inputCaptcha.value = "";
+      imageCaptchaForm.value.captcha = "";
+      const mobile = componentParam.value.mobile;
+      if (!mobile) {
+        return elementPlus.ElMessage.error("请输入手机号码");
+      }
+      if (mobile.trim().length !== 11) {
+        return elementPlus.ElMessage.error("手机号码格式不正确");
+      }
+      changeCaptcha();
+      isShowCaptcha.value = true;
+    };
+    const changeCaptcha = () => {
+      imageCaptchaForm.value.captcha = "";
+      imageSrc.value = "";
+      httpConfig.http.post("/framework-api/core/framework-captcha/createImageCaptcha").then((res) => {
+        imageSrc.value = res.data.data.imageSrc;
+        imageCaptchaForm.value.key = res.data.data.key;
+      }).catch((ex) => {
+        console.error(ex.message);
+      });
+    };
+    const callCaptchaTimes = () => {
+      if (captchaTimes.value !== 0) return;
+      captchaTimes.value = 60;
+      startCaptchaTimes();
+    };
+    const startCaptchaTimes = () => {
+      if (captchaTimes.value > 0) {
+        captchaTimes.value--;
+        setTimeout(startCaptchaTimes, 1e3);
+      }
+    };
+    const sendShortMessageCaptcha = () => {
+      if (!imageCaptchaForm.value.captcha) {
+        return elementPlus.ElMessage.error("请输入图形验证码");
+      }
+      let data = {
+        mobile: componentParam.value.mobile,
+        imageCaptcha: imageCaptchaForm.value
+      };
+      httpConfig.http.post(`/framework-api/core/framework-captcha/createShortMessageCaptcha`, data).then((res) => {
+        callCaptchaTimes();
+        emit("change", { key: res.data.data.key });
+        elementPlus.ElMessage.success(res.data.message);
+        isShowCaptcha.value = false;
+      }).catch((ex) => {
+        imageCaptchaForm.value.captcha = "";
+        changeCaptcha();
+        console.error(ex.message);
+      });
+    };
+    return (_ctx, _cache) => {
+      const _component_el_input = vue.resolveComponent("el-input");
+      const _component_el_button = vue.resolveComponent("el-button");
+      const _component_ele_dialog = vue.resolveComponent("ele-dialog");
+      return vue.openBlock(), vue.createElementBlock("div", null, [
+        vue.createElementVNode("div", {
+          class: vue.normalizeClass(`mis-form-item-${componentParam.value.inputSize}-group`)
+        }, [
+          vue.createVNode(_component_el_input, {
+            name: "验证码",
+            placeholder: "请输入验证码",
+            modelValue: inputCaptcha.value,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => inputCaptcha.value = $event),
+            "prefix-icon": componentParam.value.isShowIcon ? CaptchaIcon : "",
+            rules: captchaRules.value,
+            autocomplete: "off"
+          }, null, 8, ["modelValue", "prefix-icon", "rules"]),
+          captchaTimes.value === 0 ? (vue.openBlock(), vue.createBlock(_component_el_button, {
+            type: "primary",
+            key: "can-click",
+            class: vue.normalizeClass(`show-captcha-${componentParam.value.inputSize}`),
+            onClick: showCaptcha
+          }, {
+            default: vue.withCtx(() => _cache[4] || (_cache[4] = [
+              vue.createTextVNode(" 发送验证码 ")
+            ])),
+            _: 1,
+            __: [4]
+          }, 8, ["class"])) : (vue.openBlock(), vue.createBlock(_component_el_button, {
+            type: "primary",
+            size: "small",
+            disabled: "",
+            key: "forbidden-click",
+            class: vue.normalizeClass(`show-captcha-times-${componentParam.value.inputSize}`)
+          }, {
+            default: vue.withCtx(() => [
+              vue.createTextVNode(vue.toDisplayString(captchaTimes.value) + "秒后再次发送 ", 1)
+            ]),
+            _: 1
+          }, 8, ["class"]))
+        ], 2),
+        vue.createVNode(_component_ele_dialog, {
+          modelValue: isShowCaptcha.value,
+          "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => isShowCaptcha.value = $event),
+          title: "发送验证码",
+          width: "400px"
+        }, {
+          footer: vue.withCtx(() => [
+            vue.createVNode(_component_el_button, {
+              onClick: _cache[2] || (_cache[2] = ($event) => isShowCaptcha.value = false)
+            }, {
+              default: vue.withCtx(() => _cache[5] || (_cache[5] = [
+                vue.createTextVNode("取消")
+              ])),
+              _: 1,
+              __: [5]
+            }),
+            vue.createVNode(_component_el_button, {
+              type: "primary",
+              onClick: sendShortMessageCaptcha
+            }, {
+              default: vue.withCtx(() => _cache[6] || (_cache[6] = [
+                vue.createTextVNode("立即发送")
+              ])),
+              _: 1,
+              __: [6]
+            })
+          ]),
+          default: vue.withCtx(() => [
+            vue.createElementVNode("div", _hoisted_1, [
+              vue.createElementVNode("div", _hoisted_2, [
+                vue.withDirectives(vue.createElementVNode("img", {
+                  src: imageSrc.value,
+                  onClick: changeCaptcha,
+                  class: "captcha-image",
+                  alt: "验证码加载中"
+                }, null, 8, _hoisted_3), [
+                  [vue.vShow, imageSrc.value]
+                ])
+              ]),
+              vue.createVNode(_component_el_input, {
+                modelValue: imageCaptchaForm.value.captcha,
+                "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => imageCaptchaForm.value.captcha = $event),
+                class: "captcha-input",
+                label: "图形验证码",
+                clearable: "",
+                placeholder: "请输入图形验证码",
+                required: "",
+                onKeyup: vue.withKeys(changeCaptcha, ["enter"])
+              }, null, 8, ["modelValue"])
+            ])
+          ]),
+          _: 1
+        }, 8, ["modelValue"])
+      ]);
+    };
+  }
+});
+const _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-07f77e18"]]);
+module.exports = index;

package/lib/yu-framework-short-message-captcha-input/index.d.ts

@@ -0,0 +1,42 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    modelValue: String;
+    param?: Object;
+}>, {
+    modelValue: string;
+    param: {};
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (...args: any[]) => void;
+    initSuccess: (...args: any[]) => void;
+    change: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    modelValue: String;
+    param?: Object;
+}>, {
+    modelValue: string;
+    param: {};
+}>>> & Readonly<{
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onInitSuccess?: ((...args: any[]) => any) | undefined;
+    onChange?: ((...args: any[]) => any) | undefined;
+}>, {
+    param: Object;
+    modelValue: String;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/lib/yu-framework-short-message-captcha-input/style/index.cjs

@@ -0,0 +1,2 @@
+"use strict";
+require("./index.scss");

package/lib/yu-framework-short-message-captcha-input/style/index.d.ts

@@ -0,0 +1 @@
+

package/lib/yu-framework-short-message-captcha-input/style/index.scss

@@ -0,0 +1,2 @@
+
+@use '../../style/default.scss' as *;

package/lib/yu-framework-short-message-captcha-input/style.css

@@ -0,0 +1,82 @@
+.mis-form-item-group[data-v-07f77e18] input {
+  border: 0px;
+}
+.show-captcha-large[data-v-07f77e18] {
+  height: 32px;
+  line-height: 0px;
+  width: 140px;
+  margin-right: 3px;
+  text-align: center;
+  cursor: pointer;
+  font-size: 12px;
+  font-weight: 400;
+}
+.show-captcha-times-large[data-v-07f77e18] {
+  height: 32px;
+  width: 140px;
+  margin-right: 3px;
+  text-align: center;
+  cursor: pointer;
+  font-size: 12px;
+}
+.show-captcha-medium[data-v-07f77e18] {
+  height: 30px;
+  width: 140px;
+  margin-right: 2px;
+  text-align: center;
+  cursor: pointer;
+  font-size: 12px;
+  font-weight: 400;
+}
+.show-captcha-times-medium[data-v-07f77e18] {
+  height: 30px;
+  width: 140px;
+  margin-right: 3px;
+  text-align: center;
+  cursor: pointer;
+  font-size: 12px;
+}
+.captcha-container[data-v-07f77e18] {
+  height: 170px;
+  width: 250px;
+  margin: 10px auto;
+}
+.captcha-container .captcha-card[data-v-07f77e18] {
+  height: 50px;
+  width: 100%;
+  margin: 32px 0px;
+  text-align: center;
+}
+.captcha-container .captcha-image[data-v-07f77e18] {
+  height: 50px;
+  width: 100%;
+  border-radius: 4px;
+  border: 1px solid #dcdfe6;
+  text-align: center;
+  cursor: pointer;
+}
+.captcha-container .captcha-input[data-v-07f77e18] .el-input__inner {
+  height: 50px;
+  font-size: 16px;
+}
+.icon-validate-code[data-v-07f77e18] {
+  margin-left: 4px;
+}
+.mis-form-item-large-group[data-v-07f77e18] {
+  display: flex;
+  align-items: center;
+}
+.mis-form-item-large-group[data-v-07f77e18] .el-input__wrapper {
+  border-top-right-radius: 0px;
+  border-bottom-right-radius: 0px;
+}
+.mis-form-item-large-group[data-v-07f77e18] .el-input__inner {
+  border: 0px;
+}
+.mis-form-item-large-group[data-v-07f77e18] .el-button {
+  border-top-left-radius: 0px;
+  border-bottom-left-radius: 0px;
+}
+.mis-form-item-medium-group[data-v-07f77e18] .el-input__inner {
+  border: 0px;
+}

package/lib/yu-framework-slider-captcha-dialog/components/SliderCaptcha.cjs

@@ -1,7 +1,6 @@
 "use strict";
 const vue = require("vue");
 const httpConfig = require("yuang-framework-ui-common/lib/config/httpConfig");
-const applicationConfig = require("yuang-framework-ui-common/lib/config/applicationConfig");
 const iconsVue = require("@element-plus/icons-vue");
 const icons = require("../../icons");
 const _hoisted_1 = { class: "yu-framework-slider-captcha" };
@@ -56,7 +55,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       getCaptcha();
     };
     const getCaptcha = () => {
-      httpConfig.http.get(`${applicationConfig.application.gatewayServerBaseUrl}/framework-api/core/framework-captcha/getSliderCaptcha`, { params: {} }).then((res) => {
+      httpConfig.http.post(`/framework-api/core/framework-captcha/createSliderCaptcha`, {}).then((res) => {
         key.value = res.data.data.key;
         block.value.src = res.data.data.blockSrc;
         block.value.style.top = res.data.data.blockY + "px";
@@ -145,11 +144,11 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         if (!turingTest()) {
           verifyFailEvent();
         } else {
-          let params = {
+          let data = {
             key: key.value,
             captcha: moveLength
           };
-          httpConfig.http.get(`${applicationConfig.application.gatewayServerBaseUrl}/framework-api/core/framework-captcha/validateSliderCaptcha`, { params }).then((res) => {
+          httpConfig.http.post(`/framework-api/core/framework-captcha/validateSliderCaptcha`, data).then((res) => {
             verifySuccessEvent();
             setTimeout(() => {
               emit("success", { key: key.value, value: moveLength });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "yuang-framework-ui-pc",
-  "version": "1.1.146",
+  "version": "1.1.147",
   "type": "module",
   "scripts": {
     "dev": "vite --host --config vite.global.ts --mode dev",