@keyblade/pro-components 1.13.8-alpha.2 → 1.13.8-alpha.20

package/es/pro-date-range-picker/pro-date-range-picker.vue2.js

@@ -1,7 +1,9 @@
-import { defineComponent as R, ref as m, computed as h, resolveComponent as y, createElementBlock as w, openBlock as N, normalizeClass as q, createVNode as n, mergeProps as c, withCtx as f, createTextVNode as A, toDisplayString as H, nextTick as D } from "vue";
+import { defineComponent as x, ref as s, computed as P, resolveComponent as D, createElementBlock as A, openBlock as H, normalizeClass as L, createVNode as i, mergeProps as u, withCtx as k, createTextVNode as M, toDisplayString as U, nextTick as F } from "vue";
 import o from "dayjs";
-import { range as p } from "./pro-date-range-picker.js";
-const I = "keyblade-pro-date-range-picker", $ = /* @__PURE__ */ R({
+import { conclude as S } from "vue-global-config";
+import { globalProps as C } from "../global-props.js";
+import { range as V } from "./pro-date-range-picker.js";
+const $ = "keyblade-pro-date-range-picker", O = /* @__PURE__ */ x({
   __name: "pro-date-range-picker",
   props: {
     modelValue: {},
@@ -13,122 +15,134 @@ const I = "keyblade-pro-date-range-picker", $ = /* @__PURE__ */ R({
     intraday: { type: Boolean },
     hideLabel: { type: Boolean, default: !0 },
     formItemProps: {},
-    datePickerProps: {}
+    datePickerProps: {},
+    timePickerProps: {}
   },
   emits: ["update:modelValue"],
-  setup(F, { emit: g }) {
-    const e = F, V = g, k = m(), P = m(), i = m(), s = h({
+  setup(T, { emit: _ }) {
+    const e = T, v = _, m = s(), c = s(), h = s(), b = s(), n = s(), p = P({
       get: () => e.modelValue[e.startField],
       set: (t) => {
-        V("update:modelValue", {
+        t ? m.value = "success" : m.value = void 0, v("update:modelValue", {
           ...e.modelValue,
           [e.startField]: t
         });
       }
-    }), b = h({
+    }), y = P({
       get: () => e.modelValue[e.endField],
       set: (t) => {
-        V("update:modelValue", {
+        t ? c.value = "success" : c.value = void 0, v("update:modelValue", {
           ...e.modelValue,
           [e.endField]: t
         });
       }
-    }), v = (t) => {
+    }), E = (t) => {
       var l;
       if (!e.modelValue[e.endField]) return !1;
       let a = o(e.modelValue[e.endField]);
       return e.intraday && !((l = e.datePickerProps) != null && l.showTime) && (a = a.add(1, "day")), o(t).isAfter(a);
-    }, S = (t) => {
+    }, R = (t) => {
       var d;
       return e.modelValue[e.startField] ? (e.intraday && ((d = e.datePickerProps) != null && d.showTime) && t.setDate(t.getDate() + 1), o(t).isBefore(o(e.modelValue[e.startField]))) : !1;
-    }, C = (t) => {
+    }, B = (t) => {
       if (!e.modelValue[e.startField] || !t || !e.intraday) {
-        i.value = {};
+        n.value = {};
         return;
       }
       const a = o(e.modelValue[e.startField]), d = o(t);
       if (!a.isSame(d, "day")) {
-        i.value = {};
+        n.value = {};
         return;
       }
-      const l = a.hour(), r = a.minute(), _ = a.second();
-      i.value = {
-        disabledHours: () => p(0, l),
-        disabledMinutes: (u) => u === l ? p(0, r) : [],
-        disabledSeconds: (u, B) => u === l && B === r ? p(0, _) : []
+      const l = a.hour(), r = a.minute(), N = a.second();
+      n.value = {
+        disabledHours: () => V(0, l),
+        disabledMinutes: (f) => f === l ? V(0, r) : [],
+        disabledSeconds: (f, q) => f === l && q === r ? V(0, N) : []
       };
-    }, T = () => {
+    }, w = () => {
       setTimeout(() => {
         const t = e.modelValue[e.endField], a = e.modelValue[e.startField];
-        o(a).isAfter(o(t)) && (s.value = t), t && !a && D(() => {
+        a && o(a).isAfter(o(t)) && (p.value = t), !t && a && F(() => {
           var l;
-          const d = (l = P.value) == null ? void 0 : l.$el.parentElement.querySelector("input");
+          const d = (l = b.value) == null ? void 0 : l.$el.parentElement.querySelector("input");
           d && d.click();
         });
       });
-    }, E = () => {
+    }, I = () => {
       setTimeout(() => {
-        e.modelValue[e.endField] && !e.modelValue[e.startField] && D(() => {
+        e.modelValue[e.endField] && !e.modelValue[e.startField] && F(() => {
           var a;
-          const t = (a = k.value) == null ? void 0 : a.$el.parentElement.querySelector("input");
+          const t = (a = h.value) == null ? void 0 : a.$el.parentElement.querySelector("input");
           t && t.click();
         });
       });
-    };
+    }, g = P(() => {
+      var t, a;
+      return {
+        ...S([e.datePickerProps, (t = C.dateRangePicker) == null ? void 0 : t.datePickerProps, {}]),
+        timePickerProps: S([e.timePickerProps, (a = C.dateRangePicker) == null ? void 0 : a.timePickerProps], {})
+      };
+    });
     return (t, a) => {
-      const d = y("a-date-picker"), l = y("a-form-item");
-      return N(), w("div", {
-        class: q(I)
+      const d = D("a-date-picker"), l = D("a-form-item");
+      return H(), A("div", {
+        class: L($)
       }, [
-        n(l, c(t.formItemProps, {
+        i(l, u(t.formItemProps, {
+          "validate-status": m.value,
           field: t.startField,
           "hide-label": t.hideLabel
         }), {
-          default: f(() => [
-            n(d, c({
+          default: k(() => [
+            i(d, u({
               ref_key: "startDatePickerRef",
-              ref: k,
-              modelValue: s.value,
-              "onUpdate:modelValue": a[0] || (a[0] = (r) => s.value = r)
-            }, t.datePickerProps, {
+              ref: h,
+              modelValue: p.value,
+              "onUpdate:modelValue": a[0] || (a[0] = (r) => p.value = r)
+            }, g.value, {
               placeholder: t.startPlaceholder,
-              "disabled-date": (r) => v(r),
-              onChange: T
+              "disabled-date": (r) => E(r),
+              onChange: w
             }), null, 16, ["modelValue", "placeholder", "disabled-date"])
           ]),
           _: 1
-        }, 16, ["field", "hide-label"]),
-        n(l, { "hide-label": "" }, {
-          default: f(() => [
-            A(H(t.separator), 1)
+        }, 16, ["validate-status", "field", "hide-label"]),
+        i(l, {
+          "hide-label": "",
+          style: { "max-height": "32px", top: "0px" }
+        }, {
+          default: k(() => [
+            M(U(t.separator), 1)
           ]),
           _: 1
         }),
-        n(l, {
+        i(l, u(t.formItemProps, {
+          "validate-status": c.value,
           field: t.endField,
           "hide-label": "",
           style: { "margin-right": "0px" }
-        }, {
-          default: f(() => [
-            n(d, c({
+        }), {
+          default: k(() => [
+            i(d, u({
               ref_key: "endDatePickerRef",
-              ref: P,
-              modelValue: b.value,
-              "onUpdate:modelValue": a[1] || (a[1] = (r) => b.value = r)
-            }, t.datePickerProps, {
+              ref: b,
+              modelValue: y.value,
+              "onUpdate:modelValue": a[1] || (a[1] = (r) => y.value = r)
+            }, g.value, {
               placeholder: t.endPlaceholder,
-              "disabled-date": (r) => S(r),
-              "disabled-time": () => i.value,
-              onSelect: C,
-              onChange: E
+              "disabled-date": (r) => R(r),
+              "disabled-time": () => n.value,
+              onSelect: B,
+              onChange: I
             }), null, 16, ["modelValue", "placeholder", "disabled-date", "disabled-time"])
           ]),
           _: 1
-        }, 8, ["field"])
+        }, 16, ["validate-status", "field"])
       ]);
     };
   }
 });
 export {
-  $ as default
+  O as default
 };

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

@@ -0,0 +1,38 @@
+import { App } from 'vue';
+declare const ProFooterBar: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./inerface').ProFooterBarProps> & Readonly<{
+        onBack?: (() => any) | undefined;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+        back: () => any;
+    }, import('vue').PublicProps, {
+        backText: string;
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('./inerface').ProFooterBarProps> & Readonly<{
+        onBack?: (() => any) | undefined;
+    }>, {}, {}, {}, {}, {
+        backText: string;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('./inerface').ProFooterBarProps> & Readonly<{
+    onBack?: (() => any) | undefined;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    back: () => any;
+}, string, {
+    backText: string;
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+    $slots: {
+        default?(_: {}): any;
+    };
+}) & {
+    install: (app: App) => void;
+};
+export { ProFooterBar };
+export default ProFooterBar;

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

@@ -0,0 +1,11 @@
+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);
+  }
+});
+export {
+  n as ProFooterBar,
+  n as default
+};

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

@@ -0,0 +1,24 @@
+import { ProFooterBarProps } from './inerface';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<ProFooterBarProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    back: () => any;
+}, string, import('vue').PublicProps, Readonly<ProFooterBarProps> & Readonly<{
+    onBack?: (() => any) | undefined;
+}>, {
+    backText: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +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"]]);
+export {
+  f as default
+};

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

@@ -0,0 +1,44 @@
+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 { globalProps as c } from "../global-props.js";
+const w = "keyblade-pro-footer-bar", S = /* @__PURE__ */ u({
+  __name: "index",
+  props: {
+    hideBack: { type: Boolean },
+    backText: { default: "返回" },
+    onBack: {}
+  },
+  emits: ["back"],
+  setup(r, { emit: s }) {
+    const l = r, i = s, p = () => {
+      var e, o;
+      i("back"), (o = (e = c.footerBar) == null ? void 0 : e.onBack) == null || o.call(e);
+    }, d = 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]
+            ]),
+            v(e.$slots, "default", {}, void 0, !0)
+          ]),
+          _: 3
+        })
+      ]);
+    };
+  }
+});
+export {
+  S as default
+};

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

@@ -0,0 +1,7 @@
+export interface ProFooterBarProps {
+    /** 是否隐藏返回按钮 */
+    hideBack?: boolean;
+    /** 返回按钮文字 */
+    backText?: string;
+    onBack?: () => void;
+}

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

@@ -0,0 +1,43 @@
+import { App } from 'vue';
+declare const ProFormGroup: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+        label: string;
+        heading?: number | string;
+        extra?: string;
+        hideIcon?: boolean;
+    }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+        heading: number | string;
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<{
+        label: string;
+        heading?: number | string;
+        extra?: string;
+        hideIcon?: boolean;
+    }> & Readonly<{}>, {}, {}, {}, {}, {
+        heading: number | string;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<{
+    label: string;
+    heading?: number | string;
+    extra?: string;
+    hideIcon?: boolean;
+}> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+    heading: number | string;
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+    $slots: {
+        default?(_: {}): any;
+    };
+}) & {
+    install: (app: App) => void;
+};
+export { ProFormGroup };
+export default ProFormGroup;

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

@@ -0,0 +1,12 @@
+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);
+  }
+});
+export {
+  n as ProFormGroup,
+  n as default
+};

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

@@ -0,0 +1,28 @@
+type __VLS_Props = {
+    label: string;
+    /** 标题大小 */
+    heading?: number | string;
+    /** 扩展提示 */
+    extra?: string;
+    /** 隐藏icon */
+    hideIcon?: boolean;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+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;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +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"]]);
+export {
+  _ as default
+};

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

@@ -0,0 +1,43 @@
+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({
+  __name: "index",
+  props: {
+    label: {},
+    heading: { default: 6 },
+    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
+      });
+    };
+  }
+});
+export {
+  v as default
+};

package/es/pro-image-upload/image-upload.vue.d.ts

@@ -609,9 +609,9 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
     onCropperImgLoad?: ((value: File) => any) | undefined;
 }>, {
     name: string;
-    accept: string[];
     disabled: boolean;
     multiple: boolean;
+    accept: string[];
     singleLimit: number;
     hideInnerBeforeUploadLoading: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {

package/es/pro-image-upload/index.d.ts

@@ -528,9 +528,9 @@ declare const ProImageUpload: {
         cropperImgLoad: (value: File) => any;
     }, import('vue').PublicProps, {
         name: string;
-        accept: string[];
         disabled: boolean;
         multiple: boolean;
+        accept: string[];
         singleLimit: number;
         hideInnerBeforeUploadLoading: boolean;
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
@@ -1103,9 +1103,9 @@ declare const ProImageUpload: {
         isUploadComplete: import('vue').ComputedRef<boolean>;
     }, {}, {}, {}, {
         name: string;
-        accept: string[];
         disabled: boolean;
         multiple: boolean;
+        accept: string[];
         singleLimit: number;
         hideInnerBeforeUploadLoading: boolean;
     }>;
@@ -1640,9 +1640,9 @@ declare const ProImageUpload: {
     cropperImgLoad: (value: File) => any;
 }, string, {
     name: string;
-    accept: string[];
     disabled: boolean;
     multiple: boolean;
+    accept: string[];
     singleLimit: number;
     hideInnerBeforeUploadLoading: boolean;
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {

package/es/pro-layout/hooks.d.ts

@@ -2,7 +2,7 @@ import { IProMenuItem } from '../pro-menu';
 import { IProTab } from '../pro-reuse-tabs';
 import { ProLayoutMenuType } from './enum.ts';
 import { IProLayoutProps } from './type.ts';
-export declare function useHooks(props: IProLayoutProps): {
+export declare const useHooks: (props: IProLayoutProps) => {
     topMenuItems: import('vue').Ref<{
         name: string;
         path: string;