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

package/es/components.d.ts

@@ -8,6 +8,8 @@ declare module 'vue' {
         KbProMenu: typeof import('./index')['ProMenu'];
         KbProPageContainer: typeof import('./index')['ProPageContainer'];
         KbProReuseTabs: typeof import('./index')['ProReuseTabs'];
+        KbProFooterBar: typeof import('./index')['ProFooterBar'];
+        KbProTextarea: typeof import('./index')['ProTextarea'];
     }
 }
 export {};

package/es/global-props.d.ts

@@ -0,0 +1,7 @@
+import { ProFooterBarProps } from './pro-footer-bar/inerface';
+import { ProTextareaProps } from './pro-textarea';
+export interface GlobalProps {
+    footerBar?: ProFooterBarProps;
+    textarea?: ProTextareaProps;
+}
+export declare const globalProps: GlobalProps;

package/es/global-props.js

@@ -0,0 +1,4 @@
+const o = {};
+export {
+  o as globalProps
+};

package/es/index.d.ts

@@ -1,11 +1,13 @@
 import { App } from 'vue';
+import { GlobalProps } from './global-props';
 declare const _default: {
-    install(app: App): void;
+    install(app: App, options?: GlobalProps): void;
 };
 export default _default;
 export { default as ProPageHeader } from './pro-page-header';
 export { default as ProKeepAliveRouterView } from './pro-keep-alive-router-view';
 export { default as ProLayout } from './pro-layout';
+export { default as ProFooterBar } from './pro-footer-bar';
 export { default as ProMenu } from './pro-menu';
 export type { IProMenuItem } from './pro-menu';
 export { default as ProPageContainer } from './pro-page-container';
@@ -14,5 +16,7 @@ export type { IProTab } from './pro-reuse-tabs';
 export { default as ProImageUpload } from './pro-image-upload';
 export * from './pro-image-upload';
 export { default as ProDateRangePicker } from './pro-date-range-picker';
+export { default as ProTextarea } from './pro-textarea';
 export { default as ProTable } from './pro-table';
 export type {} from './components';
+export * from './inerface';

package/es/index.js

@@ -1,30 +1,35 @@
 import { ProPageHeader as e } from "./pro-page-header/index.js";
-import { ProKeepAliveRouterView as r } from "./pro-keep-alive-router-view/index.js";
-import { ProLayout as m } from "./pro-layout/index.js";
-import { ProMenu as t } from "./pro-menu/index.js";
-import { ProPageContainer as i } from "./pro-page-container/index.js";
-import { ProReuseTabs as s } from "./pro-reuse-tabs/index.js";
+import { ProKeepAliveRouterView as m } from "./pro-keep-alive-router-view/index.js";
+import { ProLayout as t } from "./pro-layout/index.js";
+import { ProMenu as i } from "./pro-menu/index.js";
+import { ProPageContainer as s } from "./pro-page-container/index.js";
+import { ProReuseTabs as f } from "./pro-reuse-tabs/index.js";
 import { ProImageUpload as u } from "./pro-image-upload/index.js";
-import { ProDateRangePicker as f } from "./pro-date-range-picker/index.js";
-import { ProTable as a } from "./pro-table/index.js";
-import { EImageUploadInnerBeforeUploadStep as T } from "./pro-image-upload/types.js";
-import { defaultImageUploadOptions as v } from "./pro-image-upload/constant.js";
-const R = {
-  install(o) {
-    o.use(e), o.use(r), o.use(m), o.use(t), o.use(i), o.use(s), o.use(u), o.use(f), o.use(a);
+import { ProDateRangePicker as a } from "./pro-date-range-picker/index.js";
+import { ProTable as P } from "./pro-table/index.js";
+import { ProTextarea as l } from "./pro-textarea/index.js";
+import { ProFooterBar as n } from "./pro-footer-bar/index.js";
+import { globalProps as d } from "./global-props.js";
+import { EImageUploadInnerBeforeUploadStep as y } from "./pro-image-upload/types.js";
+import { defaultImageUploadOptions as C } from "./pro-image-upload/constant.js";
+const k = {
+  install(o, r) {
+    Object.assign(d, r || {}), o.use(e), o.use(m), o.use(t), o.use(n), o.use(i), o.use(s), o.use(f), o.use(u), o.use(a), o.use(l), o.use(P);
   }
 };
 export {
-  T as EImageUploadInnerBeforeUploadStep,
-  f as ProDateRangePicker,
+  y as EImageUploadInnerBeforeUploadStep,
+  a as ProDateRangePicker,
+  n as ProFooterBar,
   u as ProImageUpload,
-  r as ProKeepAliveRouterView,
-  m as ProLayout,
-  t as ProMenu,
-  i as ProPageContainer,
+  m as ProKeepAliveRouterView,
+  t as ProLayout,
+  i as ProMenu,
+  s as ProPageContainer,
   e as ProPageHeader,
-  s as ProReuseTabs,
-  a as ProTable,
-  R as default,
-  v as defaultImageUploadOptions
+  f as ProReuseTabs,
+  P as ProTable,
+  l as ProTextarea,
+  k as default,
+  C as defaultImageUploadOptions
 };

package/es/inerface.d.ts

@@ -0,0 +1 @@
+export * from './pro-footer-bar/inerface';

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

@@ -1,7 +1,7 @@
 import o from "./pro-date-range-picker.vue2.js";
 /* empty css                           */
-import e from "../_virtual/_plugin-vue_export-helper.js";
-const _ = /* @__PURE__ */ e(o, [["__scopeId", "data-v-960e2e33"]]);
+import r from "../_virtual/_plugin-vue_export-helper.js";
+const _ = /* @__PURE__ */ r(o, [["__scopeId", "data-v-26a58e45"]]);
 export {
   _ as default
 };

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

@@ -1,7 +1,7 @@
-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 R, ref as p, computed as y, resolveComponent as b, createElementBlock as w, openBlock as I, normalizeClass as N, createVNode as i, mergeProps as s, withCtx as c, createTextVNode as q, toDisplayString as A, nextTick as D } 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 { range as f } from "./pro-date-range-picker.js";
+const H = "keyblade-pro-date-range-picker", $ = /* @__PURE__ */ R({
   __name: "pro-date-range-picker",
   props: {
     modelValue: {},
@@ -17,7 +17,7 @@ const I = "keyblade-pro-date-range-picker", $ = /* @__PURE__ */ R({
   },
   emits: ["update:modelValue"],
   setup(F, { emit: g }) {
-    const e = F, V = g, k = m(), P = m(), i = m(), s = h({
+    const e = F, V = g, h = p(), P = p(), n = p(), u = y({
       get: () => e.modelValue[e.startField],
       set: (t) => {
         V("update:modelValue", {
@@ -25,7 +25,7 @@ const I = "keyblade-pro-date-range-picker", $ = /* @__PURE__ */ R({
           [e.startField]: t
         });
       }
-    }), b = h({
+    }), k = y({
       get: () => e.modelValue[e.endField],
       set: (t) => {
         V("update:modelValue", {
@@ -43,24 +43,24 @@ const I = "keyblade-pro-date-range-picker", $ = /* @__PURE__ */ R({
       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) => {
       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(), B = a.second();
+      n.value = {
+        disabledHours: () => f(0, l),
+        disabledMinutes: (m) => m === l ? f(0, r) : [],
+        disabledSeconds: (m, _) => m === l && _ === r ? f(0, B) : []
       };
     }, T = () => {
       setTimeout(() => {
         const t = e.modelValue[e.endField], a = e.modelValue[e.startField];
-        o(a).isAfter(o(t)) && (s.value = t), t && !a && D(() => {
+        o(a).isAfter(o(t)) && (u.value = t), t && !a && D(() => {
           var l;
           const d = (l = P.value) == null ? void 0 : l.$el.parentElement.querySelector("input");
           d && d.click();
@@ -70,26 +70,26 @@ const I = "keyblade-pro-date-range-picker", $ = /* @__PURE__ */ R({
       setTimeout(() => {
         e.modelValue[e.endField] && !e.modelValue[e.startField] && D(() => {
           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();
         });
       });
     };
     return (t, a) => {
-      const d = y("a-date-picker"), l = y("a-form-item");
-      return N(), w("div", {
-        class: q(I)
+      const d = b("a-date-picker"), l = b("a-form-item");
+      return I(), w("div", {
+        class: N(H)
       }, [
-        n(l, c(t.formItemProps, {
+        i(l, s(t.formItemProps, {
           field: t.startField,
           "hide-label": t.hideLabel
         }), {
-          default: f(() => [
-            n(d, c({
+          default: c(() => [
+            i(d, s({
               ref_key: "startDatePickerRef",
-              ref: k,
-              modelValue: s.value,
-              "onUpdate:modelValue": a[0] || (a[0] = (r) => s.value = r)
+              ref: h,
+              modelValue: u.value,
+              "onUpdate:modelValue": a[0] || (a[0] = (r) => u.value = r)
             }, t.datePickerProps, {
               placeholder: t.startPlaceholder,
               "disabled-date": (r) => v(r),
@@ -98,33 +98,36 @@ const I = "keyblade-pro-date-range-picker", $ = /* @__PURE__ */ R({
           ]),
           _: 1
         }, 16, ["field", "hide-label"]),
-        n(l, { "hide-label": "" }, {
-          default: f(() => [
-            A(H(t.separator), 1)
+        i(l, {
+          "hide-label": "",
+          style: { "max-height": "32px", top: "0px" }
+        }, {
+          default: c(() => [
+            q(A(t.separator), 1)
           ]),
           _: 1
         }),
-        n(l, {
+        i(l, s(t.formItemProps, {
           field: t.endField,
           "hide-label": "",
           style: { "margin-right": "0px" }
-        }, {
-          default: f(() => [
-            n(d, c({
+        }), {
+          default: c(() => [
+            i(d, s({
               ref_key: "endDatePickerRef",
               ref: P,
-              modelValue: b.value,
-              "onUpdate:modelValue": a[1] || (a[1] = (r) => b.value = r)
+              modelValue: k.value,
+              "onUpdate:modelValue": a[1] || (a[1] = (r) => k.value = r)
             }, t.datePickerProps, {
               placeholder: t.endPlaceholder,
               "disabled-date": (r) => S(r),
-              "disabled-time": () => i.value,
+              "disabled-time": () => n.value,
               onSelect: C,
               onChange: E
             }), null, 16, ["modelValue", "placeholder", "disabled-date", "disabled-time"])
           ]),
           _: 1
-        }, 8, ["field"])
+        }, 16, ["field"])
       ]);
     };
   }

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-image-upload/image-upload.vue.d.ts

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

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

@@ -528,8 +528,8 @@ declare const ProImageUpload: {
         cropperImgLoad: (value: File) => any;
     }, import('vue').PublicProps, {
         name: string;
-        accept: string[];
         disabled: boolean;
+        accept: string[];
         multiple: boolean;
         singleLimit: number;
         hideInnerBeforeUploadLoading: boolean;
@@ -1103,8 +1103,8 @@ declare const ProImageUpload: {
         isUploadComplete: import('vue').ComputedRef<boolean>;
     }, {}, {}, {}, {
         name: string;
-        accept: string[];
         disabled: boolean;
+        accept: string[];
         multiple: boolean;
         singleLimit: number;
         hideInnerBeforeUploadLoading: boolean;
@@ -1640,8 +1640,8 @@ declare const ProImageUpload: {
     cropperImgLoad: (value: File) => any;
 }, string, {
     name: string;
-    accept: string[];
     disabled: boolean;
+    accept: string[];
     multiple: boolean;
     singleLimit: number;
     hideInnerBeforeUploadLoading: boolean;