@keyblade/pro-components 1.13.8-alpha.9 → 1.14.0

package/es/pro-find-password/verify-user-name.vue.js

@@ -0,0 +1,112 @@
+import { defineComponent as b, useSlots as N, ref as d, createBlock as h, openBlock as C, unref as o, normalizeClass as i, withCtx as s, createVNode as l, mergeProps as m, renderSlot as S, createCommentVNode as z, normalizeProps as k, guardReactiveProps as $, createTextVNode as w } from "vue";
+import { testUserName as x } from "../pro-login/regexp.js";
+import { Form as B, FormItem as u, Input as f, Button as R } from "@arco-design/web-vue";
+const c = "keyblade-find-password", E = /* @__PURE__ */ b({
+  __name: "verify-user-name",
+  props: {
+    current: {},
+    phoneNum: {},
+    inputProps: { default: () => ({
+      size: "large"
+    }) },
+    countdown: {},
+    formItemProps: { default: () => ({
+      hideLabel: !0,
+      validateTrigger: []
+    }) },
+    onNext: {},
+    onSendSmsCode: {},
+    onEntry: {},
+    "update:current": {},
+    prefixClsName: {}
+  },
+  emits: ["submit"],
+  setup(U, { expose: v, emit: y }) {
+    const P = y, g = N(), n = d(), a = d({
+      username: "",
+      captcha: ""
+    }), V = {
+      username: [{
+        required: !0,
+        message: "请输入用户名或手机号"
+      }, {
+        validator: x
+      }],
+      captcha: [{
+        required: !0,
+        message: "请输入验证码"
+      }]
+    }, p = (r) => {
+      var e;
+      (e = n.value) == null || e.clearValidate(r);
+    }, I = () => {
+      P("submit", a.value);
+    };
+    return v({
+      formRef: n
+    }), (r, e) => (C(), h(o(B), {
+      ref_key: "formRef",
+      ref: n,
+      model: a.value,
+      rules: V,
+      class: i(`${c}-verify-user-name`),
+      onSubmitSuccess: I
+    }, {
+      default: s(() => [
+        l(o(u), m({ field: "username" }, r.formItemProps), {
+          default: s(() => [
+            l(o(f), m(r.inputProps, {
+              modelValue: a.value.username,
+              "onUpdate:modelValue": e[0] || (e[0] = (t) => a.value.username = t),
+              "max-length": 16,
+              placeholder: "请输入用户名/手机号",
+              onInput: e[1] || (e[1] = (t) => p("username"))
+            }), null, 16, ["modelValue"])
+          ]),
+          _: 1
+        }, 16),
+        l(o(u), m({ field: "captcha" }, r.formItemProps), {
+          default: s(() => [
+            l(o(f), m(r.inputProps, {
+              modelValue: a.value.captcha,
+              "onUpdate:modelValue": e[2] || (e[2] = (t) => a.value.captcha = t),
+              "max-length": 4,
+              placeholder: "请输入短信验证码",
+              onInput: e[3] || (e[3] = (t) => p("captcha"))
+            }), {
+              append: s(() => [
+                o(g)["verify-code"] ? S(r.$slots, "verify-code", { key: 0 }) : z("", !0)
+              ]),
+              _: 3
+            }, 16, ["modelValue"])
+          ]),
+          _: 3
+        }, 16),
+        l(o(u), k($(r.formItemProps)), {
+          default: s(() => {
+            var t;
+            return [
+              l(o(R), {
+                type: "primary",
+                long: "",
+                "html-type": "submit",
+                size: (t = r.inputProps) == null ? void 0 : t.size,
+                class: i(`${c}-verify-submit`)
+              }, {
+                default: s(() => e[4] || (e[4] = [
+                  w(" 下一步 ")
+                ])),
+                _: 1
+              }, 8, ["size", "class"])
+            ];
+          }),
+          _: 1
+        }, 16)
+      ]),
+      _: 3
+    }, 8, ["model", "class"]));
+  }
+});
+export {
+  E as default
+};

package/es/pro-find-password/verify-user-name.vue3.js

@@ -0,0 +1,5 @@
+import o from "./verify-user-name.vue.js";
+/* empty css                      */
+export {
+  o as default
+};

package/es/pro-footer-bar/index.d.ts

@@ -1,6 +1,6 @@
 import { App } from 'vue';
 declare const ProFooterBar: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./inerface').ProFooterBarProps> & Readonly<{
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./interface').ProFooterBarProps> & Readonly<{
         onBack?: (() => any) | undefined;
     }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
         back: () => any;
@@ -13,7 +13,7 @@ declare const ProFooterBar: {
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import('./inerface').ProFooterBarProps> & Readonly<{
+    }, Readonly<import('./interface').ProFooterBarProps> & Readonly<{
         onBack?: (() => any) | undefined;
     }>, {}, {}, {}, {}, {
         backText: string;
@@ -21,7 +21,7 @@ declare const ProFooterBar: {
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<import('./inerface').ProFooterBarProps> & Readonly<{
+} & import('vue').ComponentOptionsBase<Readonly<import('./interface').ProFooterBarProps> & Readonly<{
     onBack?: (() => any) | undefined;
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     back: () => any;
@@ -34,5 +34,8 @@ declare const ProFooterBar: {
 }) & {
     install: (app: App) => void;
 };
+/** 导出类型 */
+export * from './interface';
+/** 导出组件 */
 export { ProFooterBar };
 export default ProFooterBar;

package/es/pro-footer-bar/index.js

@@ -1,11 +1,10 @@
-import r from "./index.vue.js";
-import { Button as t, Space as e } from "@arco-design/web-vue";
-const n = Object.assign(r, {
-  install: (o) => {
-    o.use(t), o.use(e), o.component("KbProFooterBar", r);
+import o from "./index.vue.js";
+const a = Object.assign(o, {
+  install: (r) => {
+    r.component("KbProFooterBar", o);
   }
 });
 export {
-  n as ProFooterBar,
-  n as default
+  a as ProFooterBar,
+  a as default
 };

package/es/pro-footer-bar/index.vue.d.ts

@@ -1,4 +1,4 @@
-import { ProFooterBarProps } from './inerface';
+import { ProFooterBarProps } from './interface.ts';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {

package/es/pro-footer-bar/index.vue.js

@@ -1,7 +1,7 @@
 import o from "./index.vue2.js";
 /* empty css           */
 import r from "../_virtual/_plugin-vue_export-helper.js";
-const f = /* @__PURE__ */ r(o, [["__scopeId", "data-v-f9d45b25"]]);
+const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-664c6218"]]);
 export {
-  f as default
+  m as default
 };

package/es/pro-footer-bar/index.vue2.js

@@ -1,6 +1,7 @@
-import { defineComponent as u, computed as f, resolveComponent as t, createElementBlock as B, openBlock as _, normalizeClass as b, createVNode as a, withCtx as n, withDirectives as h, renderSlot as v, createTextVNode as x, toDisplayString as C, vShow as g } from "vue";
+import { defineComponent as m, computed as f, createElementBlock as k, openBlock as u, normalizeClass as B, createVNode as t, unref as a, withCtx as r, withDirectives as h, renderSlot as b, createTextVNode as x, toDisplayString as _, vShow as v } from "vue";
+import { Space as C, Button as S } from "@arco-design/web-vue";
 import { globalProps as c } from "../global-props.js";
-const w = "keyblade-pro-footer-bar", S = /* @__PURE__ */ u({
+const g = "keyblade-pro-footer-bar", T = /* @__PURE__ */ m({
   __name: "index",
   props: {
     hideBack: { type: Boolean },
@@ -8,37 +9,34 @@ const w = "keyblade-pro-footer-bar", S = /* @__PURE__ */ u({
     onBack: {}
   },
   emits: ["back"],
-  setup(r, { emit: s }) {
-    const l = r, i = s, p = () => {
+  setup(n, { emit: i }) {
+    const l = n, s = i, d = () => {
       var e, o;
-      i("back"), (o = (e = c.footerBar) == null ? void 0 : e.onBack) == null || o.call(e);
-    }, d = f(() => {
+      s("back"), (o = (e = c.footerBar) == null ? void 0 : e.onBack) == null || o.call(e);
+    }, p = f(() => {
       var e;
       return l.hideBack || ((e = c.footerBar) == null ? void 0 : e.hideBack);
     });
-    return (e, o) => {
-      const m = t("a-button"), k = t("a-space");
-      return _(), B("div", {
-        class: b(w)
-      }, [
-        a(k, null, {
-          default: n(() => [
-            h(a(m, { onClick: p }, {
-              default: n(() => [
-                x(C(e.backText), 1)
-              ]),
-              _: 1
-            }, 512), [
-              [g, !d.value]
+    return (e, o) => (u(), k("div", {
+      class: B(g)
+    }, [
+      t(a(C), null, {
+        default: r(() => [
+          h(t(a(S), { onClick: d }, {
+            default: r(() => [
+              x(_(e.backText), 1)
             ]),
-            v(e.$slots, "default", {}, void 0, !0)
+            _: 1
+          }, 512), [
+            [v, !p.value]
           ]),
-          _: 3
-        })
-      ]);
-    };
+          b(e.$slots, "default", {}, void 0, !0)
+        ]),
+        _: 3
+      })
+    ]));
   }
 });
 export {
-  S as default
+  T as default
 };

package/es/pro-footer-bar/{inerface.d.ts → interface.d.ts}

@@ -3,5 +3,6 @@ export interface ProFooterBarProps {
     hideBack?: boolean;
     /** 返回按钮文字 */
     backText?: string;
+    /** 返回方法 */
     onBack?: () => void;
 }

package/es/pro-form-group/index.d.ts

@@ -2,11 +2,11 @@ import { App } from 'vue';
 declare const ProFormGroup: {
     new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
         label: string;
-        heading?: number | string;
+        heading?: 1 | 6 | 2 | 3 | 4 | 5;
         extra?: string;
         hideIcon?: boolean;
     }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
-        heading: number | string;
+        heading: 1 | 6 | 2 | 3 | 4 | 5;
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
         P: {};
         B: {};
@@ -16,22 +16,22 @@ declare const ProFormGroup: {
         Defaults: {};
     }, Readonly<{
         label: string;
-        heading?: number | string;
+        heading?: 1 | 6 | 2 | 3 | 4 | 5;
         extra?: string;
         hideIcon?: boolean;
     }> & Readonly<{}>, {}, {}, {}, {}, {
-        heading: number | string;
+        heading: 1 | 6 | 2 | 3 | 4 | 5;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
 } & import('vue').ComponentOptionsBase<Readonly<{
     label: string;
-    heading?: number | string;
+    heading?: 1 | 6 | 2 | 3 | 4 | 5;
     extra?: string;
     hideIcon?: boolean;
 }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
-    heading: number | string;
+    heading: 1 | 6 | 2 | 3 | 4 | 5;
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
     $slots: {
         default?(_: {}): any;
@@ -39,5 +39,6 @@ declare const ProFormGroup: {
 }) & {
     install: (app: App) => void;
 };
+/** 导出组件 */
 export { ProFormGroup };
 export default ProFormGroup;

package/es/pro-form-group/index.js

@@ -1,12 +1,10 @@
-import r from "./index.vue.js";
-import { Typography as m } from "@arco-design/web-vue";
-import { IconExclamationCircleFill as t } from "@arco-design/web-vue/es/icon";
-const n = Object.assign(r, {
-  install: (o) => {
-    o.use(m), o.use(t), o.component("KbProFormGroup", r);
+import o from "./index.vue.js";
+const m = Object.assign(o, {
+  install: (r) => {
+    r.component("KbProFormGroup", o);
   }
 });
 export {
-  n as ProFormGroup,
-  n as default
+  m as ProFormGroup,
+  m as default
 };

package/es/pro-form-group/index.vue.d.ts

@@ -1,7 +1,7 @@
 type __VLS_Props = {
     label: string;
     /** 标题大小 */
-    heading?: number | string;
+    heading?: 1 | 6 | 2 | 3 | 4 | 5;
     /** 扩展提示 */
     extra?: string;
     /** 隐藏icon */
@@ -17,7 +17,7 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    heading: number | string;
+    heading: 1 | 6 | 2 | 3 | 4 | 5;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/es/pro-form-group/index.vue.js

@@ -1,7 +1,7 @@
 import o from "./index.vue2.js";
 /* empty css           */
 import r from "../_virtual/_plugin-vue_export-helper.js";
-const _ = /* @__PURE__ */ r(o, [["__scopeId", "data-v-9f030479"]]);
+const _ = /* @__PURE__ */ r(o, [["__scopeId", "data-v-ba9d734f"]]);
 export {
   _ as default
 };

package/es/pro-form-group/index.vue2.js

@@ -1,5 +1,7 @@
-import { defineComponent as m, resolveComponent as o, createBlock as _, openBlock as n, normalizeClass as t, withCtx as l, createVNode as r, createElementBlock as h, createCommentVNode as f, renderSlot as u, createTextVNode as i, toDisplayString as c, withDirectives as y, vShow as g } from "vue";
-const a = "keyblade-pro-form-group", v = /* @__PURE__ */ m({
+import { defineComponent as d, createBlock as p, openBlock as t, unref as o, normalizeClass as a, withCtx as l, createVNode as n, createElementBlock as c, createCommentVNode as m, renderSlot as f, createTextVNode as i, toDisplayString as s, withDirectives as u, vShow as h } from "vue";
+import { Typography as g, TypographyTitle as y } from "@arco-design/web-vue";
+import { IconExclamationCircleFill as C } from "@arco-design/web-vue/es/icon";
+const r = "keyblade-pro-form-group", T = /* @__PURE__ */ d({
   __name: "index",
   props: {
     label: {},
@@ -7,37 +9,34 @@ const a = "keyblade-pro-form-group", v = /* @__PURE__ */ m({
     extra: {},
     hideIcon: { type: Boolean }
   },
-  setup(x) {
-    return (e, C) => {
-      const p = o("a-typography-title"), s = o("icon-exclamation-circle-fill"), d = o("a-typography");
-      return n(), _(d, {
-        class: t(a)
-      }, {
-        default: l(() => [
-          r(p, { heading: e.heading }, {
-            default: l(() => [
-              i(c(e.label), 1)
-            ]),
-            _: 1
-          }, 8, ["heading"]),
-          e.extra ? (n(), h("div", {
-            key: 0,
-            class: t(`${a}-extra`)
-          }, [
-            y(r(s, {
-              class: t(`${a}-icon`)
-            }, null, 8, ["class"]), [
-              [g, !e.hideIcon]
-            ]),
-            i(" " + c(e.extra), 1)
-          ], 2)) : f("", !0),
-          u(e.$slots, "default", {}, void 0, !0)
-        ]),
-        _: 3
-      });
-    };
+  setup(k) {
+    return (e, x) => (t(), p(o(g), {
+      class: a(r)
+    }, {
+      default: l(() => [
+        n(o(y), { heading: e.heading }, {
+          default: l(() => [
+            i(s(e.label), 1)
+          ]),
+          _: 1
+        }, 8, ["heading"]),
+        e.extra ? (t(), c("div", {
+          key: 0,
+          class: a(`${r}-extra`)
+        }, [
+          u(n(o(C), {
+            class: a(`${r}-icon`)
+          }, null, 8, ["class"]), [
+            [h, !e.hideIcon]
+          ]),
+          i(" " + s(e.extra), 1)
+        ], 2)) : m("", !0),
+        f(e.$slots, "default", {}, void 0, !0)
+      ]),
+      _: 3
+    }));
   }
 });
 export {
-  v as default
+  T as default
 };

package/es/pro-image-upload/cropper.vue.js

@@ -1,7 +1,7 @@
 import o from "./cropper.vue2.js";
 /* empty css             */
 import r from "../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-1bddf267"]]);
+const f = /* @__PURE__ */ r(o, [["__scopeId", "data-v-bf0218e0"]]);
 export {
-  m as default
+  f as default
 };