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

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 U, 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: {
@@ -70,41 +72,41 @@ const ot = /* @__PURE__ */ pe({
     "register",
     "field-value-change"
   ],
-  setup(r, { expose: d, emit: j }) {
-    const p = r, v = j, x = ve(), l = $({}), m = ke(), R = $({
+  setup(r, { expose: d, emit: U }) {
+    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) {
         const {
           defaultValue: t,
-          component: s,
+          component: l,
           componentProps: i = {},
           isHandleDateDefaultValue: fe = !0
         } = o;
-        if (fe && t && s && Pe.includes(s)) {
+        if (fe && t && l && Se.includes(l)) {
           const de = {
             schema: o,
             tableAction: p.tableAction ?? {},
-            formModel: l,
+            formModel: s,
             formActionType: {}
           }, B = i ? typeof i == "function" ? i(de).valueFormat : i.valueFormat : null;
           if (!Array.isArray(t))
@@ -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: l,
+      formModel: s,
       defaultValueRef: y
-    }), { handleFormValues: ee, initDefault: _ } = Ce({
+    }), { handleFormValues: ee, initDefault: _ } = De({
       getProps: n,
       defaultValueRef: y,
       getSchema: u,
-      formModel: l
+      formModel: s
     });
-    _e({
+    Re({
       getSchema: u,
       getProps: n,
       isInitedDefault: S,
@@ -151,20 +153,20 @@ const ot = /* @__PURE__ */ pe({
       updateSchema: ne,
       resetSchema: k,
       appendSchemaByField: re,
-      removeSchemaByField: le,
+      removeSchemaByField: se,
       resetFields: H,
-      scrollToField: se
-    } = Re({
+      scrollToField: le
+    } = Ce({
       emit: v,
       getProps: n,
-      formModel: l,
+      formModel: s,
       getSchema: u,
       defaultValueRef: y,
       formElRef: P,
       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(
-      () => l,
-      Ee(() => {
+      () => s,
+      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) {
-      l[e] = o, v("field-value-change", e, o), t && t.itemProps && !t.itemProps.autoLink && O([e]).catch((s) => {
+      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;
@@ -217,14 +219,14 @@ const ot = /* @__PURE__ */ pe({
       updateSchema: ne,
       resetSchema: k,
       setProps: ue,
-      removeSchemaByField: le,
+      removeSchemaByField: se,
       appendSchemaByField: re,
       clearValidate: te,
       validateFields: O,
       validate: oe,
       submit: g,
-      scrollToField: se
-    }, me = c(
+      scrollToField: le
+    }, ce = m(
       () => ({ ...n.value, ...R })
     );
     return d({
@@ -235,14 +237,14 @@ const ot = /* @__PURE__ */ pe({
       class: W.value,
       ref_key: "formElRef",
       ref: P,
-      model: l,
-      onKeypress: Be(ce, ["enter"])
+      model: s,
+      onKeypress: Be(me, ["enter"])
     }), {
       default: h(() => [
-        Y(a(Fe), z(U(q.value)), {
+        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,
@@ -250,17 +252,17 @@ const ot = /* @__PURE__ */ pe({
               schema: t,
               formProps: n.value,
               allDefaultValues: y.value,
-              formModel: l,
+              formModel: s,
               setFormModel: ie
             }, K({ _: 2 }, [
-              M(Object.keys(e.$slots), (s) => ({
-                name: s,
+              M(Object.keys(e.$slots), (l) => ({
+                name: l,
                 fn: h((i) => [
-                  A(e.$slots, s, C({ ref_for: !0 }, i || {}))
+                  A(e.$slots, l, C({ ref_for: !0 }, i || {}))
                 ])
               }))
             ]), 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",
@@ -268,8 +270,8 @@ const ot = /* @__PURE__ */ pe({
                 "advanceAfter"
               ], (t) => ({
                 name: t,
-                fn: h((s) => [
-                  A(e.$slots, t, z(U(s || {})))
+                fn: h((l) => [
+                  A(e.$slots, t, z(j(l || {})))
                 ])
               }))
             ]), 1040, ["onToggleAdvanced"]),
@@ -283,5 +285,5 @@ const ot = /* @__PURE__ */ pe({
   }
 });
 export {
-  ot as default
+  nt as default
 };

package/es/src/pro-form/style/index.css

@@ -4,6 +4,3 @@
 .aplus-basic-form .ant-form-explain {
   font-size: 14px;
 }
-.aplus-basic-form--compact .ant-form-item {
-  margin-bottom: 8px !important;
-}

package/es/src/pro-form/style/table-form.css

@@ -0,0 +1,104 @@
+.aplus-pro-table-form .table-form-admin .ant-table-wrapper {
+  padding: 0;
+}
+.aplus-pro-table-form .table-form-admin .ant-table .ant-table-tbody > tr > td,
+.aplus-pro-table-form .table-form-admin .ant-table .ant-table-body .ant-table-tbody > tr.ant-table-row > td {
+  padding: 18px 16px 0px ;
+}
+.aplus-pro-table-form .table-form-admin .ant-table .ant-table-body .ant-table-tbody > tr.ant-table-row > td:first-child {
+  padding: 18px 16px 0 ;
+}
+.aplus-pro-table-form .table-form-admin .ant-table .ant-form-item {
+  margin-bottom: 18px;
+}
+.aplus-pro-table-form .table-form-admin .ant-table .ant-form-item .ant-form-item-explain {
+  line-height: 18px;
+}
+.aplus-pro-table-form .table-form-admin .ant-table .ant-form-item .ant-form-item-explain + div {
+  height: 18px ;
+}
+.aplus-pro-table-form .table-form-admin .ant-table .ant-table-thead > tr > th {
+  padding: 10.5px 16px !important;
+  background: #fafafa;
+  color: #182948;
+}
+.aplus-pro-table-form .table-form-aplus .ant-form-item {
+  margin-bottom: 0;
+}
+.aplus-pro-table-form .table-form-aplus .ant-form-item-has-error.ant-form-item {
+  margin-bottom: 24px;
+}
+.aplus-pro-table-form .table-form-aplus .ant-table-tbody > tr > td,
+.aplus-pro-table-form .table-form-aplus .ant-table-body .ant-table-tbody > tr.ant-table-row > td {
+  padding: 16px 8px ;
+}
+.aplus-pro-table-form .table-form-aplus .ant-table-body .ant-table-tbody > tr.ant-table-row > td:first-child {
+  padding: 16px 8px ;
+}
+.aplus-pro-table-form .ant-table {
+  border-radius: 0 !important;
+}
+.aplus-pro-table-form .ant-table .ant-table-container table > thead > tr:first-child > *:first-child {
+  border-start-start-radius: 0;
+}
+.aplus-pro-table-form .ant-table .ant-table-container table > thead > tr:first-child > *:last-child {
+  border-start-end-radius: 0;
+}
+.aplus-pro-table-form .ant-table .ant-table-container,
+.aplus-pro-table-form .ant-table .ant-table-thead {
+  border-start-start-radius: 0;
+  border-start-end-radius: 0;
+}
+.aplus-pro-table-form .ant-table .ant-table-thead > tr > th {
+  padding: 15.5px 8px !important;
+  background: #f2f6f9;
+  color: #182948;
+  text-align: left !important;
+}
+.aplus-pro-table-form .ant-table .ant-table-thead > tr > th::before {
+  display: none;
+  visibility: hidden;
+  width: 0;
+}
+.aplus-pro-table-form .ant-table .ant-table-content {
+  overflow-x: scroll;
+}
+.aplus-pro-table-form .ant-table-row.ant-table-row-level-0 .ant-table-cell {
+  vertical-align: top;
+}
+.aplus-pro-table-form--required {
+  color: #FF4D4F;
+  margin-top: 4px;
+}
+.aplus-pro-table-form--edit-cell {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  align-items: flex-start;
+  justify-content: flex-start;
+}
+.aplus-pro-table-form--form-item {
+  width: 100%;
+}
+.aplus-pro-table-form--edit-wraper {
+  display: flex;
+}
+.aplus-pro-table-form--field-error .ant-input-number,
+.aplus-pro-table-form--field-error .ant-input {
+  border-color: #ff4d4f;
+}
+.aplus-pro-table-form--text-cell {
+  margin-top: 5px;
+}
+.aplus-pro-table-form--action-cell {
+  display: flex;
+  align-items: center;
+  margin-top: 5px;
+}
+.aplus-pro-table-form--error-tip {
+  margin-left: 8px;
+  color: #FF4D4F;
+}
+.aplus-pro-table-form .ant-input-number {
+  width: 100% !important;
+}

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

@@ -0,0 +1,44 @@
+import { EditColumn, Recordable, ProTableFormInnerProps, TableActionTypes } from './types/table-form';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
+
+declare const _default: DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ProTableFormInnerProps>, {
+    disabled: boolean;
+    dataPath: () => never[];
+    actions: () => never[];
+    bordered: boolean;
+    editableFunc: () => true;
+}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    editChange: (...args: any[]) => void;
+}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ProTableFormInnerProps>, {
+    disabled: boolean;
+    dataPath: () => never[];
+    actions: () => never[];
+    bordered: boolean;
+    editableFunc: () => true;
+}>>> & {
+    onEditChange?: ((...args: any[]) => any) | undefined;
+}, {
+    disabled: boolean;
+    bordered: boolean;
+    actions: TableActionTypes;
+    dataPath: string[];
+    editableFunc: (column: EditColumn<any>, record: Recordable) => boolean;
+}, {}>;
+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/pro-form/table-form-inner.vue.mjs

@@ -0,0 +1,176 @@
+import { defineComponent as V, computed as j, openBlock as l, createElementBlock as c, normalizeClass as i, unref as r, createVNode as m, withCtx as d, normalizeStyle as P, createCommentVNode as p, createElementVNode as u, toDisplayString as g, createBlock as f, resolveDynamicComponent as O, mergeProps as z, createTextVNode as L } from "vue";
+import { componentMap as R } from "./component-map.mjs";
+import { createPlaceholderMessage as U } from "./helper.mjs";
+import { QuestionCircleOutlined as $, ExclamationCircleOutlined as C } from "@ant-design/icons-vue";
+import { Table as A, Tooltip as h, FormItem as G } from "ant-design-vue";
+import "../ap-action/index.mjs";
+import { isFunction as H } from "lodash-unified";
+import { useLocale as Q } from "../config-provider/hooks/use-locale.mjs";
+import "../config-provider/index.mjs";
+import "./style/table-form.css";
+import { useNamespace as J } from "../config-provider/hooks/use-namespace.mjs";
+import { useGlobalConfig as K } from "../config-provider/hooks/use-global-config.mjs";
+import W from "../ap-action/group/index.vue.mjs";
+const pe = /* @__PURE__ */ V({
+  __name: "table-form-inner",
+  props: {
+    columns: {},
+    dataSource: {},
+    disabled: { type: Boolean, default: !1 },
+    dataPath: { default: () => [] },
+    actions: { type: Function, default: () => [] },
+    editableFunc: { type: Function, default: () => !0 },
+    bordered: { type: Boolean, default: !0 }
+  },
+  emits: ["editChange"],
+  setup(x, { emit: I }) {
+    const { b: v, m: o } = J("pro-table-form"), k = K("uiMode"), { t: E } = Q(), F = I, y = x, _ = j(() => y.dataSource), w = () => y.columns, M = (t, n) => {
+      if (!t.editProps)
+        return console.warn("column has No editProps"), [];
+      const e = t.editProps.rules || [];
+      return typeof e == "function" ? e(n) : e == null ? void 0 : e.map((a) => (a.required && !a.message && (typeof t.editProps.component == "string" && t.editProps.component.indexOf("Input") >= 0 ? a.message = t.title + "不能为空" : a.message = "请选择" + t.title), a));
+    }, N = (t) => {
+      var n;
+      return ((n = t.editProps.componentProps) == null ? void 0 : n.placeholder) || U(
+        t.editProps.component,
+        t.title,
+        E
+      );
+    }, S = (t, n, e) => {
+      F("editChange", { record: t, index: n, dataIndex: e });
+    }, B = (t, n) => {
+      var a, s;
+      const e = (s = (a = t.editProps) == null ? void 0 : a.componentProps) == null ? void 0 : s.disabled;
+      return y.disabled || (H(e) ? e(n) : e);
+    }, q = (t) => {
+      const n = t.align == "center" ? t.align : t.align == "right" ? "flex-end" : "flex-start";
+      return {
+        width: t.width + "px",
+        display: "flex",
+        justifyContent: n,
+        alignItems: "center"
+      };
+    }, D = (t) => ({
+      // width: column.width + 'px',
+      display: "flex",
+      justifyContent: t.align == "center" ? t.align : t.align == "right" ? "flex-end" : "flex-start",
+      alignItems: "center"
+    }), T = () => {
+    };
+    return (t, n) => (l(), c("div", {
+      class: i(r(v)())
+    }, [
+      m(r(A), {
+        class: i("table-form-" + (r(k) || "admin")),
+        bordered: t.bordered,
+        columns: w(),
+        pagination: !1,
+        "data-source": _.value,
+        onChange: T
+      }, {
+        headerCell: d(({ title: e, column: a }) => [
+          a.editProps && a.editProps.required || a.helpMessage || a.width ? (l(), c("div", {
+            key: 0,
+            style: P(q(a))
+          }, [
+            a.editProps && a.editProps.required ? (l(), c("span", {
+              key: 0,
+              class: i(r(o)("required"))
+            }, "*", 2)) : p("", !0),
+            u("span", null, g(e), 1),
+            a.helpMessage ? (l(), f(r(h), {
+              key: 1,
+              placement: "top"
+            }, {
+              title: d(() => [
+                u("span", null, g(a.helpMessage), 1)
+              ]),
+              default: d(() => [
+                m(r($), { style: { color: "#0070ff" } })
+              ]),
+              _: 2
+            }, 1024)) : p("", !0)
+          ], 4)) : p("", !0)
+        ]),
+        bodyCell: d(({
+          column: e,
+          index: a,
+          record: s
+        }) => [
+          t.editableFunc && t.editableFunc(e, s) && !e.customRender ? (l(), c("div", {
+            key: 0,
+            class: i(r(o)("edit-cell")),
+            style: P(D(e))
+          }, [
+            e.editProps ? (l(), f(r(G), {
+              key: 0,
+              class: i(r(o)("form-item")),
+              label: "",
+              labelAlign: "left",
+              name: [
+                ...t.dataPath,
+                a,
+                e.dataIndex
+              ],
+              rules: M(e, s)
+            }, {
+              default: d(() => [
+                u("div", {
+                  class: i({
+                    [r(o)("edit-wraper")]: !0,
+                    [r(o)("field-error")]: !!s[e.dataIndex + "Error"]
+                  })
+                }, [
+                  (l(), f(O(r(R).get(e.editProps.component)), z({
+                    value: s[e.dataIndex],
+                    "onUpdate:value": (b) => s[e.dataIndex] = b
+                  }, e.editProps.componentProps || {}, {
+                    placeholder: N(e),
+                    disabled: B(e, s),
+                    onChange: (b) => S(s, a, e.dataIndex)
+                  }), null, 16, ["value", "onUpdate:value", "placeholder", "disabled", "onChange"])),
+                  s[e.dataIndex + "Error"] ? (l(), f(r(h), { key: 0 }, {
+                    title: d(() => [
+                      u("div", null, g(s[e.dataIndex + "Error"]), 1)
+                    ]),
+                    default: d(() => [
+                      m(r(C), {
+                        class: i(r(o)("error-tip"))
+                      }, null, 8, ["class"])
+                    ]),
+                    _: 2
+                  }, 1024)) : p("", !0)
+                ], 2)
+              ]),
+              _: 2
+            }, 1032, ["class", "name", "rules"])) : e.dataIndex !== "action" ? (l(), c("div", {
+              key: 1,
+              class: i(r(o)("text-cell"))
+            }, [
+              L(g(s[e.dataIndex] || "--") + " ", 1),
+              s[e.dataIndex + "Error"] ? (l(), f(r(h), { key: 0 }, {
+                title: d(() => [
+                  u("div", null, g(s[e.dataIndex + "Error"]), 1)
+                ]),
+                default: d(() => [
+                  m(r(C), {
+                    class: i(r(o)("error-tip"))
+                  }, null, 8, ["class"])
+                ]),
+                _: 2
+              }, 1024)) : p("", !0)
+            ], 2)) : (l(), f(r(W), {
+              key: 2,
+              class: i(r(o)("action-cell")),
+              actions: t.actions(s, a)
+            }, null, 8, ["class", "actions"]))
+          ], 6)) : p("", !0)
+        ]),
+        _: 1
+      }, 8, ["class", "bordered", "columns", "data-source"])
+    ], 2));
+  }
+});
+export {
+  pe as default
+};

package/es/src/pro-form/table-form-inner.vue2.mjs

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

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

@@ -0,0 +1,42 @@
+import { ProTableFormProps, TableActionTypes } from './types/table-form';
+import { ValidateOptions } from 'ant-design-vue/lib/form/interface';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
+
+declare const _default: DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ProTableFormProps>, {
+    disabled: boolean;
+    actions: () => never[];
+    bordered: boolean;
+}>, {
+    validate: () => Promise<{
+        [key: string]: any;
+    } | undefined>;
+    validateFields: (fields: (string | string[])[], options?: ValidateOptions) => Promise<{
+        [key: string]: any;
+    } | undefined>;
+}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ProTableFormProps>, {
+    disabled: boolean;
+    actions: () => never[];
+    bordered: boolean;
+}>>>, {
+    disabled: boolean;
+    bordered: boolean;
+    actions: TableActionTypes;
+}, {}>;
+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/pro-form/table-form.vue.mjs

@@ -0,0 +1,41 @@
+import { defineComponent as u, ref as m, computed as f, unref as r, openBlock as p, createElementBlock as v, createVNode as n, withCtx as _, mergeProps as F } from "vue";
+import "./table-form-inner.vue2.mjs";
+import { Form as b } from "ant-design-vue";
+import { useAttrs as y } from "@aplus-frontend/hooks";
+import B from "./table-form-inner.vue.mjs";
+const P = /* @__PURE__ */ u({
+  __name: "table-form",
+  props: {
+    columns: {},
+    dataSource: {},
+    disabled: { type: Boolean, default: !1 },
+    actions: { type: Function, default: () => [] },
+    editableFunc: {},
+    bordered: { type: Boolean, default: !0 }
+  },
+  setup(l, { expose: s }) {
+    const i = y(), c = l, t = m(), d = f(() => Object.assign({ ...c, ...r(i) }));
+    return s({ validate: async () => {
+      var e;
+      return await ((e = t.value) == null ? void 0 : e.validate());
+    }, validateFields: async (e, o = {}) => {
+      var a;
+      return await ((a = t.value) == null ? void 0 : a.validateFields(e, o));
+    } }), (e, o) => (p(), v("div", null, [
+      n(r(b), {
+        ref_key: "formRef",
+        ref: t,
+        model: e.dataSource,
+        scrollToFirstError: !0
+      }, {
+        default: _(() => [
+          n(B, F({ actions: e.actions }, d.value), null, 16, ["actions"])
+        ]),
+        _: 1
+      }, 8, ["model"])
+    ]));
+  }
+});
+export {
+  P as default
+};