@aplus-frontend/ui 0.0.1-beta.9 → 0.0.2

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

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

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

@@ -1,6 +1,17 @@
 import { ApFormItemProps } from './interface';
-import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
+import { VNode, DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
 
+type ApFormItemSlots = {
+    help: any;
+    label: any;
+    extra: any;
+    default(): VNode[];
+};
+declare function onFieldBlur(): void;
+declare function onFieldChange(): void;
+declare function clearValidate(): void;
+declare function resetField(): void;
+declare function getFieldValue(): any;
 declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ApFormItemProps>, {
     hasFeedback: boolean;
     colon: undefined;
@@ -8,13 +19,21 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
     required: undefined;
     validateFirst: undefined;
     bordered: boolean;
-}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ApFormItemProps>, {
+    valuePropName: string;
+}>, {
+    onFieldBlur: typeof onFieldBlur;
+    onFieldChange: typeof onFieldChange;
+    clearValidate: typeof clearValidate;
+    resetField: typeof resetField;
+    getFieldValue: typeof getFieldValue;
+}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ApFormItemProps>, {
     hasFeedback: boolean;
     colon: undefined;
     autoLink: boolean;
     required: undefined;
     validateFirst: undefined;
     bordered: boolean;
+    valuePropName: string;
 }>>>, {
     required: boolean;
     bordered: boolean;
@@ -22,9 +41,8 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
     hasFeedback: boolean;
     autoLink: boolean;
     validateFirst: boolean;
-}, {}>, {
-    default?(_: {}): any;
-}>;
+    valuePropName: string;
+}, {}>, Readonly<ApFormItemSlots> & ApFormItemSlots>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/es/src/ap-form/ap-form-item.vue.mjs

@@ -1,4 +1,151 @@
-import f from "./ap-form-item.vue2.mjs";
+import { defineComponent as T, useSlots as $, ref as f, computed as b, unref as t, watch as j, cloneVNode as q, openBlock as h, createBlock as C, mergeProps as D, createSlots as E, withCtx as d, resolveDynamicComponent as K, createCommentVNode as O, createElementVNode as Q, normalizeClass as U, createVNode as g, renderList as w, renderSlot as G, normalizeProps as H, guardReactiveProps as J } from "vue";
+import { Form as W, Tooltip as X } from "ant-design-vue";
+import { isArray as Y, omit as N } from "lodash-unified";
+import { apFormItemColPropKeys as Z } from "./constant.mjs";
+import { QuestionCircleOutlined as M } from "@ant-design/icons-vue";
+import "../config-provider/index.mjs";
+import { useInjectForm as ee } from "./context.mjs";
+import "./style/ap-form-item.css";
+import { useNamespace as oe } from "../config-provider/hooks/use-namespace.mjs";
+const fe = /* @__PURE__ */ T({
+  name: "ApFormItem",
+  __name: "ap-form-item",
+  props: {
+    htmlFor: {},
+    prefixCls: {},
+    label: {},
+    help: {},
+    extra: {},
+    labelCol: {},
+    wrapperCol: {},
+    hasFeedback: { type: Boolean, default: !1 },
+    colon: { type: Boolean, default: void 0 },
+    labelAlign: {},
+    prop: {},
+    name: {},
+    rules: {},
+    autoLink: { type: Boolean, default: !0 },
+    required: { type: Boolean, default: void 0 },
+    validateFirst: { type: Boolean, default: void 0 },
+    validateStatus: {},
+    validateTrigger: {},
+    messageVariables: {},
+    hidden: { type: Boolean },
+    noStyle: { type: Boolean },
+    tooltip: {},
+    span: {},
+    order: {},
+    offset: {},
+    push: {},
+    pull: {},
+    xs: {},
+    sm: {},
+    md: {},
+    lg: {},
+    xl: {},
+    xxl: {},
+    flex: {},
+    bordered: { type: Boolean, default: !1 },
+    valuePropName: { default: "value" }
+  },
+  setup(k, { expose: x }) {
+    var y, F;
+    const o = k, l = $(), { model: u, updateModel: i } = ee(), { m } = oe("ap-form-item"), s = f(!1), r = f(), p = b(() => o.name ? Y(o.name) ? o.name.reduce((e, a) => e == null ? void 0 : e[a], t(u)) : u == null ? void 0 : u.value[o.name] : null), c = f((F = (y = l.default) == null ? void 0 : y.call(l)) == null ? void 0 : F[0]);
+    j(
+      () => {
+        var e;
+        return (e = l.default) == null ? void 0 : e.call(l);
+      },
+      (e) => {
+        c.value = e == null ? void 0 : e[0];
+      }
+    );
+    function P(e) {
+      i == null || i(o.name, e);
+    }
+    function V() {
+      s.value = !0;
+    }
+    function I() {
+      s.value = !1;
+    }
+    const v = b(() => {
+      var a, n;
+      if (!o.name)
+        return (a = l.default()) == null ? void 0 : a[0];
+      const e = t(c);
+      return e ? q(e, {
+        [o.valuePropName]: t(p),
+        [`onUpdate:${o.valuePropName}`]: P,
+        bordered: o.bordered ? !1 : (n = e == null ? void 0 : e.props) == null ? void 0 : n.bordered,
+        onFocus: V,
+        onBlur: I
+      }) : null;
+    });
+    function S() {
+      var e;
+      (e = r.value) == null || e.onFieldBlur();
+    }
+    function _() {
+      var e;
+      (e = r.value) == null || e.onFieldChange();
+    }
+    function A() {
+      var e;
+      (e = r.value) == null || e.clearValidate();
+    }
+    function R() {
+      var e;
+      (e = r.value) == null || e.resetField();
+    }
+    function z() {
+      return t(p);
+    }
+    return x({
+      onFieldBlur: S,
+      onFieldChange: _,
+      clearValidate: A,
+      resetField: R,
+      getFieldValue: z
+    }), (e, a) => (h(), C(t(W).Item, D({
+      ref_key: "formItemRef",
+      ref: r
+    }, t(N)(o, [...t(Z), "tooltip"]), {
+      class: { [t(m)("bordered")]: e.bordered, [t(m)("focused")]: e.bordered && s.value },
+      colon: e.bordered ? !1 : o.colon
+    }), E({
+      default: d(() => [
+        v.value ? (h(), C(K(v.value), { key: 0 })) : O("", !0)
+      ]),
+      _: 2
+    }, [
+      o.tooltip ? {
+        name: "tooltip",
+        fn: d(({ class: n }) => [
+          Q("span", {
+            class: U(n)
+          }, [
+            g(t(X), {
+              title: o.tooltip
+            }, {
+              default: d(() => [
+                g(t(M), { style: { color: "#0070ff" } })
+              ]),
+              _: 1
+            }, 8, ["title"])
+          ], 2)
+        ]),
+        key: "0"
+      } : void 0,
+      w(t(N)(l, "default"), (n, B) => ({
+        name: B,
+        fn: d((L) => [
+          G(e.$slots, B, H(J(L || {})))
+        ])
+      }))
+    ]), 1040, ["class", "colon"]));
+  }
+});
 export {
-  f as default
+  fe as default
 };

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

@@ -1,82 +1,4 @@
-import { defineComponent as i, openBlock as m, createBlock as n, unref as e, mergeProps as d, createSlots as f, withCtx as t, renderSlot as u, createElementVNode as c, normalizeClass as y, createVNode as a } from "vue";
-import { Form as B, Tooltip as b } from "ant-design-vue";
-import { omit as x } from "lodash-unified";
-import { apFormItemColPropKeys as C } from "./constant.mjs";
-import { QuestionCircleOutlined as h } from "@ant-design/icons-vue";
-import "../config-provider/index.mjs";
-import "./style/ap-form-item.css";
-import { useNamespace as v } from "../config-provider/hooks/use-namespace.mjs";
-const A = /* @__PURE__ */ i({
-  name: "ApFormItem",
-  __name: "ap-form-item",
-  props: {
-    htmlFor: {},
-    prefixCls: {},
-    label: {},
-    help: {},
-    extra: {},
-    labelCol: {},
-    wrapperCol: {},
-    hasFeedback: { type: Boolean, default: !1 },
-    colon: { type: Boolean, default: void 0 },
-    labelAlign: {},
-    prop: {},
-    name: {},
-    rules: {},
-    autoLink: { type: Boolean, default: !0 },
-    required: { type: Boolean, default: void 0 },
-    validateFirst: { type: Boolean, default: void 0 },
-    validateStatus: {},
-    validateTrigger: {},
-    messageVariables: {},
-    hidden: { type: Boolean },
-    noStyle: { type: Boolean },
-    tooltip: {},
-    span: {},
-    order: {},
-    offset: {},
-    push: {},
-    pull: {},
-    xs: {},
-    sm: {},
-    md: {},
-    lg: {},
-    xl: {},
-    xxl: {},
-    flex: {},
-    bordered: { type: Boolean, default: !1 }
-  },
-  setup(r) {
-    const o = r, { m: p } = v("ap-form-item");
-    return (l, g) => (m(), n(e(B).Item, d(e(x)(o, [...e(C), "tooltip"]), {
-      class: l.bordered ? e(p)("bordered") : null
-    }), f({
-      default: t(() => [
-        u(l.$slots, "default")
-      ]),
-      _: 2
-    }, [
-      o.tooltip ? {
-        name: "tooltip",
-        fn: t(({ class: s }) => [
-          c("span", {
-            class: y(s)
-          }, [
-            a(e(b), {
-              title: o.tooltip
-            }, {
-              default: t(() => [
-                a(e(h), { style: { color: "#0070ff" } })
-              ]),
-              _: 1
-            }, 8, ["title"])
-          ], 2)
-        ]),
-        key: "0"
-      } : void 0
-    ]), 1040, ["class"]));
-  }
-});
+import f from "./ap-form-item.vue.mjs";
 export {
-  A as default
+  f as default
 };

package/es/src/ap-form/ap-form-list.vue.d.ts

@@ -0,0 +1,35 @@
+import { ApFormListProps } from './interface';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
+
+type FormListField = {
+    key: number;
+    name: (string | number)[];
+    value: any;
+    fieldName: number;
+};
+type FormListActions = {
+    add: (defaultValue?: any) => void;
+    remove: (name: number) => void;
+};
+type ApFormListSlots = {
+    default(props: {
+        fields: FormListField[];
+        actions: FormListActions;
+    }): any;
+};
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_TypePropsToRuntimeProps<ApFormListProps>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_TypePropsToRuntimeProps<ApFormListProps>>>, {}, {}>, Readonly<ApFormListSlots> & ApFormListSlots>;
+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_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/es/src/ap-form/ap-form-list.vue.mjs

@@ -0,0 +1,41 @@
+import { defineComponent as d, computed as f, unref as u, renderSlot as k } from "vue";
+import { useInjectForm as F } from "./context.mjs";
+import { isArray as h } from "lodash-unified";
+const w = /* @__PURE__ */ d({
+  name: "ApFormList",
+  __name: "ap-form-list",
+  props: {
+    name: {}
+  },
+  setup(l) {
+    let s = 1;
+    const o = [], t = l, { model: a, updateModel: r } = F(), c = f(() => h(t.name) ? t.name.reduce((e, n) => e == null ? void 0 : e.value[n], a) : a == null ? void 0 : a.value[t.name]);
+    function p(e = void 0) {
+      const n = u(c) ? [...u(c), e] : [e];
+      o.push(s), s += 1, r == null || r(t.name, n);
+    }
+    function y(e) {
+      let n = u(c) || [];
+      n = [...n.slice(0, e), ...n.slice(e + 1)], o.splice(e, 1), r == null || r(t.name, n);
+    }
+    const _ = {
+      add: p,
+      remove: y
+    }, v = f(() => (u(c) || []).map((n, m) => {
+      let i = o[m];
+      return typeof i > "u" && (o[m] = s, i = s, s += 1), {
+        key: i,
+        fieldName: m,
+        name: [t.name, m],
+        value: n
+      };
+    }));
+    return (e, n) => k(e.$slots, "default", {
+      fields: v.value,
+      actions: _
+    });
+  }
+});
+export {
+  w as default
+};

package/es/src/ap-form/ap-form-list.vue2.mjs

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

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

@@ -0,0 +1,66 @@
+import { ApFormProps } from './interface';
+import { InternalNamePath, NamePath, ValidateOptions, FormLabelAlign } from 'ant-design-vue/es/form/interface';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
+
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ApFormProps>, {
+    layout: string;
+    hideRequiredMark: boolean;
+    colon: boolean;
+    labelAlign: string;
+    validateOnRuleChange: boolean;
+    validateTrigger: string;
+}>, {
+    resetFields: (name?: NamePath | undefined) => void;
+    clearValidate: (name?: NamePath | undefined) => void;
+    validateFields: (nameList?: string | NamePath[] | undefined, options?: ValidateOptions | undefined) => Promise<{
+        [key: string]: any;
+    }> | undefined;
+    getFieldsValue: (nameList?: true | InternalNamePath[] | undefined) => {
+        [key: string]: any;
+    } | undefined;
+    validate: (nameList?: string | NamePath[] | undefined, options?: ValidateOptions | undefined) => Promise<{
+        [key: string]: any;
+    }> | undefined;
+    scrollToField: (name: NamePath, options?: {}) => void;
+    setFieldsValue: (values: Record<string, any>) => void;
+    setFieldValue: (key: string, newValue: any) => void;
+}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ApFormProps>, {
+    layout: string;
+    hideRequiredMark: boolean;
+    colon: boolean;
+    labelAlign: string;
+    validateOnRuleChange: boolean;
+    validateTrigger: string;
+}>>>, {
+    layout: string;
+    validateTrigger: string | string[];
+    colon: boolean;
+    labelAlign: FormLabelAlign;
+    hideRequiredMark: boolean;
+    validateOnRuleChange: boolean;
+}, {}>, {
+    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.vue.mjs

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

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

@@ -0,0 +1,89 @@
+import { defineComponent as u, ref as c, reactive as f, computed as p, openBlock as F, createBlock as m, unref as g, mergeProps as v, withCtx as h, renderSlot as V } from "vue";
+import { Form as y } from "ant-design-vue";
+import { useProvideForm as C } from "./context.mjs";
+import { isArray as B } from "lodash-unified";
+const S = /* @__PURE__ */ u({
+  __name: "ap-form",
+  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: {}
+  },
+  setup(s, { expose: d }) {
+    const i = s;
+    function n(e, l) {
+      if (B(e)) {
+        let t = o;
+        for (let r = 0; r < e.length - 1; r++)
+          t = t[e[r]];
+        t[e[e.length - 1]] = l;
+      } else
+        o[e] = l;
+    }
+    const a = c(), o = f(i.initialValues || {});
+    return C({ model: p(() => o), updateModel: n }), d({
+      resetFields: (e) => {
+        var l;
+        (l = a.value) == null || l.resetFields(e);
+      },
+      clearValidate: (e) => {
+        var l;
+        (l = a.value) == null || l.clearValidate(e);
+      },
+      validateFields: (e, l) => {
+        var t;
+        return (t = a.value) == null ? void 0 : t.validateFields(e, l);
+      },
+      getFieldsValue: (e) => {
+        var l;
+        return (l = a.value) == null ? void 0 : l.getFieldsValue(e);
+      },
+      validate: (e, l) => {
+        var t;
+        return (t = a.value) == null ? void 0 : t.validate(e, l);
+      },
+      scrollToField: (e, l = {}) => {
+        var t;
+        (t = a.value) == null || t.scrollToField(e, l);
+      },
+      setFieldsValue: (e) => {
+        Object.assign(o, e);
+      },
+      setFieldValue: (e, l) => {
+        o[e] = l;
+      }
+    }), (e, l) => (F(), m(g(y), v({
+      ref_key: "formRef",
+      ref: a
+    }, i, { model: o }), {
+      default: h(() => [
+        V(e.$slots, "default")
+      ]),
+      _: 3
+    }, 16, ["model"]));
+  }
+});
+export {
+  S as default
+};

package/es/src/ap-form/context.d.ts

@@ -0,0 +1,11 @@
+import { NamePath } from 'ant-design-vue/es/form/interface';
+import { ComputedRef, InjectionKey } from 'vue';
+
+type ApFormContextProps<ModelType> = {
+    model?: ComputedRef<ModelType>;
+    updateModel?: (name: NamePath, value: any) => void;
+};
+export declare const ApFormContextKey: InjectionKey<ApFormContextProps<any>>;
+export declare function useProvideForm<ModelType>(state: ApFormContextProps<ModelType>): void;
+export declare function useInjectForm(): ApFormContextProps<any>;
+export {};

package/es/src/ap-form/context.mjs

@@ -0,0 +1,17 @@
+import { provide as t, inject as r, computed as n } from "vue";
+const o = Symbol("formContextKey");
+function u(e) {
+  t(o, e);
+}
+function c() {
+  return r(o, {
+    model: n(() => ({})),
+    updateModel: () => {
+    }
+  });
+}
+export {
+  o as ApFormContextKey,
+  c as useInjectForm,
+  u as useProvideForm
+};