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

package/es/src/ap-field/date-range/index.vue.mjs

@@ -0,0 +1,87 @@
+import { defineComponent as V, computed as m, unref as t, openBlock as p, createElementBlock as k, Fragment as _, createTextVNode as T, toDisplayString as O, createVNode as C, createBlock as x, mergeProps as B, createSlots as N, renderList as w, withCtx as I, renderSlot as U, normalizeProps as $, guardReactiveProps as b } from "vue";
+import { ApFieldDatePresetFormats as j, PRESET_FORMAT_MAP as z, PRESET_FORMAT_PICK_MAP as K, PRESET_FORMAT_TIME_MAP as L } from "../date/constant.mjs";
+import "../../hooks/useMessage.mjs";
+import { useControllableValue as Y } from "../../hooks/useControllableValue.mjs";
+import { isNil as q, isString as c } from "lodash-unified";
+import u from "dayjs";
+import { DatePicker as G } from "ant-design-vue";
+import { formatDay as d, formatValue as R } from "../date/helper.mjs";
+import { SwapRightOutlined as H } from "@ant-design/icons-vue";
+const ae = /* @__PURE__ */ V({
+  __name: "index",
+  props: {
+    mode: { default: "edit" },
+    fieldProps: { default: () => ({}) },
+    emptyText: { default: "-" },
+    value: {},
+    defaultValue: {},
+    onChange: {},
+    onOk: {},
+    format: { default: "Y-D" }
+  },
+  emits: ["update:value"],
+  setup(y, { emit: D }) {
+    const o = y, E = D, l = m(
+      () => j.indexOf(o.format) > -1
+    ), n = m(
+      () => l.value ? z[o.format] : o.format
+    ), { value: P, updateValue: v } = Y(
+      o,
+      E
+    ), s = m(() => {
+      var e, r;
+      if (!q(t(P)))
+        return [
+          u((e = t(P)) == null ? void 0 : e[0]),
+          u((r = t(P)) == null ? void 0 : r[1])
+        ];
+    }), S = m(() => t(l) ? o.fieldProps.picker ?? K[o.format] : o.fieldProps.picker), A = m(() => {
+      const e = t(l) ? L[o.format] : {};
+      return {
+        ...o.fieldProps,
+        ...e
+      };
+    });
+    function F(e) {
+      e || v(null);
+      const r = c(e[0]) ? u(e[0]) : e[0], a = c(e[1]) ? u(e[1]) : e[1];
+      t(l) ? v([
+        d(r, t(n)),
+        d(a, t(n), !1)
+      ]) : v([R(r), R(a)]);
+    }
+    function M(e) {
+      var i;
+      const r = c(e[0]) ? u(e[0]) : e[0], a = c(e[1]) ? u(e[1]) : e[1], f = e[0] ? t(l) ? d(r, t(n)) : r.valueOf() : null, g = e[1] ? t(l) ? d(a, t(n), !1) : a.valueOf() : null;
+      (i = o.onOk) == null || i.call(o, [f, g]);
+    }
+    return (e, r) => {
+      var a, f;
+      return e.mode === "read" ? (p(), k(_, { key: 0 }, [
+        s.value ? (p(), k(_, { key: 0 }, [
+          T(O((a = s.value[0]) == null ? void 0 : a.format(n.value)) + " ", 1),
+          C(t(H)),
+          T(" " + O((f = s.value[1]) == null ? void 0 : f.format(n.value)), 1)
+        ], 64)) : (p(), k(_, { key: 1 }, [
+          T(O(e.emptyText), 1)
+        ], 64))
+      ], 64)) : (p(), x(t(G).RangePicker, B({ key: 1 }, A.value, {
+        value: s.value,
+        "onUpdate:value": F,
+        picker: S.value,
+        format: n.value,
+        onOk: M
+      }), N({ _: 2 }, [
+        w(e.$slots, (g, i) => ({
+          name: i,
+          fn: I((h) => [
+            U(e.$slots, i, $(b(h || {})))
+          ])
+        }))
+      ]), 1040, ["value", "picker", "format"]));
+    };
+  }
+});
+export {
+  ae as default
+};

package/es/src/ap-field/date-range/index.vue2.mjs

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

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

@@ -1,6 +1,12 @@
 import { default as ApFieldText } from './text/index.vue';
-import { default as ApFiledCheckbox } from './checkbox/index.vue';
-import { default as ApFiledDate } from './date/index.vue';
+import { default as ApFieldCheckbox } from './checkbox/index.vue';
+import { default as ApFieldDate } from './date/index.vue';
+import { default as ApFieldNumber } from './number/index.vue';
+import { default as ApFieldRadio } from './radio/index.vue';
+import { default as ApFieldSwitch } from './switch/index.vue';
+import { default as ApFieldTextArea } from './text-area/index.vue';
+import { default as ApFieldDateRange } from './date-range/index.vue';
+import { default as ApFieldSelect } from './select/index.vue';
 
 export * from './interface';
-export { ApFieldText, ApFiledCheckbox, ApFiledDate };
+export { ApFieldText, ApFieldCheckbox, ApFieldDate, ApFieldNumber, ApFieldRadio, ApFieldSwitch, ApFieldTextArea, ApFieldDateRange, ApFieldSelect };

package/es/src/ap-field/interface.d.ts

@@ -1,18 +1,24 @@
-import { InputProps, CheckboxGroupProps, DatePickerProps } from 'ant-design-vue';
+import { InputProps, CheckboxGroupProps, DatePickerProps, InputNumberProps, RadioGroupProps, SwitchProps, TextAreaProps, SelectProps } from 'ant-design-vue';
 import { InputFocusOptions } from 'ant-design-vue/es/vc-input/utils/commonUtils';
 import { ApFormatPresetType } from './date/interface';
-import { PanelMode } from 'ant-design-vue/es/vc-picker/interface';
+import { RangeValue } from 'ant-design-vue/es/vc-picker/interface';
+import { RangePickerProps } from 'ant-design-vue/es/date-picker/dayjs';
 
 export type FieldMode = 'read' | 'edit';
 export type BasicApFieldProps<FieldPropsType = any> = {
     mode?: FieldMode;
 } & FieldPropsType;
+export type ApFieldComposedProps<FieldPropsType = any> = {
+    mode?: FieldMode;
+    fieldProps?: FieldPropsType;
+};
 export type ApFieldTextProps = BasicApFieldProps<InputProps> & {
     emptyText?: string;
 };
 export type ApFieldTextExpose = {
     focus: (options?: InputFocusOptions) => void;
     blur: () => void;
+    input: any;
     setSelectionRange: (start: number, end: number, direction?: 'forward' | 'backward' | 'none') => void;
     select: () => void;
 };
@@ -20,12 +26,65 @@ export type ApFieldCheckboxProps = BasicApFieldProps<CheckboxGroupProps> & {
     emptyText?: string;
     request?: () => Promise<CheckboxGroupProps['options']>;
 };
-export type ApFieldDateProps = BasicApFieldProps<Omit<DatePickerProps, 'mode' | 'value' | 'defaultValue'>> & {
+export type ApFieldDateProps = ApFieldComposedProps<Omit<DatePickerProps, 'mode' | 'value' | 'defaultValue' | 'onChange' | 'onOk' | 'format'>> & {
     emptyText?: string;
     value?: number | null;
     defaultValue?: number;
     onChange?: (ts: number | null, dayStr: string) => void;
     onOk?: (ts: number | null) => void;
-    format?: ApFormatPresetType;
-    pickerMode?: PanelMode | undefined;
+    format?: ApFormatPresetType | string;
+};
+export type ApFieldNumberProps = BasicApFieldProps<InputNumberProps> & {
+    emptyText?: string;
+    /**
+     * 是否展示千分位，只读模式可用
+     */
+    thousands?: boolean;
+    /**
+     * 强制保留指定的小数位，只读模式可用，只有在设置了`precision`才生效
+     */
+    limitDecimalsRetain?: boolean;
+};
+export type ApiFieldNumberExpose = {
+    focus: () => void;
+    blur: () => void;
+};
+export type ApFieldRadioProps = BasicApFieldProps<RadioGroupProps> & {
+    emptyText?: string;
+    request?: () => Promise<RadioGroupProps['options']>;
+};
+export type ApiFieldRadioExpose = {
+    focus: () => void;
+    blur: () => void;
+};
+export type ApFieldSwitchProps = BasicApFieldProps<Omit<SwitchProps, 'onClick'>> & {
+    emptyText?: string;
+    onAction?: (checked: string | boolean | number, e: Event) => boolean | Promise<boolean>;
+};
+export type ApFieldTextAreaProps = BasicApFieldProps<TextAreaProps> & {
+    emptyText?: string;
+};
+export type ApFieldTextAreaExpose = {
+    focus: (options?: InputFocusOptions) => void;
+    blur: () => void;
+    resizableTextArea: any;
+};
+export type ApFieldDateRangeProps = ApFieldComposedProps<Omit<RangePickerProps, 'value' | 'onChange' | 'onPanelChange' | 'defaultValue' | 'onOk' | 'renderExtraFooter'>> & {
+    emptyText?: string;
+    value?: RangeValue<number>;
+    defaultValue?: RangeValue<number>;
+    onChange?: (ts: RangeValue<number>, dayStr: string) => void;
+    onOk?: (ts: RangeValue<number>) => void;
+    format?: ApFormatPresetType | string;
+};
+export type ApFieldSelectProps = ApFieldComposedProps<Omit<SelectProps, 'mode' | 'value' | 'onUpdate:value' | 'onSearch'>> & {
+    emptyText?: string;
+    request?: (value?: string) => Promise<SelectProps['options']>;
+    multiple?: boolean;
+    value?: SelectProps['value'];
+    'onUpdate:value'?: SelectProps['onUpdate:value'];
+};
+export type ApFieldSelectSlots = {
+    focus: () => void;
+    blur: () => void;
 };

package/es/src/ap-field/number/helper.d.ts

@@ -0,0 +1 @@
+export declare function addZeroToDecimalPlaces(numStr: string, precision?: number): string;

package/es/src/ap-field/number/helper.mjs

@@ -0,0 +1,14 @@
+import { isNil as i } from "lodash-unified";
+function a(t, r) {
+  if (i(r))
+    return t;
+  let [f, e] = t.split(".");
+  if (!e || e.length >= r)
+    return t;
+  for (let l = e.length; l < r; l++)
+    e += "0";
+  return f + "." + e;
+}
+export {
+  a as addZeroToDecimalPlaces
+};

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

@@ -0,0 +1,72 @@
+import { ApFieldNumberProps } from '../interface';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
+import { ValueType } from 'ant-design-vue/es/input-number/src/utils/MiniDecimal';
+
+type ApFieldNumberSlots = {
+    addonBefore?: any;
+    addonAfter?: any;
+    prefix?: any;
+    default?: any;
+    upIcon?: any;
+    downIcon?: any;
+};
+declare function focus(): void;
+declare function blur(): void;
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ApFieldNumberProps>, {
+    emptyText: string;
+    thousands: boolean;
+    bordered: boolean;
+    controls: boolean;
+    keyboard: boolean;
+    max: number;
+    min: number;
+    step: number;
+}>, {
+    focus: typeof focus;
+    blur: typeof blur;
+}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    "update:value": (...args: any[]) => void;
+}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ApFieldNumberProps>, {
+    emptyText: string;
+    thousands: boolean;
+    bordered: boolean;
+    controls: boolean;
+    keyboard: boolean;
+    max: number;
+    min: number;
+    step: number;
+}>>> & {
+    "onUpdate:value"?: ((...args: any[]) => any) | undefined;
+}, {
+    bordered: boolean;
+    min: ValueType;
+    max: ValueType;
+    step: ValueType;
+    controls: boolean;
+    keyboard: boolean;
+    emptyText: string;
+    thousands: boolean;
+}, {}>, Readonly<ApFieldNumberSlots> & ApFieldNumberSlots>;
+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/number/index.vue.mjs

@@ -0,0 +1,108 @@
+import { defineComponent as C, ref as S, computed as N, unref as o, openBlock as r, createElementBlock as n, Fragment as V, normalizeClass as m, renderSlot as i, createCommentVNode as d, createElementVNode as $, toDisplayString as x, createBlock as A, mergeProps as D, createSlots as P, renderList as R, withCtx as I, normalizeProps as z, guardReactiveProps as E } from "vue";
+import { InputNumber as F } from "ant-design-vue";
+import "../../hooks/useMessage.mjs";
+import { useControllableValue as M } from "../../hooks/useControllableValue.mjs";
+import { isNil as T, omit as U } from "lodash-unified";
+import { toDecimalMark as w } from "@fruits-chain/utils";
+import { addZeroToDecimalPlaces as L } from "./helper.mjs";
+import "../../config-provider/index.mjs";
+import "./style.css";
+import { useNamespace as Z } from "../../config-provider/hooks/use-namespace.mjs";
+const Y = /* @__PURE__ */ C({
+  name: "ApFieldNumber",
+  inheritAttrs: !1,
+  __name: "index",
+  props: {
+    mode: {},
+    size: {},
+    bordered: { type: Boolean, default: !0 },
+    placeholder: {},
+    name: {},
+    id: {},
+    type: {},
+    addonBefore: {},
+    addonAfter: {},
+    prefix: {},
+    "onUpdate:value": {},
+    valueModifiers: {},
+    status: {},
+    stringMode: { type: Boolean },
+    defaultValue: {},
+    value: {},
+    prefixCls: {},
+    min: { default: -1 / 0 },
+    max: { default: 1 / 0 },
+    step: { default: 1 },
+    tabindex: {},
+    controls: { type: Boolean, default: !0 },
+    readonly: { type: Boolean },
+    disabled: { type: Boolean },
+    autofocus: { type: Boolean },
+    keyboard: { type: Boolean, default: !0 },
+    parser: {},
+    formatter: {},
+    precision: {},
+    decimalSeparator: {},
+    onInput: {},
+    onChange: {},
+    onPressEnter: {},
+    onStep: {},
+    onBlur: {},
+    onFocus: {},
+    emptyText: { default: "-" },
+    thousands: { type: Boolean, default: !1 },
+    limitDecimalsRetain: { type: Boolean }
+  },
+  emits: ["update:value"],
+  setup(f, { expose: c, emit: y }) {
+    const v = y, { b: s } = Z("field-number"), t = f, l = S(), { value: p, updateValue: B } = M(
+      t,
+      v
+    ), b = N(() => {
+      let e = o(p);
+      if (T(e))
+        return t.emptyText;
+      let a = w(e, t.precision);
+      return t.precision && t.limitDecimalsRetain && (a = L(a, t.precision)), a;
+    });
+    function k() {
+      var e;
+      (e = l.value) == null || e.focus();
+    }
+    function g() {
+      var e;
+      (e = l.value) == null || e.blur();
+    }
+    return c({ focus: k, blur: g }), (e, a) => e.mode === "read" ? (r(), n(V, { key: 0 }, [
+      e.$slots.prefix ? (r(), n("span", {
+        key: 0,
+        class: m(o(s)("label-left"))
+      }, [
+        i(e.$slots, "prefix")
+      ], 2)) : d("", !0),
+      $("span", null, x(b.value), 1),
+      e.$slots.addonAfter ? (r(), n("span", {
+        key: 1,
+        class: m(o(s)("label-right"))
+      }, [
+        i(e.$slots, "addonAfter")
+      ], 2)) : d("", !0)
+    ], 64)) : (r(), A(o(F), D({ key: 1 }, o(U)(t, ["precision", "value", "update:value"]), {
+      value: o(p),
+      "onUpdate:value": o(B),
+      precision: e.precision,
+      ref_key: "inputRef",
+      ref: l
+    }), P({ _: 2 }, [
+      R(e.$slots, (_, u) => ({
+        name: u,
+        fn: I((h) => [
+          i(e.$slots, u, z(E(h || {})))
+        ])
+      }))
+    ]), 1040, ["value", "onUpdate:value", "precision"]));
+  }
+});
+export {
+  Y as default
+};

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

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

package/es/src/ap-field/number/style.css

@@ -0,0 +1,6 @@
+.aplus-field-number-label-left {
+  padding-right: 4px;
+}
+.aplus-field-number-label-right {
+  padding-left: 4px;
+}

package/es/src/ap-field/radio/helper.d.ts

@@ -0,0 +1,4 @@
+import { RadioGroupChildOption } from 'ant-design-vue/es/radio/Group';
+
+export declare const getOptionValue: (v: RadioGroupChildOption | string | number) => any;
+export declare const getOptionLabel: (v: RadioGroupChildOption | string | number) => any;

package/es/src/ap-field/radio/helper.mjs

@@ -0,0 +1,5 @@
+const t = (e) => typeof e == "object" ? e.value : e, o = (e) => typeof e == "object" ? e.label : e;
+export {
+  o as getOptionLabel,
+  t as getOptionValue
+};

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

@@ -0,0 +1,40 @@
+import { ApFieldRadioProps, FieldMode } from '../interface';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
+
+declare function focus(): void;
+declare function blur(): void;
+declare const _default: DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ApFieldRadioProps>, {
+    emptyText: string;
+    mode: string;
+}>, {
+    focus: typeof focus;
+    blur: typeof blur;
+}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    "update:value": (...args: any[]) => void;
+}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ApFieldRadioProps>, {
+    emptyText: string;
+    mode: string;
+}>>> & {
+    "onUpdate:value"?: ((...args: any[]) => any) | undefined;
+}, {
+    mode: FieldMode;
+    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/radio/index.vue.mjs

@@ -0,0 +1,68 @@
+import { defineComponent as b, ref as i, onMounted as k, computed as T, unref as o, openBlock as p, createElementBlock as _, Fragment as V, createTextVNode as h, toDisplayString as B, createBlock as C, mergeProps as R } from "vue";
+import { RadioGroup as G } from "ant-design-vue";
+import "../../hooks/useMessage.mjs";
+import { useControllableValue as U } from "../../hooks/useControllableValue.mjs";
+import { isNil as q, omit as A } from "lodash-unified";
+import { getOptionValue as F, getOptionLabel as N } from "./helper.mjs";
+const M = /* @__PURE__ */ b({
+  name: "ApFieldRadio",
+  inheritAttrs: !1,
+  __name: "index",
+  props: {
+    mode: { default: "edit" },
+    prefixCls: {},
+    value: {},
+    size: {},
+    options: {},
+    disabled: { type: Boolean },
+    name: {},
+    buttonStyle: {},
+    id: {},
+    optionType: {},
+    onChange: {},
+    "onUpdate:value": {},
+    emptyText: { default: "-" },
+    request: {}
+  },
+  emits: ["update:value"],
+  setup(s, { expose: m, emit: d }) {
+    const t = s, f = d, n = i(), u = i((t == null ? void 0 : t.options) || []), { value: l, updateValue: c } = U(t, f);
+    k(() => {
+      var e;
+      (e = t.request) == null || e.call(t).then((a) => u.value = a);
+    });
+    const v = T(() => {
+      var r;
+      const e = o(l);
+      if (q(e))
+        return t.emptyText;
+      const a = (r = u.value) == null ? void 0 : r.find(
+        (g) => e === F(g)
+      );
+      return N(a) || t.emptyText;
+    });
+    function y() {
+      var e;
+      (e = n.value) == null || e.focus();
+    }
+    function x() {
+      var e;
+      (e = n.value) == null || e.blur();
+    }
+    return m({
+      focus: y,
+      blur: x
+    }), (e, a) => e.mode === "read" ? (p(), _(V, { key: 0 }, [
+      h(B(v.value), 1)
+    ], 64)) : (p(), C(o(G), R({ key: 1 }, o(A)(t, ["value", "update:value", "options"]), {
+      value: o(l),
+      "onUpdate:value": o(c),
+      options: u.value,
+      ref_key: "radioGroupRef",
+      ref: n
+    }), null, 16, ["value", "onUpdate:value", "options"]));
+  }
+});
+export {
+  M as default
+};

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

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