@aplus-frontend/ui 0.0.1-beta.4 → 0.0.1-beta.40

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 H } from "vue";
-import { isFunction as J, get as nt, cloneDeep as I, isString as D, isObject as A, isArray as T, uniqBy as et, isNil as Q, set as Y } from "lodash-unified";
+import { unref as o, nextTick as tt, toRaw as J } from "vue";
+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";
@@ -46,12 +46,12 @@ function bt({
 }) {
   async function x() {
     const { resetFunc: t, submitOnReset: n } = o(F);
-    t && J(t) && await t(), o(f) && (Object.keys(u).forEach((e) => {
+    t && Q(t) && await t(), o(f) && (Object.keys(u).forEach((e) => {
       const l = o(s).find((a) => a.field === e), i = l == null ? void 0 : l.defaultValueObj, p = Object.keys(i || {});
       p.length && p.map((a) => {
         u[a] = i[a];
       }), u[e] = ut(l, y, e);
-    }), tt(() => S()), r("reset", H(u)), n && j());
+    }), tt(() => j()), r("reset", J(u)), n && S());
   }
   const C = () => o(s).map((t) => [...t.fields || [], t.field]).flat(1).filter(Boolean);
   async function V(t) {
@@ -65,15 +65,15 @@ function bt({
       let a = nt(t, i);
       const R = Reflect.has(t, i);
       a = ot(p == null ? void 0 : p.component, a);
-      const { componentProps: z } = p || {};
-      let h = z;
-      typeof z == "function" && (h = h({
+      const { componentProps: G } = p || {};
+      let h = G;
+      typeof G == "function" && (h = h({
         formModel: o(u),
         formActionType: k
       }));
-      const G = st(i, t) || lt(i, t);
-      if (R || G) {
-        const d = G || a;
+      const H = st(i, t) || lt(i, t);
+      if (R || H) {
+        const d = H || a;
         if (_(i))
           if (Array.isArray(d)) {
             const b = [];
@@ -157,11 +157,11 @@ function bt({
     A(t) && n.push(t), T(t) && (n = [...t]);
     const c = {}, e = E();
     n.forEach((l) => {
-      !B(l.component) && Reflect.has(l, "field") && l.field && !Q(l.defaultValue) && (!(l.field in e) || Q(e[l.field])) && (c[l.field] = l.defaultValue);
+      !B(l.component) && Reflect.has(l, "field") && l.field && !U(l.defaultValue) && (!(l.field in e) || U(e[l.field])) && (c[l.field] = l.defaultValue);
     }), V(c);
   }
   function E() {
-    return o(f) ? w(H(o(u))) : {};
+    return o(f) ? w(J(o(u))) : {};
   }
   function _(t) {
     return o(s).some((n) => n.field === t && n.component ? ct.includes(n.component) : !1);
@@ -182,18 +182,18 @@ function bt({
     const c = await ((e = o(f)) == null ? void 0 : e.validate(n));
     return w(c);
   }
-  async function S(t) {
+  async function j(t) {
     var n;
     await ((n = o(f)) == null ? void 0 : n.clearValidate(t));
   }
-  async function U(t, n) {
+  async function z(t, n) {
     var c;
     await ((c = o(f)) == null ? void 0 : c.scrollToField(t, n));
   }
-  async function j(t) {
+  async function S(t) {
     t && t.preventDefault();
     const { submitFunc: n } = o(F);
-    if (n && J(n)) {
+    if (n && Q(n)) {
       await n();
       return;
     }
@@ -216,15 +216,15 @@ function bt({
     setProps: K,
     removeSchemaByField: P,
     appendSchemaByField: N,
-    clearValidate: S,
+    clearValidate: j,
     validateFields: O,
     validate: g,
-    submit: j,
-    scrollToField: U
+    submit: S,
+    scrollToField: z
   };
   return {
-    handleSubmit: j,
-    clearValidate: S,
+    handleSubmit: S,
+    clearValidate: j,
     validate: g,
     validateFields: O,
     getFieldsValue: E,
@@ -234,7 +234,7 @@ function bt({
     removeSchemaByField: P,
     resetFields: x,
     setFieldsValue: V,
-    scrollToField: U
+    scrollToField: z
   };
 }
 function ut(r, F, u) {

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

@@ -1,6 +1,6 @@
-import { isObject as O, isArray as D, isFunction as x, isString as F, set as T, get as V, unset as g, isNil as b, isEmpty as E, cloneDeep as K } from "lodash-unified";
-import j from "dayjs";
-import { unref as l } from "vue";
+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) {
   const u = /^\[(.+)\]$/;
   if (u.test(y)) {
@@ -19,7 +19,7 @@ function $(y, o, m) {
     const f = y.match(u);
     if (f && f[1]) {
       const h = f[1].split(",");
-      return o = O(o) ? o : {}, h.forEach((p) => {
+      return o = l(o) ? o : {}, h.forEach((p) => {
         T(m, p.trim(), o[p.trim()]);
       }), !0;
     }
@@ -33,7 +33,7 @@ function R({
 }) {
   function f(i) {
     var e, s;
-    if (!O(i))
+    if (!l(i))
       return {};
     const r = {};
     for (const a of Object.entries(i)) {
@@ -41,13 +41,13 @@ function R({
       const [n] = a;
       if (!n || D(t) && t.length === 0 || x(t))
         continue;
-      const c = l(u).transformDateFunc;
-      O(t) && (t = c == null ? void 0 : c(t)), D(t) && ((e = t[0]) != null && e.format) && ((s = t[1]) != null && s.format) && (t = t.map((A) => c == null ? void 0 : c(A))), F(t) && (t = t.trim()), !S(n, t, r) && !$(n, t, r) && T(r, n, t);
+      const c = O(u).transformDateFunc;
+      l(t) && (t = c == null ? void 0 : c(t)), D(t) && ((e = t[0]) != null && e.format) && ((s = t[1]) != null && s.format) && (t = t.map((A) => c == null ? void 0 : c(A))), F(t) && (t = t.trim()), !S(n, t, r) && !$(n, t, r) && T(r, n, t);
     }
     return h(r);
   }
   function h(i) {
-    const r = l(u).fieldMapToTime;
+    const r = O(u).fieldMapToTime;
     if (!r || !Array.isArray(r))
       return i;
     for (const [
@@ -62,20 +62,20 @@ function R({
         continue;
       }
       const [n, c] = V(i, e), [A, Y] = Array.isArray(t) ? t : [t, t];
-      !b(n) && !E(n) && T(i, s, p(n, A)), !b(c) && !E(c) && T(i, a, p(c, Y)), g(i, e);
+      !j(n) && !E(n) && T(i, s, p(n, A)), !j(c) && !E(c) && T(i, a, p(c, Y)), g(i, e);
     }
     return i;
   }
   function p(i, r) {
-    return r === "timestamp" ? j(i).unix() : r === "timestampStartDay" ? j(i).startOf("day").unix() : j(i).format(r);
+    return r === "timestamp" ? b(i).unix() : r === "timestampStartDay" ? b(i).startOf("day").unix() : b(i).format(r);
   }
   function d() {
-    const i = l(o), r = {};
+    const i = O(o), r = {};
     i.forEach((e) => {
       const { defaultValue: s, defaultValueObj: a } = e, t = Object.keys(a || {});
       t.length && t.map((n) => {
         r[n] = a[n], m[n] === void 0 && (m[n] = a[n]);
-      }), b(s) || (r[e.field] = s, m[e.field] === void 0 && (m[e.field] = s));
+      }), j(s) || (r[e.field] = s, m[e.field] === void 0 && (m[e.field] = s));
     }), y.value = K(r);
   }
   return { handleFormValues: f, initDefault: d };

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/hooks/use-label-width.d.ts

@@ -96,8 +96,8 @@ export declare function useItemLabelWidth(schemaItemRef: Ref<FormSchema>, propsR
             offset: string | number;
         } | ColSize | undefined;
         prefixCls?: string | undefined;
-        span?: (string | number) | undefined;
         push?: (string | number) | undefined;
+        span?: (string | number) | undefined;
         flex?: (string | number) | undefined;
         order?: (string | number) | undefined;
         offset?: (string | number) | undefined;
@@ -110,7 +110,7 @@ export declare function useItemLabelWidth(schemaItemRef: Ref<FormSchema>, propsR
         contextmenu?: string | undefined;
         dir?: string | undefined;
         draggable?: (boolean | "true" | "false") | undefined;
-        hidden?: "" | "hidden" | (boolean | "true" | "false") | "until-found" | undefined;
+        hidden?: "" | (boolean | "true" | "false") | "hidden" | "until-found" | undefined;
         id?: string | undefined;
         inert?: (boolean | "true" | "false") | undefined;
         lang?: string | undefined;
@@ -141,27 +141,27 @@ export declare function useItemLabelWidth(schemaItemRef: Ref<FormSchema>, propsR
         results?: (string | number) | undefined;
         security?: string | undefined;
         unselectable?: "on" | "off" | undefined;
-        inputmode?: "text" | "search" | "url" | "email" | "tel" | "none" | "numeric" | "decimal" | undefined;
+        inputmode?: "text" | "search" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
         is?: string | undefined;
         'aria-activedescendant'?: string | undefined;
         'aria-atomic'?: (boolean | "true" | "false") | undefined;
-        'aria-autocomplete'?: "none" | "inline" | "both" | "list" | undefined;
+        'aria-autocomplete'?: "inline" | "none" | "both" | "list" | undefined;
         'aria-busy'?: (boolean | "true" | "false") | undefined;
         'aria-checked'?: (boolean | "true" | "false") | "mixed" | undefined;
         'aria-colcount'?: (string | number) | undefined;
         'aria-colindex'?: (string | number) | undefined;
         'aria-colspan'?: (string | number) | undefined;
         'aria-controls'?: string | undefined;
-        'aria-current'?: "time" | "date" | (boolean | "true" | "false") | "page" | "step" | "location" | undefined;
+        'aria-current'?: "time" | (boolean | "true" | "false") | "page" | "date" | "step" | "location" | undefined;
         'aria-describedby'?: string | undefined;
         'aria-details'?: string | undefined;
         'aria-disabled'?: (boolean | "true" | "false") | undefined;
-        'aria-dropeffect'?: "none" | "copy" | "link" | "move" | "execute" | "popup" | undefined;
+        'aria-dropeffect'?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
         'aria-errormessage'?: string | undefined;
         'aria-expanded'?: (boolean | "true" | "false") | undefined;
         'aria-flowto'?: string | undefined;
         'aria-grabbed'?: (boolean | "true" | "false") | undefined;
-        'aria-haspopup'?: "dialog" | "menu" | (boolean | "true" | "false") | "grid" | "listbox" | "tree" | undefined;
+        'aria-haspopup'?: "menu" | "dialog" | (boolean | "true" | "false") | "grid" | "listbox" | "tree" | undefined;
         'aria-hidden'?: (boolean | "true" | "false") | undefined;
         'aria-invalid'?: (boolean | "true" | "false") | "grammar" | "spelling" | undefined;
         'aria-keyshortcuts'?: string | undefined;
@@ -301,8 +301,8 @@ export declare function useItemLabelWidth(schemaItemRef: Ref<FormSchema>, propsR
             offset: string | number;
         } | ColSize | undefined;
         prefixCls?: string | undefined;
-        span?: (string | number) | undefined;
         push?: (string | number) | undefined;
+        span?: (string | number) | undefined;
         flex?: (string | number) | undefined;
         order?: (string | number) | undefined;
         offset?: (string | number) | undefined;

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

@@ -6,6 +6,8 @@ import { default as ApiTree } from './components/api-tree.vue';
 import { default as ApiTreeSelect } from './components/api-tree-select.vue';
 import { default as RadioButtonGroup } from './components/radio-button-group.vue';
 import { default as ProForm } from './pro-form.vue';
+import { default as ProTableForm } from './table-form.vue';
+import { default as ProTableFormInner } from './table-form-inner.vue';
 
 type FieldType = {
     ApiCascader: typeof ApiCascader;
@@ -20,5 +22,7 @@ declare const Field: FieldType;
 export * from './components/interface';
 export * from './types/form';
 export * from './types/form-item';
+export * from './types/table-form';
+export { useComponentRegister } from './hooks/use-component-register';
 export { useForm } from './hooks/use-form';
-export { Field, ApiCascader, ApiRadioGroup, ApiSelect, ApiTransfer, ApiTree, RadioButtonGroup, ProForm, ApiTreeSelect };
+export { Field, ApiCascader, ApiRadioGroup, ApiSelect, ApiTransfer, ApiTree, RadioButtonGroup, ProForm, ApiTreeSelect, ProTableForm, ProTableFormInner };

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

@@ -1,43 +1,46 @@
-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 "./table-form.vue2.mjs";
+import "./table-form-inner.vue2.mjs";
+import "./components/interface.mjs";
+import { isComponentFormSchema as k, isSlotFormSchema as q } from "./types/form.mjs";
+import "./types/form-item.mjs";
+import "./types/table-form.mjs";
+import { useComponentRegister as w } from "./hooks/use-component-register.mjs";
+import { useForm as z } 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,
+  k as isComponentFormSchema,
+  q as isSlotFormSchema,
+  w as useComponentRegister,
+  z as useForm
 };

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

@@ -37,8 +37,8 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
     submit: (e?: Event | undefined) => Promise<void>;
     scrollToField: (name: NamePath, options?: ScrollOptions | undefined) => Promise<void>;
 }, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-    reset: (...args: any[]) => void;
     submit: (...args: any[]) => void;
+    reset: (...args: any[]) => void;
     register: (...args: any[]) => void;
     "advanced-change": (...args: any[]) => void;
     "field-value-change": (...args: any[]) => void;
@@ -66,7 +66,7 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
     "onAdvanced-change"?: ((...args: any[]) => any) | undefined;
     "onField-value-change"?: ((...args: any[]) => any) | undefined;
 }, {
-    size: "small" | "large" | "default";
+    size: "default" | "small" | "large";
     layout: "inline" | "horizontal" | "vertical";
     labelWidth: string | number;
     rulesMessageJoinLabel: boolean;
@@ -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;