@aplus-frontend/ui 0.0.1-beta.2 → 0.0.1-beta.21

package/es/src/ap-field/switch/index.vue.mjs

@@ -0,0 +1,122 @@
+import { defineComponent as U, useSlots as z, ref as D, unref as o, computed as T, createVNode as u, Fragment as s, openBlock as h, createBlock as k, resolveDynamicComponent as $, createElementBlock as E, mergeProps as p, createSlots as g, renderList as V, withCtx as C, renderSlot as v, normalizeProps as B, guardReactiveProps as w } from "vue";
+import { Switch as A, Popconfirm as K } from "ant-design-vue";
+import "../../hooks/index.mjs";
+import { isNil as L, omit as P } from "lodash-unified";
+import { isDef as f } from "@fruits-chain/utils";
+import { useControllableValue as M } from "../../hooks/useControllableValue.mjs";
+const J = /* @__PURE__ */ U({
+  name: "ApFieldSwitch",
+  __name: "index",
+  props: {
+    mode: {},
+    id: {},
+    prefixCls: {},
+    size: {
+      default: "default"
+    },
+    disabled: {
+      type: Boolean
+    },
+    checkedChildren: {},
+    unCheckedChildren: {},
+    tabindex: {},
+    autofocus: {
+      type: Boolean
+    },
+    loading: {
+      type: Boolean,
+      default: void 0
+    },
+    checked: {},
+    checkedValue: {
+      default: !0
+    },
+    unCheckedValue: {
+      default: !1
+    },
+    onChange: {},
+    onKeydown: {},
+    onMouseup: {},
+    "onUpdate:checked": {},
+    onBlur: {},
+    onFocus: {},
+    emptyText: {
+      default: "-"
+    },
+    onAction: {},
+    confirm: {}
+  },
+  emits: ["update:checked"],
+  setup(S, {
+    emit: b
+  }) {
+    const c = z(), n = S, N = b, {
+      value: l,
+      updateValue: a
+    } = M(n, N, {
+      valuePropName: "checked"
+    }), i = D(!1);
+    async function y(e, r) {
+      if (!f(n.confirm)) {
+        if (!f(n.onAction)) {
+          a(e);
+          return;
+        }
+        i.value = !0;
+        try {
+          await n.onAction(e, r) && a(e);
+        } finally {
+          i.value = !1;
+        }
+      }
+    }
+    async function _() {
+      const e = o(l) === n.checkedValue ? n.unCheckedValue : n.checkedValue;
+      if (!f(n.onAction)) {
+        a(e);
+        return;
+      }
+      await n.onAction(e) && a(e);
+    }
+    const F = T(() => {
+      var t, d;
+      const e = o(l);
+      return L(e) ? u(s, null, [n.emptyText]) : e === n.checkedValue ? u(s, null, [n.checkedChildren || ((t = c.checkedChildren) == null ? void 0 : t.call(c)) || n.checkedValue]) : u(s, null, [n.unCheckedChildren || ((d = c.unCheckedChildren) == null ? void 0 : d.call(c)) || n.unCheckedValue]);
+    });
+    return (e, r) => e.mode === "read" ? (h(), k($(F.value), {
+      key: 0
+    })) : (h(), E(s, {
+      key: 1
+    }, [!o(f)(e.confirm) || e.disabled ? (h(), k(o(A), p({
+      key: 0
+    }, o(P)(n, "onUpdate:checked"), {
+      checked: o(l),
+      onClick: y,
+      loading: e.loading ?? i.value
+    }), g({
+      _: 2
+    }, [V(c, (t, d) => ({
+      name: d,
+      fn: C((m) => [v(e.$slots, d, B(w(m || {})))])
+    }))]), 1040, ["checked", "loading"])) : (h(), k(o(K), p({
+      key: 1
+    }, e.confirm || {}, {
+      onConfirm: _
+    }), {
+      default: C(() => [u(o(A), p(o(P)(n, "onUpdate:checked"), {
+        checked: o(l),
+        onClick: y,
+        loading: e.loading ?? i.value
+      }), g({
+        _: 2
+      }, [V(c, (t, d) => ({
+        name: d,
+        fn: C((m) => [v(e.$slots, d, B(w(m || {})))])
+      }))]), 1040, ["checked", "loading"])]),
+      _: 3
+    }, 16))], 64));
+  }
+});
+export {
+  J as default
+};

package/es/src/ap-field/switch/index.vue2.mjs

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

package/es/src/ap-field/text/index.vue.d.ts

@@ -0,0 +1,66 @@
+import { ApFieldTextProps, FieldMode } from '../interface';
+import { InputFocusOptions } from 'ant-design-vue/es/vc-input/utils/commonUtils';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
+
+type ApFieldTextSlots = {
+    addonAfter: any;
+    addonBefore: any;
+    prefix: any;
+    suffix: any;
+    clearIcon: any;
+};
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ApFieldTextProps>, {
+    emptyText: string;
+    mode: string;
+    bordered: boolean;
+    type: string;
+    lazy: boolean;
+    allowClear: undefined;
+}>, {
+    focus: (options?: InputFocusOptions | undefined) => void;
+    blur: () => void;
+    input: any;
+    setSelectionRange: (start: number, end: number, direction?: "none" | "forward" | "backward" | undefined) => void;
+    select: () => void;
+}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    "update:value": (...args: any[]) => void;
+}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ApFieldTextProps>, {
+    emptyText: string;
+    mode: string;
+    bordered: boolean;
+    type: string;
+    lazy: boolean;
+    allowClear: undefined;
+}>>> & {
+    "onUpdate:value"?: ((...args: any[]) => any) | undefined;
+}, {
+    type: "number" | "text" | "color" | "reset" | "submit" | "button" | "time" | "month" | "date" | "week" | "hidden" | "search" | "image" | "tel" | "url" | "email" | "checkbox" | "radio" | "range" | "datetime-local" | "file" | "password";
+    mode: FieldMode;
+    bordered: boolean;
+    allowClear: boolean;
+    lazy: boolean;
+    emptyText: string;
+}, {}>, Readonly<ApFieldTextSlots> & ApFieldTextSlots>;
+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-field/text/index.vue.mjs

@@ -0,0 +1,133 @@
+import { isVNode as x, defineComponent as v, ref as B, useSlots as g, computed as b, createVNode as p, mergeProps as C, unref as i, Fragment as h, openBlock as S, createBlock as _, resolveDynamicComponent as R } from "vue";
+import { Input as V } from "ant-design-vue";
+import "../../hooks/index.mjs";
+import { omit as j } from "lodash-unified";
+import { useControllableValue as F } from "../../hooks/useControllableValue.mjs";
+function T(u) {
+  return typeof u == "function" || Object.prototype.toString.call(u) === "[object Object]" && !x(u);
+}
+const K = /* @__PURE__ */ v({
+  name: "ApFieldText",
+  __name: "index",
+  props: {
+    mode: {
+      default: "edit"
+    },
+    id: {},
+    placeholder: {},
+    autocomplete: {},
+    type: {
+      default: "text"
+    },
+    name: {},
+    size: {},
+    autofocus: {
+      type: Boolean
+    },
+    lazy: {
+      type: Boolean,
+      default: !0
+    },
+    maxlength: {},
+    loading: {
+      type: Boolean
+    },
+    bordered: {
+      type: Boolean,
+      default: !0
+    },
+    showCount: {
+      type: [Boolean, Object]
+    },
+    htmlSize: {},
+    onPressEnter: {},
+    onKeydown: {},
+    onKeyup: {},
+    onFocus: {},
+    onBlur: {},
+    onChange: {},
+    onInput: {},
+    "onUpdate:value": {},
+    onCompositionstart: {},
+    onCompositionend: {},
+    valueModifiers: {},
+    hidden: {
+      type: Boolean
+    },
+    status: {},
+    value: {},
+    defaultValue: {},
+    inputElement: {},
+    prefixCls: {},
+    disabled: {
+      type: Boolean
+    },
+    focused: {
+      type: Boolean
+    },
+    triggerFocus: {},
+    readonly: {
+      type: Boolean
+    },
+    handleReset: {},
+    addonBefore: {},
+    addonAfter: {},
+    prefix: {},
+    suffix: {},
+    clearIcon: {},
+    allowClear: {
+      type: Boolean,
+      default: void 0
+    },
+    emptyText: {
+      default: "-"
+    }
+  },
+  emits: ["update:value"],
+  setup(u, {
+    expose: d,
+    emit: c
+  }) {
+    const n = B(), t = g();
+    d({
+      focus: (e) => {
+        var o;
+        (o = n.value) == null || o.focus(e);
+      },
+      blur: () => {
+        var e;
+        (e = n.value) == null || e.blur();
+      },
+      setSelectionRange: (e, o, y) => {
+        var r;
+        (r = n.value) == null || r.setSelectionRange(e, o, y);
+      },
+      select: () => {
+        var e;
+        (e = n.value) == null || e.select();
+      },
+      input: b(() => {
+        var e;
+        return (e = n.value) == null ? void 0 : e.input;
+      })
+    });
+    const f = c, a = u, {
+      value: l,
+      updateValue: s
+    } = F(a, f);
+    function m() {
+      var e, o;
+      return a.mode === "edit" ? p(V, C(j(a, ["mode", "emptyText", "value", "onUpdate:value"]), {
+        value: i(l),
+        "onUpdate:value": s,
+        ref: n
+      }), T(t) ? t : {
+        default: () => [t]
+      }) : p(h, null, [a.prefix || ((e = t == null ? void 0 : t.prefix) == null ? void 0 : e.call(t)), i(l) || a.emptyText, a.suffix || ((o = t == null ? void 0 : t.suffix) == null ? void 0 : o.call(t))]);
+    }
+    return (e, o) => (S(), _(R(m())));
+  }
+});
+export {
+  K as default
+};

package/es/src/ap-field/text/index.vue2.mjs

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

package/es/src/ap-field/text-area/index.vue.d.ts

@@ -0,0 +1,49 @@
+import { ApFieldTextAreaProps, FieldMode } from '../interface';
+import { InputFocusOptions } from 'ant-design-vue/es/vc-input/utils/commonUtils';
+import { DefineComponent, ComputedRef, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
+
+declare const _default: DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ApFieldTextAreaProps>, {
+    emptyText: string;
+    bordered: boolean;
+    mode: string;
+    type: string;
+    lazy: boolean;
+}>, {
+    focus: (options?: InputFocusOptions | undefined) => void;
+    blur: () => void;
+    resizableTextArea: ComputedRef<any>;
+}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    "update:value": (...args: any[]) => void;
+}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ApFieldTextAreaProps>, {
+    emptyText: string;
+    bordered: boolean;
+    mode: string;
+    type: string;
+    lazy: boolean;
+}>>> & {
+    "onUpdate:value"?: ((...args: any[]) => any) | undefined;
+}, {
+    type: "number" | "text" | "color" | "reset" | "submit" | "button" | "time" | "month" | "date" | "week" | "hidden" | "search" | "image" | "tel" | "url" | "email" | "checkbox" | "radio" | "range" | "datetime-local" | "file" | "password";
+    mode: FieldMode;
+    bordered: boolean;
+    lazy: boolean;
+    emptyText: string;
+}, {}>;
+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];
+} & {};

package/es/src/ap-field/text-area/index.vue.mjs

@@ -0,0 +1,86 @@
+import { defineComponent as c, ref as f, computed as y, openBlock as r, createElementBlock as B, normalizeClass as v, unref as o, toDisplayString as x, createBlock as b, mergeProps as z } from "vue";
+import { isNil as C, omit as h } from "lodash-unified";
+import "../../hooks/index.mjs";
+import "../../config-provider/index.mjs";
+import { Input as g } from "ant-design-vue";
+import "./style.css";
+import { useControllableValue as A } from "../../hooks/useControllableValue.mjs";
+import { useNamespace as k } from "../../config-provider/hooks/use-namespace.mjs";
+const I = /* @__PURE__ */ c({
+  name: "ApFieldTextArea",
+  __name: "index",
+  props: {
+    mode: { default: "edit" },
+    rows: {},
+    autosize: { type: [Boolean, Object] },
+    autoSize: { type: [Boolean, Object] },
+    onResize: {},
+    onCompositionstart: {},
+    onCompositionend: {},
+    valueModifiers: {},
+    size: {},
+    value: {},
+    name: {},
+    type: { default: "text" },
+    onFocus: {},
+    onBlur: {},
+    onChange: {},
+    onInput: {},
+    onKeydown: {},
+    onKeyup: {},
+    focused: { type: Boolean },
+    hidden: { type: Boolean },
+    disabled: { type: Boolean },
+    prefixCls: {},
+    id: {},
+    autofocus: { type: Boolean },
+    autocomplete: {},
+    readonly: { type: Boolean },
+    status: {},
+    defaultValue: {},
+    "onUpdate:value": {},
+    placeholder: {},
+    loading: { type: Boolean },
+    lazy: { type: Boolean, default: !0 },
+    maxlength: {},
+    bordered: { type: Boolean, default: !0 },
+    showCount: { type: [Boolean, Object] },
+    htmlSize: {},
+    onPressEnter: {},
+    inputElement: {},
+    triggerFocus: {},
+    handleReset: {},
+    clearIcon: {},
+    allowClear: { type: Boolean },
+    emptyText: { default: "-" }
+  },
+  emits: ["update:value"],
+  setup(u, { expose: p, emit: s }) {
+    const t = f(), n = u, i = s, { value: a, updateValue: d } = A(n, i), { b: m } = k("field-text-area");
+    return p({
+      focus: (e) => {
+        var l;
+        (l = t.value) == null || l.focus(e);
+      },
+      blur: () => {
+        var e;
+        (e = t.value) == null || e.blur();
+      },
+      resizableTextArea: y(() => {
+        var e;
+        return (e = t.value) == null ? void 0 : e.resizableTextArea;
+      })
+    }), (e, l) => e.mode === "read" ? (r(), B("span", {
+      key: 0,
+      class: v(o(m)())
+    }, x(o(C)(o(a)) || o(a) === "" ? e.emptyText : o(a)), 3)) : (r(), b(o(g).TextArea, z({ key: 1 }, o(h)(n, ["onUpdate:value", "value"]), {
+      value: o(a),
+      "onUpdate:value": o(d),
+      ref_key: "textAreaRef",
+      ref: t
+    }), null, 16, ["value", "onUpdate:value"]));
+  }
+});
+export {
+  I as default
+};

package/es/src/ap-field/text-area/index.vue2.mjs

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

package/es/src/ap-field/text-area/style.css

@@ -0,0 +1,5 @@
+.aplus-field-text-area {
+  white-space: pre-wrap;
+  word-wrap: break-word;
+  word-break: break-all;
+}

package/es/src/ap-form/ap-form-item-group/helper.d.ts

@@ -0,0 +1,18 @@
+import { VNode, RendererNode, RendererElement } from 'vue';
+
+export declare const buildColSpan: (count: number, times?: number) => {
+    xs: number;
+    sm: number;
+    md: number;
+    lg: number;
+    xl: number;
+    xxl: number;
+};
+/**
+ * 递归获取children节点，排除fragment和注释的干扰
+ * @param nodes
+ * @returns
+ */
+export declare const genRealChildren: (nodes: VNode[]) => VNode< RendererNode, RendererElement, {
+    [key: string]: any;
+}>[];

package/es/src/ap-form/ap-form-item-group/helper.mjs

@@ -0,0 +1,33 @@
+import { isArray as f } from "lodash-unified";
+const l = (e) => e <= 1 ? 1 : e, n = (e, r = 1) => {
+  const o = Math.floor(24 / e), t = o * r;
+  return t > 24 ? o : t;
+}, p = (e, r = 1) => ({
+  xs: n(l(e - 3), r),
+  sm: n(l(e - 2), r),
+  md: n(l(e - 1), r),
+  lg: n(l(e - 1), r),
+  xl: n(e, r),
+  xxl: n(e, r)
+});
+function s(e) {
+  const r = [];
+  for (const o of e.filter(Boolean).filter((t) => t.type !== Symbol.for("v-cmt")))
+    if (o.type === Symbol.for("v-fgt")) {
+      const t = s(o.children);
+      r.push(...t);
+    } else if (f(o)) {
+      const t = s(o);
+      r.push(...t);
+    } else
+      r.push(o);
+  return r;
+}
+const c = (e) => {
+  const r = [];
+  return r.push(...s(e)), r;
+};
+export {
+  p as buildColSpan,
+  c as genRealChildren
+};

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

@@ -0,0 +1,45 @@
+import { ApFormItemGroupProps } from '../interface';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
+import { Breakpoint } from 'ant-design-vue/es/_util/responsiveObserve';
+import { Gutter } from 'ant-design-vue/es/grid/Row';
+
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ApFormItemGroupProps>, {
+    countPerRow: number;
+    gutter: number;
+    wrap: undefined;
+}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ApFormItemGroupProps>, {
+    countPerRow: number;
+    gutter: number;
+    wrap: undefined;
+}>>>, {
+    wrap: boolean;
+    gutter: number | Partial<Record< Breakpoint, number>> | [ Gutter, Gutter];
+    countPerRow: number;
+}, {}>, Readonly<{
+    default(): any[];
+}> & {
+    default(): 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/ap-form-item-group/index.vue.mjs

@@ -0,0 +1,62 @@
+import { isVNode as w, defineComponent as _, useSlots as k, watch as b, shallowRef as h, computed as x, unref as n, createVNode as R, mergeProps as u, openBlock as a, createBlock as m, withCtx as S, createElementBlock as j, Fragment as B, renderList as N, resolveDynamicComponent as P } from "vue";
+import { Col as v, Row as F } from "ant-design-vue";
+import { pick as I } from "lodash-unified";
+import { apFormItemColPropKeys as O } from "../constant.mjs";
+import { genRealChildren as i, buildColSpan as V } from "./helper.mjs";
+import "../../config-provider/index.mjs";
+import "../style/ap-form-item-group.css";
+import { useNamespace as A } from "../../config-provider/hooks/use-namespace.mjs";
+function D(r) {
+  return typeof r == "function" || Object.prototype.toString.call(r) === "[object Object]" && !w(r);
+}
+const M = /* @__PURE__ */ _({
+  name: "ApFormItemGroup",
+  __name: "index",
+  props: {
+    align: {},
+    justify: {},
+    prefixCls: {},
+    gutter: {
+      default: 16
+    },
+    wrap: {
+      type: Boolean,
+      default: void 0
+    },
+    countPerRow: {
+      default: 3
+    }
+  },
+  setup(r) {
+    const {
+      b: s
+    } = A("ap-form-item-group"), {
+      countPerRow: f,
+      ...d
+    } = r, p = k();
+    b(() => p.default(), (e) => {
+      c.value = i(e);
+    });
+    const c = h(i(p.default())), y = x(() => n(c).map((e, l) => {
+      const t = e.props, o = I(t, O), C = o != null && o.span ? {} : V(f), g = !!(t != null && t.hidden);
+      return R(v, u({
+        key: l
+      }, C, o, {
+        class: g ? s("col-hidden") : ""
+      }), D(e) ? e : {
+        default: () => [e]
+      });
+    }));
+    return (e, l) => (a(), m(n(F), u({
+      class: n(s)()
+    }, d), {
+      default: S(() => [(a(!0), j(B, null, N(y.value, (t, o) => (a(), m(P(t), {
+        key: o
+      }))), 128))]),
+      _: 1
+    }, 16, ["class"]));
+  }
+});
+export {
+  M as default
+};

package/es/src/ap-form/ap-form-item-group/index.vue2.mjs

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