@aplus-frontend/ui 0.0.1-beta.3 → 0.0.1-beta.30

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
+};

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

@@ -0,0 +1,4 @@
+import f from "./table-form.vue.mjs";
+export {
+  f 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 = {}> = 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-form/types/table-form.d.ts

@@ -0,0 +1,37 @@
+import { FormSchema } from './form';
+import { ComponentType } from './';
+import { Rule } from 'ant-design-vue/es/form';
+import { GroupActionTypes } from '../../ap-action';
+import { ColumnProps } from 'ant-design-vue/es/table';
+
+export type Recordable = {
+    [key: string]: any;
+};
+export type EditAblePorps<T> = {
+    editProps?: Omit<FormSchema<T>, 'field' | 'component' | 'rules'> & {
+        style?: string;
+        field?: string;
+        component: ComponentType | keyof T;
+        rules?: Rule[] | ((values: Recordable) => Rule[]);
+    };
+    helpMessage?: string;
+    ifShow?: (record: Recordable) => boolean;
+};
+export interface EditColumn<T = any> extends ColumnProps<Recordable>, EditAblePorps<T> {
+}
+export type tableChangeParams = {
+    record: Recordable;
+    index: number;
+    dataIndex: string;
+};
+export type TableActionTypes = (record: Recordable, index: number) => GroupActionTypes[];
+export type ProTableFormInnerProps = {
+    columns: EditColumn[];
+    dataSource: Array<Recordable>;
+    disabled?: boolean;
+    dataPath?: Array<string>;
+    actions?: TableActionTypes;
+    editableFunc?: (column: EditColumn, record: Recordable) => boolean;
+    bordered?: boolean;
+};
+export type ProTableFormProps = Omit<ProTableFormInnerProps, 'dataPath'>;

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

@@ -0,0 +1 @@
+

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
 };