@aplus-frontend/ui 0.0.1-beta.5 → 0.0.1-beta.7

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

@@ -0,0 +1,122 @@
+import { defineComponent as U, useSlots as _, ref as z, computed as D, unref as o, createVNode as u, Fragment as s, openBlock as h, createBlock as k, resolveDynamicComponent as T, 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/useMessage.mjs";
+import { useControllableValue as L } from "../../hooks/useControllableValue.mjs";
+import { isNil as M, omit as P } from "lodash-unified";
+import { isDef as f } from "@fruits-chain/utils";
+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: N
+  }) {
+    const t = _(), n = S, $ = N, {
+      value: d,
+      updateValue: a
+    } = L(n, $, {
+      valuePropName: "checked"
+    }), i = z(!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 b() {
+      const e = o(d) === n.checkedValue ? n.unCheckedValue : n.checkedValue;
+      if (!f(n.onAction)) {
+        a(e);
+        return;
+      }
+      await n.onAction(e) && a(e);
+    }
+    const F = D(() => {
+      var l, c;
+      const e = o(d);
+      return M(e) ? u(s, null, [n.emptyText]) : e === n.checkedValue ? u(s, null, [n.checkedChildren || ((l = t.checkedChildren) == null ? void 0 : l.call(t)) || n.checkedValue]) : u(s, null, [n.unCheckedChildren || ((c = t.unCheckedChildren) == null ? void 0 : c.call(t)) || n.unCheckedValue]);
+    });
+    return (e, r) => e.mode === "read" ? (h(), k(T(F.value), {
+      key: 0
+    })) : (h(), E(s, {
+      key: 1
+    }, [o(f)(e.confirm) ? (h(), k(o(K), p({
+      key: 1
+    }, e.confirm || {}, {
+      onConfirm: b
+    }), {
+      default: C(() => [u(o(A), p(o(P)(n, "onUpdate:checked"), {
+        checked: o(d),
+        onClick: y,
+        loading: e.loading ?? i.value
+      }), g({
+        _: 2
+      }, [V(e.$slots, (l, c) => ({
+        name: c,
+        fn: C((m) => [v(e.$slots, c, B(w(m || {})))])
+      }))]), 1040, ["checked", "loading"])]),
+      _: 3
+    }, 16)) : (h(), k(o(A), p({
+      key: 0
+    }, o(P)(n, "onUpdate:checked"), {
+      checked: o(d),
+      onClick: y,
+      loading: e.loading ?? i.value
+    }), g({
+      _: 2
+    }, [V(e.$slots, (l, c) => ({
+      name: c,
+      fn: C((m) => [v(e.$slots, c, B(w(m || {})))])
+    }))]), 1040, ["checked", "loading"]))], 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,63 @@
+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;
+}>, {
+    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;
+}>>> & {
+    "onUpdate:value"?: ((...args: any[]) => any) | undefined;
+}, {
+    type: "number" | "text" | "color" | "reset" | "submit" | "button" | "time" | "month" | "date" | "week" | "image" | "search" | "hidden" | "tel" | "url" | "email" | "checkbox" | "radio" | "range" | "datetime-local" | "file" | "password";
+    mode: FieldMode;
+    bordered: 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,132 @@
+import { defineComponent as y, ref as x, useSlots as v, computed as B, openBlock as g, createBlock as b, resolveDynamicComponent as C, createVNode as r, mergeProps as h, unref as S, Fragment as _, isVNode as R } from "vue";
+import { Input as V } from "ant-design-vue";
+import "../../hooks/useMessage.mjs";
+import { useControllableValue as j } from "../../hooks/useControllableValue.mjs";
+import { omit as F } from "lodash-unified";
+function T(u) {
+  return typeof u == "function" || Object.prototype.toString.call(u) === "[object Object]" && !R(u);
+}
+const P = /* @__PURE__ */ y({
+  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
+    },
+    emptyText: {
+      default: "-"
+    }
+  },
+  emits: ["update:value"],
+  setup(u, {
+    expose: p,
+    emit: i
+  }) {
+    const a = x(), t = v();
+    p({
+      focus: (e) => {
+        var o;
+        (o = a.value) == null || o.focus(e);
+      },
+      blur: () => {
+        var e;
+        (e = a.value) == null || e.blur();
+      },
+      setSelectionRange: (e, o, m) => {
+        var l;
+        (l = a.value) == null || l.setSelectionRange(e, o, m);
+      },
+      select: () => {
+        var e;
+        (e = a.value) == null || e.select();
+      },
+      input: B(() => {
+        var e;
+        return (e = a.value) == null ? void 0 : e.input;
+      })
+    });
+    const c = i, n = u, {
+      value: d,
+      updateValue: f
+    } = j(n, c);
+    function s() {
+      var e, o;
+      return n.mode === "edit" ? r(V, h(F(n, ["mode", "emptyText"]), {
+        value: S(d),
+        "onUpdate:value": f,
+        ref: a
+      }), T(t) ? t : {
+        default: () => [t]
+      }) : r(_, null, [n.prefix || ((e = t == null ? void 0 : t.prefix) == null ? void 0 : e.call(t)), n.value || n.emptyText, n.suffix || ((o = t == null ? void 0 : t.suffix) == null ? void 0 : o.call(t))]);
+    }
+    return (e, o) => (g(), b(C(s())));
+  }
+});
+export {
+  P 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" | "image" | "search" | "hidden" | "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 x, unref as o, toDisplayString as v, createBlock as b, mergeProps as z } from "vue";
+import { isNil as C } from "lodash-unified";
+import "../../hooks/useMessage.mjs";
+import { useControllableValue as h } from "../../hooks/useControllableValue.mjs";
+import "../../config-provider/index.mjs";
+import { Input as g } from "ant-design-vue";
+import "./style.css";
+import { useNamespace as A } 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 } = h(n, i), { b: m } = A("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: x(o(m)())
+    }, v(o(C)(o(a)) || o(a) === "" ? e.emptyText : o(a)), 3)) : (r(), b(o(g).TextArea, z({ key: 1 }, n, {
+      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;
+}