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

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

package/es/src/pro-table/components/editable/editable-cell.vue.mjs

@@ -1,380 +1,4 @@
-import { defineComponent as he, ref as v, computed as f, unref as l, watchEffect as _, createVNode as m, withDirectives as q, vShow as ve, mergeProps as ge, resolveDirective as Ce, nextTick as be, toRaw as ye } from "vue";
-import { FormOutlined as z, CloseOutlined as G, CheckOutlined as H } from "@ant-design/icons-vue";
-import { CellComponent as J } from "./cell-component.mjs";
-import "../../../config-provider/index.mjs";
-import { useTableContext as pe } from "../../hooks/use-table-context.mjs";
-import ke from "../../directives/click-outside.mjs";
-import { createPlaceholderMessage as Q } from "./helper.mjs";
-import { isBoolean as p, set as U, pick as Re } from "lodash-unified";
-import { treeToList as Ve } from "../../../utils/tree.mjs";
-import { Spin as X } from "ant-design-vue";
-import { parseRowKey as we } from "../../helper.mjs";
-import { isType as P, isFunction as k, isArray as I } from "@fruits-chain/utils";
-import "../style/editable-cell.css";
-import { useLocale as xe } from "../../../config-provider/hooks/use-locale.mjs";
-import { useNamespace as Ee } from "../../../config-provider/hooks/use-namespace.mjs";
-const Le = /* @__PURE__ */ he({
-  name: "EditableCell",
-  components: {
-    FormOutlined: z,
-    CloseOutlined: G,
-    CheckOutlined: H,
-    CellComponent: J,
-    Spin: X
-  },
-  directives: {
-    clickOutside: ke
-  },
-  props: {
-    value: {
-      type: [String, Number, Boolean, Object],
-      default: ""
-    },
-    record: {
-      type: Object
-    },
-    column: {
-      type: Object,
-      default: () => ({})
-    },
-    index: {
-      type: Number,
-      required: !0
-    }
-  },
-  setup(n) {
-    const a = pe(), R = v(!1), j = v(), D = v(!1), g = v(""), N = v([]), u = v(n.value), B = v(n.value), T = v(!1), {
-      t: $
-    } = xe(), Y = Ee("editable-cell"), h = f(() => {
-      var e;
-      return ((e = n.column) == null ? void 0 : e.editComponent) || "Input";
-    }), Z = f(() => {
-      var e;
-      return (e = n.column) == null ? void 0 : e.editRule;
-    }), ee = f(() => l(g) && l(D)), L = f(() => {
-      const e = l(h);
-      return ["Checkbox", "Switch"].includes(e);
-    }), V = f(() => {
-      var S;
-      const e = l(L);
-      let t = ((S = n.column) == null ? void 0 : S.editComponentProps) ?? {};
-      const {
-        checkedValue: i,
-        unCheckedValue: o
-      } = t, c = e ? "checked" : "value", s = l(u);
-      let r = s;
-      e && (typeof i < "u" ? r = s === i ? i : o : typeof o < "u" ? r = s === o ? o : i : r = P("Number")(s) || p(s) ? s : !!s);
-      const {
-        record: d,
-        column: b,
-        index: x
-      } = n;
-      k(t) && (t = t({
-        text: s,
-        record: d,
-        column: b,
-        index: x
-      }) ?? {}), t.onChangeTemp = t.onChange, delete t.onChange;
-      const E = l(h), y = {};
-      return E === "ApiSelect" && (y.cache = !0), te(d, b, r), {
-        size: "small",
-        getPopupContainer: () => l(a == null ? void 0 : a.wrapRef.value) ?? document.body,
-        placeholder: Q(l(h), $),
-        ...y,
-        ...t,
-        [c]: r,
-        disabled: l(F)
-      };
-    });
-    function te(e, t, i) {
-      if (!e)
-        return !1;
-      const {
-        key: o,
-        dataIndex: c
-      } = t;
-      if (!o && !c)
-        return;
-      U(e, c || o, i);
-    }
-    const F = f(() => {
-      const {
-        editDynamicDisabled: e
-      } = n.column;
-      let t = !1;
-      if (p(e) && (t = e), k(e)) {
-        const {
-          record: i
-        } = n;
-        t = e({
-          record: i,
-          currentValue: u.value
-        });
-      }
-      return t;
-    }), ne = f(() => {
-      var s;
-      const {
-        editValueMap: e
-      } = n.column, t = l(u);
-      if (e && k(e))
-        return e(t);
-      const i = l(h);
-      if (!i.includes("Select") && !i.includes("Radio"))
-        return t;
-      const c = (((s = l(V)) == null ? void 0 : s.options) ?? (l(N) || [])).find((r) => `${r.value}` == `${t}`);
-      return (c == null ? void 0 : c.label) ?? t;
-    }), ie = f(() => l(L) || l(C) ? {} : {
-      width: "calc(100% - 48px)"
-    }), le = f(() => {
-      const {
-        align: e = "center"
-      } = n.column;
-      return `edit-cell-align-${e}`;
-    }), C = f(() => {
-      const {
-        editable: e
-      } = n.record || {};
-      return !!e;
-    });
-    _(() => {
-      u.value = n.value;
-    }), _(() => {
-      const {
-        editable: e
-      } = n.column;
-      (p(e) || p(l(C))) && (R.value = !!e || l(C));
-    });
-    function ce(e) {
-      var t;
-      e.stopPropagation(), !(l(C) || l((t = n.column) == null ? void 0 : t.editRow) || l(F)) && (g.value = "", R.value = !0, be(() => {
-        var o;
-        const i = l(j);
-        (o = i == null ? void 0 : i.focus) == null || o.call(i);
-      }));
-    }
-    async function oe(e) {
-      var o, c;
-      const t = l(h);
-      e ? t === "Checkbox" ? u.value = e.target.checked : t === "Switch" ? u.value = e : e != null && e.target && Reflect.has(e.target, "value") ? u.value = e.target.value : (P("String")(e) || p(e) || P("Number")(e) || I(e)) && (u.value = e) : u.value = e;
-      const i = (o = l(V)) == null ? void 0 : o.onChangeTemp;
-      i && k(i) && i(...arguments), (c = a.emit) == null || c.call(a, "edit-change", {
-        column: n.column,
-        value: l(u),
-        record: ye(n.record)
-      }), K();
-    }
-    async function K() {
-      const {
-        column: e,
-        record: t
-      } = n, {
-        editRule: i
-      } = e, o = l(u);
-      if (i) {
-        if (p(i) && !o && !P("Number")(o)) {
-          D.value = !0;
-          const c = l(h);
-          return g.value = Q(c, $), !1;
-        }
-        if (k(i)) {
-          const c = await i(o, t);
-          return c ? (g.value = c, D.value = !0, !1) : (g.value = "", !0);
-        }
-      }
-      return g.value = "", !0;
-    }
-    async function w(e = !0, t = !0) {
-      var x;
-      if (t && !await K())
-        return !1;
-      const {
-        column: i,
-        index: o,
-        record: c
-      } = n;
-      if (!c)
-        return !1;
-      const {
-        key: s,
-        dataIndex: r
-      } = i, d = l(u);
-      if (!s && !r)
-        return;
-      const b = r || s;
-      if (!c.editable) {
-        const {
-          getBindValues: E
-        } = a, {
-          beforeEditSubmit: y,
-          columns: S,
-          rowKey: de
-        } = l(E), fe = we(de, c);
-        if (y && k(y)) {
-          T.value = !0;
-          const me = S.map((O) => O.dataIndex).filter((O) => !!O);
-          let W = !0;
-          try {
-            W = await y({
-              record: Re(c, [fe, ...me]),
-              index: o,
-              key: b,
-              value: d
-            });
-          } catch {
-            W = !1;
-          } finally {
-            T.value = !1;
-          }
-          if (W === !1)
-            return;
-        }
-      }
-      U(c, b, d), B.value = d, e && ((x = a.emit) == null || x.call(a, "edit-end", {
-        record: c,
-        index: o,
-        key: b,
-        value: d
-      })), R.value = !1;
-    }
-    async function se() {
-      var e;
-      (e = n.column) != null && e.editRow || w();
-    }
-    function ae() {
-      w();
-    }
-    function M() {
-      var s;
-      R.value = !1, u.value = B.value;
-      const {
-        column: e,
-        index: t,
-        record: i
-      } = n, {
-        key: o,
-        dataIndex: c
-      } = e;
-      (s = a.emit) == null || s.call(a, "edit-cancel", {
-        record: i,
-        index: t,
-        key: c || o,
-        value: l(u)
-      });
-    }
-    function ue() {
-      var t;
-      if ((t = n.column) != null && t.editable || l(C))
-        return;
-      l(h).includes("Input") && M();
-    }
-    function re(e) {
-      const {
-        replaceFields: t
-      } = l(V);
-      if (l(h) === "ApiTreeSelect") {
-        const {
-          title: o = "title",
-          value: c = "value",
-          children: s = "children"
-        } = t || {};
-        let r = Ve(e, {
-          children: s
-        });
-        r = r.map((d) => ({
-          label: d[o],
-          value: d[c]
-        })), N.value = r;
-      } else
-        N.value = e;
-    }
-    function A(e, t) {
-      var i;
-      n.record && (I(n.record[e]) ? (i = n.record[e]) == null || i.push(t) : n.record[e] = [t]);
-    }
-    return n.record && (A("submitCbs", w), A("validCbs", K), A("cancelCbs", M), n.column.dataIndex && (n.record.editValueRefs || (n.record.editValueRefs = {}), n.record.editValueRefs[n.column.dataIndex] = u), n.record.onCancelEdit = () => {
-      var e, t;
-      I((e = n.record) == null ? void 0 : e.cancelCbs) && ((t = n.record) == null || t.cancelCbs.forEach((i) => i()));
-    }, n.record.onSubmitEdit = async () => {
-      var e, t, i, o, c;
-      if (I((e = n.record) == null ? void 0 : e.submitCbs))
-        return (i = (t = n.record) == null ? void 0 : t.onValid) != null && i.call(t) ? ((((o = n.record) == null ? void 0 : o.submitCbs) || []).forEach((r) => r(!1, !1)), (c = a.emit) == null || c.call(a, "edit-row-end"), !0) : void 0;
-    }), {
-      isEdit: R,
-      ns: Y,
-      handleEdit: ce,
-      currentValueRef: u,
-      handleSubmit: w,
-      handleChange: oe,
-      handleCancel: M,
-      elRef: j,
-      getComponent: h,
-      getRule: Z,
-      onClickOutside: ue,
-      ruleMessage: g,
-      getRuleVisible: ee,
-      getComponentProps: V,
-      handleOptionsChange: re,
-      getWrapperStyle: ie,
-      getWrapperClass: le,
-      getRowEditable: C,
-      getValues: ne,
-      handleEnter: se,
-      handleSubmitClick: ae,
-      spinning: T,
-      getDisable: F
-    };
-  },
-  render() {
-    return m("div", {
-      class: this.ns.b()
-    }, [q(m("div", {
-      class: {
-        [this.ns.e("normal")]: !0,
-        "ellipsis-cell": this.column.ellipsis
-      },
-      onClick: this.handleEdit
-    }, [m("div", {
-      class: "cell-content",
-      title: this.column.ellipsis ? this.getValues ?? "" : ""
-    }, [this.column.editRender ? this.column.editRender({
-      text: this.value,
-      record: this.record,
-      column: this.column,
-      index: this.index,
-      currentValue: this.currentValueRef
-    }) : this.getValues ?? " "]), !this.column.editRow && !this.getDisable && m(z, {
-      class: this.ns.e("normal-icon")
-    }, null)]), [[ve, !this.isEdit]]), this.isEdit && // todo: 无法Spin上面加onClick事件
-    m(X, {
-      spinning: this.spinning
-    }, {
-      default: () => [q(m("div", {
-        class: this.ns.e("wrapper"),
-        onClick: (n) => n.stopPropagation()
-      }, [m(J, ge(this.getComponentProps, {
-        component: this.getComponent,
-        style: this.getWrapperStyle,
-        popoverVisible: this.getRuleVisible,
-        rule: this.getRule,
-        ruleMessage: this.ruleMessage,
-        class: this.getWrapperClass,
-        ref: "elRef",
-        onChange: this.handleChange,
-        onOptionsChange: this.handleOptionsChange,
-        onPressEnter: this.handleEnter
-      }), null), !this.getRowEditable && m("div", {
-        class: this.ns.e("action")
-      }, [m(H, {
-        class: [this.ns.e("icon"), "mx-2"],
-        onClick: this.handleSubmitClick
-      }, null), m(G, {
-        class: this.ns.e("icon"),
-        onClick: this.handleCancel
-      }, null)])]), [[Ce("click-outside"), this.onClickOutside]])]
-    })]);
-  }
-});
+import f from "./editable-cell.vue2.mjs";
 export {
-  Le as default
+  f as default
 };