@aplus-frontend/ui 0.0.1-beta.8 → 0.0.1

package/es/src/ap-form/modal-form/index.vue.mjs

@@ -0,0 +1,239 @@
+import { isVNode as E, defineComponent as L, useSlots as A, ref as F, watch as W, cloneVNode as G, computed as H, createVNode as n, mergeProps as p, unref as r, openBlock as g, createElementBlock as J, Fragment as K, withCtx as V, renderSlot as x, createTextVNode as Q, toDisplayString as X, createBlock as N, resolveDynamicComponent as P } from "vue";
+import { Button as y, Flex as S, Space as Y, Modal as Z } from "ant-design-vue";
+import "../ap-form.vue.mjs";
+import "../../hooks/index.mjs";
+import { getSingleVNode as I } from "../../utils/slot.mjs";
+import "../../config-provider/index.mjs";
+import { omit as ee } from "lodash-unified";
+import "../style/modal-form.css";
+import { convertReactiveToRaw as te } from "../../utils/index.mjs";
+import { useControllableValue as le } from "../../hooks/useControllableValue.mjs";
+import { useLocale as ae } from "../../config-provider/hooks/use-locale.mjs";
+import { useNamespace as oe } from "../../config-provider/hooks/use-namespace.mjs";
+import se from "../ap-form.vue2.mjs";
+function C(d) {
+  return typeof d == "function" || Object.prototype.toString.call(d) === "[object Object]" && !E(d);
+}
+const xe = /* @__PURE__ */ L({
+  __name: "index",
+  props: {
+    initialValues: {},
+    layout: {
+      default: "horizontal"
+    },
+    labelCol: {},
+    wrapperCol: {},
+    colon: {
+      type: Boolean,
+      default: !0
+    },
+    labelAlign: {
+      default: "right"
+    },
+    labelWrap: {
+      type: Boolean
+    },
+    prefixCls: {},
+    requiredMark: {},
+    hideRequiredMark: {
+      type: Boolean,
+      default: !1
+    },
+    rules: {},
+    validateMessages: {},
+    validateOnRuleChange: {
+      type: Boolean,
+      default: !0
+    },
+    scrollToFirstError: {},
+    onSubmit: {},
+    name: {},
+    validateTrigger: {
+      default: "change"
+    },
+    size: {},
+    disabled: {
+      type: Boolean
+    },
+    onValuesChange: {},
+    onFieldsChange: {},
+    onFinishFailed: {},
+    onValidate: {},
+    open: {
+      type: Boolean,
+      default: void 0
+    },
+    "onUpdate:open": {},
+    modalProps: {
+      default: () => ({})
+    },
+    title: {},
+    width: {
+      default: 800
+    },
+    onFinish: {},
+    submitter: {
+      type: [Boolean, Object],
+      default: () => ({
+        resetButtonProps: !1
+      })
+    },
+    showCancel: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  emits: ["update:open"],
+  setup(d, {
+    expose: _,
+    emit: R
+  }) {
+    const a = d, b = A(), j = R, o = F(), c = F(), u = F(!1), {
+      value: M,
+      updateValue: f
+    } = le(a, j, {
+      valuePropName: "open",
+      defaultValue: !1
+    }), {
+      t: v
+    } = ae(), {
+      b: O,
+      e: B
+    } = oe("ap-form-modal-form");
+    W(() => o.value, (t) => {
+      var e;
+      t && c.value && ((e = t.setFieldsValue) == null || e.call(t, c.value), c.value = void 0);
+    });
+    const k = I(b.trigger), U = k ? G(k, {
+      onClick: () => {
+        f(!0);
+      }
+    }) : null, $ = H(() => {
+      var i, m, h, T;
+      let t;
+      const e = [];
+      if (a.submitter === !1)
+        return null;
+      if (a.showCancel) {
+        let s;
+        e.push(n(y, {
+          onClick: w,
+          disabled: u.value
+        }, C(s = v("ap.common.cancelText")) ? s : {
+          default: () => [s]
+        }));
+      }
+      return ((i = a.submitter) == null ? void 0 : i.resetButtonProps) !== !1 && e.push(n(y, p(((m = a.submitter) == null ? void 0 : m.resetButtonProps) || {}, {
+        key: "submit",
+        disabled: u.value,
+        onClick: q
+      }), {
+        default: () => {
+          var s;
+          return [((s = a.submitter) == null ? void 0 : s.resetText) || v("ap.common.resetText")];
+        }
+      })), ((h = a.submitter) == null ? void 0 : h.submitButtonProps) !== !1 && e.push(n(y, p({
+        type: "primary",
+        key: "submit"
+      }, ((T = a.submitter) == null ? void 0 : T.submitButtonProps) || {}, {
+        loading: u.value,
+        onClick: z
+      }), {
+        default: () => {
+          var s;
+          return [((s = a.submitter) == null ? void 0 : s.submitText) || v("ap.common.okText")];
+        }
+      })), b.submitter ? n(S, {
+        justify: "flex-end",
+        class: B("footer")
+      }, C(t = b.submitter(e)) ? t : {
+        default: () => [t]
+      }) : n(S, {
+        justify: "flex-end",
+        class: B("footer")
+      }, {
+        default: () => [n(Y, null, C(e) ? e : {
+          default: () => [e]
+        })]
+      });
+    });
+    function q() {
+      var t, e, l;
+      a.submitter !== !1 && ((t = o.value) == null || t.resetFields(), (l = (e = a.submitter) == null ? void 0 : e.onReset) == null || l.call(e));
+    }
+    async function z() {
+      var t, e, l, i;
+      if (a.submitter !== !1)
+        try {
+          const m = await ((t = o.value) == null ? void 0 : t.validateFields());
+          (l = (e = a.submitter) == null ? void 0 : e.onSubmit) == null || l.call(e), u.value = !0, await ((i = a.onFinish) == null ? void 0 : i.call(a, te(m))) && f(!1);
+        } finally {
+          u.value = !1;
+        }
+    }
+    function w() {
+      r(u) || f(!1);
+    }
+    function D(t) {
+      !t && r(u) || f(t);
+    }
+    return _({
+      resetFields: (t) => {
+        var e;
+        (e = o.value) == null || e.resetFields(t);
+      },
+      clearValidate: (t) => {
+        var e;
+        (e = o.value) == null || e.clearValidate(t);
+      },
+      validateFields: (t, e) => {
+        var l;
+        return (l = o.value) == null ? void 0 : l.validateFields(t, e);
+      },
+      getFieldsValue: (t) => {
+        var e;
+        return (e = o.value) == null ? void 0 : e.getFieldsValue(t);
+      },
+      validate: (t, e) => {
+        var l;
+        return (l = o.value) == null ? void 0 : l.validate(t, e);
+      },
+      scrollToField: (t, e = {}) => {
+        var l;
+        (l = o.value) == null || l.scrollToField(t, e);
+      },
+      setFieldValue: (t, e) => {
+        var l, i;
+        (i = (l = o.value) == null ? void 0 : l.setFieldValue) == null || i.call(l, t, e);
+      },
+      setFieldsValue: (t) => {
+        var e, l;
+        if (!o.value) {
+          c.value = t;
+          return;
+        }
+        (l = (e = o.value) == null ? void 0 : e.setFieldsValue) == null || l.call(e, t);
+      }
+    }), (t, e) => (g(), J(K, null, [n(r(Z), p(t.modalProps, {
+      open: r(M),
+      "onUpdate:open": D,
+      onCancel: w,
+      footer: null,
+      width: t.width,
+      class: r(O)()
+    }), {
+      title: V(() => [x(t.$slots, "title", {}, () => [Q(X(a.title), 1)])]),
+      default: V(() => [n(se, p({
+        ref_key: "formRef",
+        ref: o
+      }, r(ee)(a, ["modalProps", "open", "onUpdate:open", "title", "width", "onFinish", "submitter"])), {
+        default: V(() => [x(t.$slots, "default")]),
+        _: 3
+      }, 16), (g(), N(P($.value)))]),
+      _: 3
+    }, 16, ["open", "width", "class"]), (g(), N(P(r(U))))], 64));
+  }
+});
+export {
+  xe as default
+};

package/es/src/ap-form/modal-form/index.vue2.mjs

@@ -0,0 +1,4 @@
+import f from "./index.vue.mjs";
+export {
+  f as default
+};

package/es/src/ap-form/search-form/index.vue.d.ts

@@ -0,0 +1,79 @@
+import { ApFormExpose, ApFormSearchFormProps } from '../interface';
+import { DefineComponent, ComputedRef, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
+import { FormLabelAlign } from 'ant-design-vue/es/form/interface';
+
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ApFormSearchFormProps>, {
+    layout: string;
+    hideRequiredMark: boolean;
+    colon: boolean;
+    labelAlign: string;
+    validateOnRuleChange: boolean;
+    validateTrigger: string;
+    defaultCollapse: boolean;
+    extraInAction: boolean;
+    forceExpand: boolean;
+    countPerRow: number;
+    collapse: undefined;
+    customReset: boolean;
+}>, {
+    apForm: ComputedRef<ApFormExpose<any> | undefined>;
+}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    "update:collapse": (...args: any[]) => void;
+}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ApFormSearchFormProps>, {
+    layout: string;
+    hideRequiredMark: boolean;
+    colon: boolean;
+    labelAlign: string;
+    validateOnRuleChange: boolean;
+    validateTrigger: string;
+    defaultCollapse: boolean;
+    extraInAction: boolean;
+    forceExpand: boolean;
+    countPerRow: number;
+    collapse: undefined;
+    customReset: boolean;
+}>>> & {
+    "onUpdate:collapse"?: ((...args: any[]) => any) | undefined;
+}, {
+    collapse: boolean;
+    layout: string;
+    validateTrigger: string | string[];
+    colon: boolean;
+    labelAlign: FormLabelAlign;
+    hideRequiredMark: boolean;
+    validateOnRuleChange: boolean;
+    countPerRow: number;
+    defaultCollapse: boolean;
+    customReset: boolean;
+    extraInAction: boolean;
+    forceExpand: boolean;
+}, {}>, Readonly<{
+    default(): any[];
+    extra(): any;
+}> & {
+    default(): any[];
+    extra(): 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: PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: 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];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/es/src/ap-form/search-form/index.vue.mjs

@@ -0,0 +1,209 @@
+import { isVNode as J, defineComponent as K, useSlots as Q, ref as X, unref as o, shallowRef as v, computed as C, watch as P, cloneVNode as Y, createVNode as a, Fragment as Z, openBlock as k, createBlock as A, mergeProps as ee, withCtx as E, resolveDynamicComponent as te } from "vue";
+import { Flex as N, Space as oe, Button as y } from "ant-design-vue";
+import "../ap-form.vue.mjs";
+import "../ap-form-item-group/index.vue2.mjs";
+import "../ap-form-item.vue2.mjs";
+import "../../hooks/index.mjs";
+import { genRealChildren as T } from "../ap-form-item-group/helper.mjs";
+import { DoubleRightOutlined as ae } from "@ant-design/icons-vue";
+import "../../config-provider/index.mjs";
+import "../style/search-form.css";
+import { omit as le } from "lodash-unified";
+import { useControllableValue as ne } from "../../hooks/useControllableValue.mjs";
+import { useNamespace as re } from "../../config-provider/hooks/use-namespace.mjs";
+import { useLocale as se } from "../../config-provider/hooks/use-locale.mjs";
+import V from "../ap-form-item.vue.mjs";
+import pe from "../ap-form.vue2.mjs";
+import ce from "../ap-form-item-group/index.vue.mjs";
+function ie(c) {
+  return typeof c == "function" || Object.prototype.toString.call(c) === "[object Object]" && !J(c);
+}
+const p = 24, Pe = /* @__PURE__ */ K({
+  name: "ApFormSearchForm",
+  __name: "index",
+  props: {
+    initialValues: {},
+    layout: {
+      default: "horizontal"
+    },
+    labelCol: {},
+    wrapperCol: {},
+    colon: {
+      type: Boolean,
+      default: !0
+    },
+    labelAlign: {
+      default: "right"
+    },
+    labelWrap: {
+      type: Boolean
+    },
+    prefixCls: {},
+    requiredMark: {},
+    hideRequiredMark: {
+      type: Boolean,
+      default: !1
+    },
+    rules: {},
+    validateMessages: {},
+    validateOnRuleChange: {
+      type: Boolean,
+      default: !0
+    },
+    scrollToFirstError: {},
+    onSubmit: {},
+    name: {},
+    validateTrigger: {
+      default: "change"
+    },
+    size: {},
+    disabled: {
+      type: Boolean
+    },
+    onValuesChange: {},
+    onFieldsChange: {},
+    onFinish: {},
+    onFinishFailed: {},
+    onValidate: {},
+    collapse: {
+      type: Boolean,
+      default: void 0
+    },
+    defaultCollapse: {
+      type: Boolean,
+      default: !1
+    },
+    "onUpdate:collapse": {},
+    searchText: {},
+    resetText: {},
+    onReset: {},
+    customReset: {
+      type: Boolean,
+      default: !1
+    },
+    extraInAction: {
+      type: Boolean,
+      default: !1
+    },
+    forceExpand: {
+      type: Boolean,
+      default: !1
+    },
+    countPerRow: {
+      default: 4
+    },
+    submitLoading: {
+      type: Boolean
+    }
+  },
+  emits: ["update:collapse"],
+  setup(c, {
+    expose: I,
+    emit: j
+  }) {
+    var S;
+    const l = Q(), t = c, M = j, {
+      value: f,
+      updateValue: O
+    } = ne(t, M, {
+      valuePropName: "collapse",
+      defaultValuePropName: "defaultCollapse"
+    }), {
+      b: $
+    } = re("ap-form-search-form"), {
+      t: g
+    } = se(), m = X();
+    function D() {
+      O(!o(f));
+    }
+    function L() {
+      var e;
+      (e = m.value) == null || e.validateFields().then(t.onSubmit);
+    }
+    function q() {
+      var e, u, d;
+      t.customReset || (u = (e = m.value) == null ? void 0 : e.resetFields) == null || u.call(e), (d = t.onReset) == null || d.call(t);
+    }
+    const R = v(T(l.default())), i = v((S = l.extra) == null ? void 0 : S.call(l)), F = C(() => Math.floor(p / t.countPerRow));
+    P(() => l.default(), (e) => {
+      R.value = T(e);
+    }), P(() => {
+      var e;
+      return (e = l.extra) == null ? void 0 : e.call(l);
+    }, (e) => {
+      i.value = e;
+    });
+    const z = C(() => {
+      let e;
+      const u = [...o(R)], d = [], b = [], n = o(F);
+      let h = 0;
+      u.forEach((r) => {
+        const s = r.props;
+        s != null && s.hidden ? d.push(r) : (h += s.span || n, b.push(r));
+      });
+      const B = p - (h + n) % p, U = B < n ? p : B, x = p - n * (o(i) && !t.extraInAction ? 2 : 1), W = !t.forceExpand && h > x;
+      let _ = 0;
+      const G = b.map((r, s) => {
+        const w = r.props;
+        return _ += w.span || n, Y(r, {
+          span: w.span || n,
+          key: `ApFormSearchFormItem-${s}`,
+          hidden: !t.forceExpand && o(f) && _ > x
+        });
+      }), H = p - Math.min(x, _) - n;
+      return a(Z, null, [G, d, a(V, {
+        span: o(F)
+      }, {
+        default: () => [a(N, {
+          justify: "space-between"
+        }, {
+          default: () => [a(oe, null, {
+            default: () => [a(y, {
+              type: "primary",
+              onClick: L,
+              loading: t.submitLoading
+            }, {
+              default: () => [t.searchText || g("ap.apForm.search.search")]
+            }), a(y, {
+              onClick: q
+            }, {
+              default: () => [t.resetText || g("ap.apForm.search.reset")]
+            }), W ? a(y, {
+              onClick: D,
+              icon: a(ae, {
+                style: "color:#B8C3D1",
+                rotate: o(f) ? 90 : -90
+              }, null)
+            }, null) : null]
+          }), t.extraInAction ? o(i) : null]
+        })]
+      }), !t.extraInAction && o(i) ? a(V, {
+        span: o(f) ? H : U
+      }, {
+        default: () => [a(N, {
+          justify: "end"
+        }, ie(e = o(i)) ? e : {
+          default: () => [e]
+        })]
+      }) : null]);
+    });
+    return I({
+      apForm: C(() => o(m))
+    }), (e, u) => (k(), A(pe, ee({
+      class: o($)(),
+      ref_key: "apForm",
+      ref: m
+    }, o(le)(t, ["collapse", "defaultCollapse", "onUpdate:collapse", "searchText", "resetText", "onSubmit", "onReset", "extraInAction", "forceExpand", "countPerRow"])), {
+      default: E(() => [a(ce, {
+        "count-per-row": t.countPerRow
+      }, {
+        default: E(() => [(k(), A(te(z.value)))]),
+        _: 1
+      }, 8, ["count-per-row"])]),
+      _: 1
+    }, 16, ["class"]));
+  }
+});
+export {
+  Pe as default
+};

package/es/src/ap-form/search-form/index.vue2.mjs

@@ -0,0 +1,4 @@
+import f from "./index.vue.mjs";
+export {
+  f as default
+};

package/es/src/ap-form/style/ap-form-item.css

@@ -0,0 +1,50 @@
+.aplus-ap-form-item--bordered {
+  box-sizing: border-box;
+  border: 1px solid #dee4ed;
+  border-radius: 4px;
+  padding-inline: 12px;
+}
+.aplus-ap-form-item--bordered .ant-input-affix-wrapper {
+  padding: 0;
+}
+.aplus-ap-form-item--bordered .ant-input {
+  padding: 0;
+}
+.aplus-ap-form-item--bordered .ant-input-number-input {
+  padding: 0;
+}
+.aplus-ap-form-item--bordered .ant-picker {
+  padding: 0;
+}
+.aplus-ap-form-item--bordered .ant-select-selector {
+  border-width: 0 !important;
+  height: 30px !important;
+}
+.aplus-ap-form-item--bordered .ant-select-arrow,
+.aplus-ap-form-item--bordered .ant-picker-clear {
+  inset-inline-end: 0;
+}
+.aplus-ap-form-item--bordered .ant-select-clear {
+  margin-right: -11px;
+}
+.aplus-ap-form-item--bordered .ant-form-item-label > label {
+  padding-right: 16px;
+  height: 30px;
+}
+.aplus-ap-form-item--bordered .ant-form-item-label > label::after {
+  margin: 0;
+}
+.aplus-ap-form-item--bordered .ant-form-item-control-input {
+  min-height: 30px;
+}
+.aplus-ap-form-item--bordered:hover {
+  border-color: #66a9ff;
+}
+.aplus-ap-form-item--bordered:focus {
+  border-color: #66a9ff;
+  box-shadow: 0 0 0 2px rgba(5, 155, 255, 0.1);
+}
+.aplus-ap-form-item--focused {
+  border-color: #66a9ff;
+  box-shadow: 0 0 0 2px rgba(5, 155, 255, 0.1);
+}

package/es/src/ap-form/style/modal-form.css

@@ -0,0 +1,17 @@
+.aplus-ap-form-modal-form .ant-modal-content {
+  padding: 0;
+}
+.aplus-ap-form-modal-form .ant-modal-header {
+  padding: 15px 20px;
+  border-bottom: 1px solid #E9EDF3;
+  margin-bottom: 0;
+}
+.aplus-ap-form-modal-form .ant-modal-body {
+  padding: 20px;
+}
+.aplus-ap-form-modal-form__footer {
+  padding-top: 20px;
+}
+.aplus-ap-form-modal-form .ant-modal-close {
+  top: 16px;
+}

package/es/src/ap-form/style/search-form.css

@@ -0,0 +1,3 @@
+.aplus-ap-form-search-form .ant-form-item {
+  margin-bottom: 16px;
+}

package/es/src/ap-layout/ap-info-layout/ap-info-layout.vue.d.ts

@@ -0,0 +1,42 @@
+import { APInfoLayoutProps } from '../interface';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
+
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<APInfoLayoutProps>, {
+    toEl: string;
+    telDisabled: boolean;
+}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<APInfoLayoutProps>, {
+    toEl: string;
+    telDisabled: boolean;
+}>>>, {
+    toEl: string | HTMLElement;
+    telDisabled: boolean;
+}, {}>, {
+    header?(_: {}): any;
+    title?(_: {}): any;
+    actions?(_: {}): any;
+    divider?(_: {}): any;
+    content?(_: {}): 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: PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: 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];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};