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

package/es/src/pro-form/hooks/use-break-point.mjs

@@ -1,8 +1,8 @@
-import { Grid as c } from "ant-design-vue";
-import { ref as p, computed as d, unref as l } from "vue";
-import { useEventListener as M } from "@aplus-frontend/hooks";
-const { useBreakpoint: u } = c;
-var h = /* @__PURE__ */ ((t) => (t[t.XS = 320] = "XS", t[t.SM = 640] = "SM", t[t.MD = 768] = "MD", t[t.LG = 960] = "LG", t[t.XL = 1280] = "XL", t[t.XXL = 1536] = "XXL", t))(h || {});
+import { Grid as f } from "ant-design-vue";
+import { ref as c, computed as L, unref as p } from "vue";
+import { useEventListener as l } from "@aplus-frontend/hooks";
+const { useBreakpoint: h } = f;
+var w = /* @__PURE__ */ ((t) => (t.XS = "XS", t.SM = "SM", t.MD = "MD", t.LG = "LG", t.XL = "XL", t.XXL = "XXL", t))(w || {}), v = /* @__PURE__ */ ((t) => (t[t.XS = 320] = "XS", t[t.SM = 640] = "SM", t[t.MD = 768] = "MD", t[t.LG = 960] = "LG", t[t.XL = 1280] = "XL", t[t.XXL = 1536] = "XXL", t))(v || {});
 const e = /* @__PURE__ */ new Map();
 e.set(
   "XS",
@@ -34,7 +34,7 @@ e.set(
   1536
   /* XXL */
 );
-const X = [
+const n = [
   "XS",
   "SM",
   "MD",
@@ -44,35 +44,36 @@ const X = [
   /* XXL */
 ];
 function W() {
-  const t = p(window.innerWidth), L = u(), o = d(() => {
-    const r = l(L);
-    for (let s = X.length - 1; s > 0; s--) {
-      const n = X[s], f = n.toLowerCase();
-      if (r[f])
-        return n;
+  const t = c(window.innerWidth), d = h(), r = L(() => {
+    const o = p(d);
+    for (let s = n.length - 1; s > 0; s--) {
+      const X = n[s], M = X.toLowerCase();
+      if (o[M])
+        return X;
     }
-  }), a = d(() => {
-    if (o.value)
-      return e.get(o.value);
+  }), a = L(() => {
+    if (r.value)
+      return e.get(r.value);
   });
   function i() {
-    const r = document.body.clientWidth;
-    t.value = r;
+    const o = document.body.clientWidth;
+    t.value = o;
   }
-  return M({
+  return l({
     el: window,
     name: "resize",
     listener: () => {
       i();
     }
   }), i(), {
-    screenRef: o,
+    screenRef: r,
     widthRef: a,
     realWidthRef: t
   };
 }
 export {
-  h as ScreenEnum,
+  v as ScreenEnum,
+  w as SizeEnum,
   e as screenMap,
   W as useBreakpoint
 };

package/es/src/pro-form/hooks/use-component-register.d.ts

@@ -0,0 +1,4 @@
+import { ComponentType } from '../types';
+import { Component } from 'vue';
+
+export declare function useComponentRegister<T extends string, R extends Component>(compName: ComponentType | T, comp: R): void;

package/es/src/pro-form/hooks/use-component-register.mjs

@@ -0,0 +1,13 @@
+import { tryOnUnmounted as t } from "@vueuse/core";
+import { add as e, del as n } from "../component-map.mjs";
+import { isPascalCase as i } from "../../utils/index.mjs";
+function f(r, o) {
+  if (!i(r))
+    throw new Error("compName must be in PascalCase");
+  e(r, o), t(() => {
+    n(r);
+  });
+}
+export {
+  f as useComponentRegister
+};

package/es/src/pro-form/hooks/use-form-events.mjs

@@ -1,5 +1,5 @@
 import { unref as o, nextTick as tt, toRaw as J } from "vue";
-import { isFunction as Q, get as nt, cloneDeep as I, isString as D, isObject as A, isArray as T, uniqBy as et, isNil as U, set as Y } from "lodash-unified";
+import { set as Y, isFunction as Q, get as nt, cloneDeep as I, isString as D, isObject as A, isArray as T, uniqBy as et, isNil as U } from "lodash-unified";
 import { isDef as W } from "../../utils/index.mjs";
 import { deepMerge as it } from "@aplus-frontend/utils";
 import { handleInputNumberValue as ot, isIncludeSimpleComponents as B, dateItemType as ct, defaultValueComponents as rt } from "../helper.mjs";

package/es/src/pro-form/hooks/use-form-values.mjs

@@ -1,4 +1,4 @@
-import { isObject as l, isArray as D, isFunction as x, isString as F, set as T, get as V, unset as g, isNil as j, isEmpty as E, cloneDeep as K } from "lodash-unified";
+import { set as T, isObject as l, isArray as D, isFunction as x, isString as F, get as V, unset as g, isNil as j, isEmpty as E, cloneDeep as K } from "lodash-unified";
 import b from "dayjs";
 import { unref as O } from "vue";
 function S(y, o, m) {

package/es/src/pro-form/hooks/use-form.mjs

@@ -1,4 +1,4 @@
-import { ref as i, onUnmounted as f, unref as o, watch as d, nextTick as u } from "vue";
+import { ref as i, unref as o, nextTick as f, onUnmounted as d, watch as u } from "vue";
 import { isProdMode as c } from "@aplus-frontend/utils";
 import { getDynamicProps as h } from "../../utils/index.mjs";
 function S(n) {
@@ -9,12 +9,12 @@ function S(n) {
       throw new Error(
         "The form instance has not been obtained, please make sure that the form has been rendered when performing the form operation!"
       );
-    return await u(), e;
+    return await f(), e;
   }
   function l(e) {
-    c() && f(() => {
+    c() && d(() => {
       r.value = null, s.value = null;
-    }), !(o(s) && c() && e === o(r)) && (r.value = e, s.value = !0, d(
+    }), !(o(s) && c() && e === o(r)) && (r.value = e, s.value = !0, u(
       () => n,
       () => {
         n && e.setProps(h(n));

package/es/src/pro-form/index.d.ts

@@ -20,5 +20,6 @@ declare const Field: FieldType;
 export * from './components/interface';
 export * from './types/form';
 export * from './types/form-item';
+export { useComponentRegister } from './hooks/use-component-register';
 export { useForm } from './hooks/use-form';
 export { Field, ApiCascader, ApiRadioGroup, ApiSelect, ApiTransfer, ApiTree, RadioButtonGroup, ProForm, ApiTreeSelect };

package/es/src/pro-form/index.mjs

@@ -1,43 +1,43 @@
-import i from "./components/api-cascader.vue.mjs";
+import "./components/api-cascader.vue2.mjs";
+import "./components/api-radio-group.vue2.mjs";
+import "./components/api-select.vue2.mjs";
+import "./components/api-transfer.vue2.mjs";
+import "./components/api-tree.vue2.mjs";
+import "./components/api-tree-select.vue2.mjs";
+import "./components/radio-button-group.vue2.mjs";
+import "./pro-form.vue2.mjs";
+import "./components/interface.mjs";
+import { isComponentFormSchema as g, isSlotFormSchema as b } from "./types/form.mjs";
+import "./types/form-item.mjs";
+import { useComponentRegister as k } from "./hooks/use-component-register.mjs";
+import { useForm as v } from "./hooks/use-form.mjs";
+import o from "./components/api-cascader.vue.mjs";
 import r from "./components/api-radio-group.vue.mjs";
-import o from "./components/api-select.vue.mjs";
-import p from "./components/api-transfer.vue.mjs";
-import m from "./components/api-tree.vue.mjs";
+import i from "./components/api-select.vue.mjs";
+import m from "./components/api-transfer.vue.mjs";
+import p from "./components/api-tree.vue.mjs";
 import t from "./components/api-tree-select.vue.mjs";
-import a from "./components/radio-button-group.vue.mjs";
-import "vue";
-import "ant-design-vue";
-import "./component-map.mjs";
-import "../basic/index.mjs";
-import "lodash-unified";
-import "@fruits-chain/utils";
-import "../config-provider/index.mjs";
-import "./components/style/form-item.css";
-import "../base-button/index.mjs";
-import "@aplus-frontend/hooks";
-import "./components/style/form-action.css";
-import "dayjs";
-import "@aplus-frontend/utils";
-import "@vueuse/core";
-import "./hooks/use-break-point.mjs";
-import "../modal/index.mjs";
-import "./style/index.css";
-const q = {
-  ApiCascader: i,
+import e from "./components/radio-button-group.vue.mjs";
+const G = {
+  ApiCascader: o,
   ApiRadioGroup: r,
-  ApiSelect: o,
-  ApiTransfer: p,
-  ApiTree: m,
+  ApiSelect: i,
+  ApiTransfer: m,
+  ApiTree: p,
   ApiTreeSelect: t,
-  RadioButtonGroup: a
+  RadioButtonGroup: e
 };
 export {
-  i as ApiCascader,
+  o as ApiCascader,
   r as ApiRadioGroup,
-  o as ApiSelect,
-  p as ApiTransfer,
-  m as ApiTree,
+  i as ApiSelect,
+  m as ApiTransfer,
+  p as ApiTree,
   t as ApiTreeSelect,
-  q as Field,
-  a as RadioButtonGroup
+  G as Field,
+  e as RadioButtonGroup,
+  g as isComponentFormSchema,
+  b as isSlotFormSchema,
+  k as useComponentRegister,
+  v as useForm
 };

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

@@ -75,7 +75,7 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
     showActionButtonGroup: boolean;
     showResetButton: boolean;
     showSubmitButton: boolean;
-    schemas: FormSchema[];
+    schemas: FormSchema<any>[];
     emptySpan: number | Partial< ColEx>;
     fieldMapToTime: FieldMapToTime;
     autoSubmitOnEnter: boolean;

package/es/src/pro-form/pro-form.vue.mjs

@@ -1,23 +1,25 @@
-import { defineComponent as pe, useAttrs as ve, reactive as $, ref as f, computed as c, unref as a, watch as b, nextTick as ye, onMounted as ge, openBlock as V, createBlock as N, mergeProps as C, withKeys as Be, withCtx as h, createVNode as Y, normalizeProps as z, guardReactiveProps as j, renderSlot as A, createElementBlock as be, Fragment as he, renderList as M, createSlots as K } from "vue";
+import { defineComponent as pe, useAttrs as ve, reactive as $, ref as f, computed as m, unref as a, watch as b, nextTick as ye, onMounted as ge, openBlock as V, createBlock as N, mergeProps as C, withKeys as Be, withCtx as h, createVNode as Y, normalizeProps as z, guardReactiveProps as j, renderSlot as A, createElementBlock as be, Fragment as he, renderList as M, createSlots as K } from "vue";
 import { Form as Ae, Row as Fe } from "ant-design-vue";
-import Se from "./components/form-item.vue.mjs";
-import we from "./components/form-action.vue.mjs";
-import { dateItemType as Pe, isIncludeSimpleComponents as De } from "./helper.mjs";
+import "./components/form-item.vue.mjs";
+import "./components/form-action.vue.mjs";
+import { dateItemType as Se, isIncludeSimpleComponents as we } from "./helper.mjs";
 import F from "dayjs";
-import { deepMerge as Ve } from "@aplus-frontend/utils";
-import { useFormValues as Ce } from "./hooks/use-form-values.mjs";
-import Me from "./hooks/use-advanced.mjs";
-import { useFormEvents as Re } from "./hooks/use-form-events.mjs";
-import { createFormContext as Te } from "./hooks/use-form-context.mjs";
-import { useAutoFocus as _e } from "./hooks/use-auto-focus.mjs";
+import { deepMerge as Pe } from "@aplus-frontend/utils";
+import { useFormValues as De } from "./hooks/use-form-values.mjs";
+import Ve from "./hooks/use-advanced.mjs";
+import { useFormEvents as Ce } from "./hooks/use-form-events.mjs";
+import { createFormContext as Me } from "./hooks/use-form-context.mjs";
+import { useAutoFocus as Re } from "./hooks/use-auto-focus.mjs";
 import "../modal/index.mjs";
-import { useDebounceFn as Ee } from "@vueuse/core";
-import { cloneDeep as Oe } from "lodash-unified";
+import { useDebounceFn as Te } from "@vueuse/core";
+import { cloneDeep as _e } from "lodash-unified";
 import "../config-provider/index.mjs";
 import "./style/index.css";
-import { useModalContext as ke } from "../modal/hooks/use-modal-context.mjs";
-import { useNamespace as He } from "../config-provider/hooks/use-namespace.mjs";
-const ot = /* @__PURE__ */ pe({
+import { useModalContext as Ee } from "../modal/hooks/use-modal-context.mjs";
+import { useNamespace as Oe } from "../config-provider/hooks/use-namespace.mjs";
+import ke from "./components/form-item.vue2.mjs";
+import He from "./components/form-action.vue2.mjs";
+const nt = /* @__PURE__ */ pe({
   name: "BasicForm",
   __name: "pro-form",
   props: {
@@ -71,26 +73,26 @@ const ot = /* @__PURE__ */ pe({
     "field-value-change"
   ],
   setup(r, { expose: d, emit: U }) {
-    const p = r, v = U, x = ve(), s = $({}), m = ke(), R = $({
+    const p = r, v = U, x = ve(), s = $({}), c = Ee(), R = $({
       isAdvanced: !0,
       hideAdvanceBtn: !1,
       isLoad: !1,
       actionSpan: 6
-    }), y = f({}), S = f(!1), w = f(), T = f(null), P = f(null), { b: G, m: J } = He("basic-form"), n = c(() => ({ ...p, ...a(w) })), W = c(() => [
+    }), y = f({}), S = f(!1), w = f(), T = f(null), P = f(null), { b: G, m: J } = Oe("basic-form"), n = m(() => ({ ...p, ...a(w) })), W = m(() => [
       G(),
       {
         [J("compact")]: a(n).compact
       }
-    ]), q = c(() => {
+    ]), q = m(() => {
       const { baseRowStyle: e = {}, rowProps: o } = a(n);
       return {
         style: e,
         ...o
       };
-    }), Q = c(
+    }), Q = m(
       () => ({ ...x, ...p, ...a(n) })
-    ), u = c(() => {
-      const e = Oe(
+    ), u = m(() => {
+      const e = _e(
         a(T) || a(n).schemas
       );
       for (const o of e) {
@@ -100,7 +102,7 @@ const ot = /* @__PURE__ */ pe({
           componentProps: i = {},
           isHandleDateDefaultValue: fe = !0
         } = o;
-        if (fe && t && l && Pe.includes(l)) {
+        if (fe && t && l && Se.includes(l)) {
           const de = {
             schema: o,
             tableAction: p.tableAction ?? {},
@@ -120,22 +122,22 @@ const ot = /* @__PURE__ */ pe({
         }
       }
       return a(n).showAdvancedButton ? e.filter(
-        (o) => !De(o.component)
+        (o) => !we(o.component)
       ) : e;
-    }), { handleToggleAdvanced: X, fieldsIsAdvancedMap: Z } = Me({
+    }), { handleToggleAdvanced: X, fieldsIsAdvancedMap: Z } = Ve({
       advanceState: R,
       emit: v,
       getProps: n,
       getSchema: u,
       formModel: s,
       defaultValueRef: y
-    }), { handleFormValues: ee, initDefault: _ } = Ce({
+    }), { handleFormValues: ee, initDefault: _ } = De({
       getProps: n,
       defaultValueRef: y,
       getSchema: u,
       formModel: s
     });
-    _e({
+    Re({
       getSchema: u,
       getProps: n,
       isInitedDefault: S,
@@ -154,7 +156,7 @@ const ot = /* @__PURE__ */ pe({
       removeSchemaByField: se,
       resetFields: H,
       scrollToField: le
-    } = Re({
+    } = Ce({
       emit: v,
       getProps: n,
       formModel: s,
@@ -164,7 +166,7 @@ const ot = /* @__PURE__ */ pe({
       schemaRef: T,
       handleFormValues: ee
     });
-    Te({
+    Me({
       resetAction: H,
       submitAction: g
     }), b(
@@ -186,24 +188,24 @@ const ot = /* @__PURE__ */ pe({
       (e) => {
         ye(() => {
           var o;
-          (o = m == null ? void 0 : m.redoModalHeight) == null || o.call(m);
+          (o = c == null ? void 0 : c.redoModalHeight) == null || o.call(c);
         }), !a(S) && e != null && e.length && (_(), S.value = !0);
       }
     ), b(
       () => s,
-      Ee(() => {
+      Te(() => {
         a(n).submitOnChange && g();
       }, 300),
       { deep: !0 }
     );
     async function ue(e) {
-      w.value = Ve(a(w) || {}, e);
+      w.value = Pe(a(w) || {}, e);
     }
     function ie(e, o, t) {
       s[e] = o, v("field-value-change", e, o), t && t.itemProps && !t.itemProps.autoLink && O([e]).catch((l) => {
       });
     }
-    function ce(e) {
+    function me(e) {
       const { autoSubmitOnEnter: o } = a(n);
       if (o && e.key === "Enter" && e.target && e.target instanceof HTMLElement) {
         const t = e.target;
@@ -224,7 +226,7 @@ const ot = /* @__PURE__ */ pe({
       validate: oe,
       submit: g,
       scrollToField: le
-    }, me = c(
+    }, ce = m(
       () => ({ ...n.value, ...R })
     );
     return d({
@@ -236,13 +238,13 @@ const ot = /* @__PURE__ */ pe({
       ref_key: "formElRef",
       ref: P,
       model: s,
-      onKeypress: Be(ce, ["enter"])
+      onKeypress: Be(me, ["enter"])
     }), {
       default: h(() => [
         Y(a(Fe), z(j(q.value)), {
           default: h(() => [
             A(e.$slots, "formHeader"),
-            (V(!0), be(he, null, M(u.value, (t) => (V(), N(Se, {
+            (V(!0), be(he, null, M(u.value, (t) => (V(), N(ke, {
               key: t.field,
               isAdvanced: a(Z)[t.field],
               tableAction: e.tableAction,
@@ -260,7 +262,7 @@ const ot = /* @__PURE__ */ pe({
                 ])
               }))
             ]), 1032, ["isAdvanced", "tableAction", "schema", "formProps", "allDefaultValues", "formModel"]))), 128)),
-            Y(we, C(me.value, { onToggleAdvanced: a(X) }), K({ _: 2 }, [
+            Y(He, C(ce.value, { onToggleAdvanced: a(X) }), K({ _: 2 }, [
               M([
                 "resetBefore",
                 "submitBefore",
@@ -283,5 +285,5 @@ const ot = /* @__PURE__ */ pe({
   }
 });
 export {
-  ot as default
+  nt as default
 };

package/es/src/pro-form/types/form-item.mjs

@@ -0,0 +1 @@
+

package/es/src/pro-form/types/form.d.ts

@@ -55,7 +55,7 @@ export interface ProFormProps {
     wrapperCol?: Partial<ColEx>;
     baseRowStyle?: CSSProperties;
     baseColProps?: Partial<ColEx>;
-    schemas?: FormSchema[];
+    schemas?: FormSchema<any>[];
     mergeDynamicData?: Record<string, any>;
     compact?: boolean;
     emptySpan?: number | Partial<ColEx>;
@@ -86,7 +86,7 @@ export type RenderOpts = {
     disabled: boolean;
     [key: string]: any;
 };
-interface BaseFormSchema<T extends ComponentType = any> {
+interface BaseFormSchema<T extends ComponentType = any, E = any> {
     field: string;
     fields?: string[];
     changeEvent?: string;
@@ -102,7 +102,7 @@ interface BaseFormSchema<T extends ComponentType = any> {
         tableAction: any;
         formActionType: FormActionType;
         formModel: Record<string, any>;
-    }) => ComponentProps[T]) | ComponentProps[T];
+    }) => (ComponentProps & E)[T]) | (ComponentProps & E)[T];
     required?: boolean | ((renderCallbackParams: RenderCallbackParams) => boolean);
     suffix?: string | number | ((values: RenderCallbackParams) => string | number);
     rules?: Rule[];
@@ -129,15 +129,15 @@ interface BaseFormSchema<T extends ComponentType = any> {
     dynamicReadonly?: boolean | ((renderCallbackParams: RenderCallbackParams) => boolean);
     dynamicRules?: (renderCallbackParams: RenderCallbackParams) => Rule[];
 }
-export interface ComponentFormSchema<T extends ComponentType = any> extends BaseFormSchema<T> {
-    component: T;
+export interface ComponentFormSchema<T extends ComponentType = any, E = any> extends BaseFormSchema<T, E> {
+    component: T | keyof E;
 }
 export interface SlotFormSchema extends BaseFormSchema {
     slot: string;
 }
-type ComponentFormSchemaType<T extends ComponentType = ComponentType> = T extends any ? ComponentFormSchema<T> : never;
-export type FormSchema = ComponentFormSchemaType | SlotFormSchema;
-export type FormSchemaInner = Partial<ComponentFormSchema> & Partial<SlotFormSchema> & BaseFormSchema;
+type ComponentFormSchemaType<T extends ComponentType = ComponentType, E = any> = ComponentFormSchema<T, E>;
+export type FormSchema<ExtraComponentRecordsTypes = any> = ComponentFormSchemaType<ComponentType, ExtraComponentRecordsTypes> | SlotFormSchema;
+export type FormSchemaInner = Partial<ComponentFormSchema<ComponentType, {}>> & Partial<SlotFormSchema> & BaseFormSchema;
 export declare function isSlotFormSchema(schema: FormSchemaInner): schema is SlotFormSchema;
 export declare function isComponentFormSchema(schema: FormSchemaInner): schema is ComponentFormSchema;
 export interface HelpComponentProps {

package/es/src/pro-table/component-map.mjs

@@ -1,39 +1,31 @@
-import { Input as o, InputNumber as e, Select as i, AutoComplete as p, Switch as r, Checkbox as m, DatePicker as c, TimePicker as s, Radio as n } from "ant-design-vue";
-import "vue";
-import "lodash-unified";
-import "@ant-design/icons-vue";
-import "../config-provider/index.mjs";
-import "@fruits-chain/utils";
-import u from "../pro-form/components/api-radio-group.vue.mjs";
-import a from "../pro-form/components/api-select.vue.mjs";
-import f from "../pro-form/components/api-tree-select.vue.mjs";
-import _ from "../pro-form/components/radio-button-group.vue.mjs";
-import "../pro-form/component-map.mjs";
-import "../basic/index.mjs";
-import "../pro-form/components/style/form-item.css";
-import "../base-button/index.mjs";
-import "@aplus-frontend/hooks";
-import "../pro-form/components/style/form-action.css";
-import "dayjs";
-import "@aplus-frontend/utils";
-import "@vueuse/core";
-import "../pro-form/hooks/use-break-point.mjs";
-import "../modal/index.mjs";
-import "../pro-form/style/index.css";
-const t = /* @__PURE__ */ new Map();
-t.set("Input", o);
-t.set("InputNumber", e);
-t.set("Select", i);
-t.set("ApiSelect", a);
-t.set("AutoComplete", p);
-t.set("ApiTreeSelect", f);
-t.set("Switch", r);
-t.set("Checkbox", m);
-t.set("DatePicker", c);
-t.set("TimePicker", s);
-t.set("RadioGroup", n.Group);
-t.set("RadioButtonGroup", _);
-t.set("ApiRadioGroup", u);
+import { Input as i, InputNumber as p, Select as r, AutoComplete as m, Switch as c, Checkbox as s, DatePicker as n, TimePicker as u, Radio as a } from "ant-design-vue";
+import "../pro-form/index.mjs";
+import f from "../pro-form/components/api-select.vue.mjs";
+import d from "../pro-form/components/api-tree-select.vue.mjs";
+import l from "../pro-form/components/radio-button-group.vue.mjs";
+import _ from "../pro-form/components/api-radio-group.vue.mjs";
+const e = /* @__PURE__ */ new Map();
+e.set("Input", i);
+e.set("InputNumber", p);
+e.set("Select", r);
+e.set("ApiSelect", f);
+e.set("AutoComplete", m);
+e.set("ApiTreeSelect", d);
+e.set("Switch", c);
+e.set("Checkbox", s);
+e.set("DatePicker", n);
+e.set("TimePicker", u);
+e.set("RadioGroup", a.Group);
+e.set("RadioButtonGroup", l);
+e.set("ApiRadioGroup", _);
+function G(t, o) {
+  e.set(t, o);
+}
+function I(t) {
+  e.delete(t);
+}
 export {
-  t as componentMap
+  G as add,
+  e as componentMap,
+  I as del
 };