@aplus-frontend/ui 0.0.12 → 0.0.13

package/es/src/editable-table/form-item.vue.mjs

@@ -0,0 +1,189 @@
+import { defineComponent as P, ref as L, unref as o, useSlots as V, watch as j, openBlock as f, createBlock as z, mergeProps as c, withCtx as i, createVNode as _, createSlots as O, createElementBlock as T, Fragment as K, createElementVNode as x, normalizeClass as q, toDisplayString as A, createCommentVNode as G, renderList as H, renderSlot as M, normalizeProps as W, guardReactiveProps as U } from "vue";
+import { Table as $ } from "ant-design-vue";
+import { ApForm as C } from "../ap-form/index.mjs";
+import { cloneDeep as g, omit as J } from "lodash-unified";
+import "../config-provider/index.mjs";
+import { useInjectForm as Q } from "../ap-form/context.mjs";
+import "./style/index.css";
+import { isDef as X } from "../utils/index.mjs";
+import Y from "./hooks/use-get-columns.mjs";
+import { useNamespace as Z } from "../config-provider/hooks/use-namespace.mjs";
+import { useGlobalConfig as I } from "../config-provider/hooks/use-global-config.mjs";
+const pe = /* @__PURE__ */ P({
+  name: "EditableTableInner",
+  __name: "form-item",
+  props: {
+    dropdownPrefixCls: {},
+    pagination: {
+      type: [Boolean, Object],
+      default: !1
+    },
+    loading: {
+      type: [Boolean, Object],
+      default: void 0
+    },
+    size: {
+      default: "middle"
+    },
+    bordered: {
+      type: Boolean,
+      default: !1
+    },
+    locale: {},
+    onChange: {},
+    onResizeColumn: {},
+    rowSelection: {},
+    getPopupContainer: {},
+    scroll: {},
+    sortDirections: {
+      default: () => ["ascend", "descend"]
+    },
+    showSorterTooltip: {
+      type: [Boolean, Object],
+      default: !0
+    },
+    prefixCls: {},
+    rowKey: {
+      default: "key"
+    },
+    tableLayout: {
+      default: "fixed"
+    },
+    rowClassName: {},
+    title: {},
+    footer: {},
+    id: {},
+    showHeader: {
+      type: Boolean,
+      default: !0
+    },
+    components: {},
+    customRow: {},
+    customHeaderRow: {},
+    direction: {},
+    expandFixed: {
+      type: [String, Boolean],
+      default: !1
+    },
+    expandColumnWidth: {},
+    expandedRowKeys: {},
+    defaultExpandedRowKeys: {},
+    expandedRowRender: {},
+    expandRowByClick: {
+      type: Boolean,
+      default: !1
+    },
+    expandIcon: {},
+    onExpand: {},
+    onExpandedRowsChange: {},
+    defaultExpandAllRows: {
+      type: Boolean,
+      default: !1
+    },
+    indentSize: {
+      default: 15
+    },
+    expandIconColumnIndex: {},
+    showExpandColumn: {
+      type: Boolean,
+      default: !0
+    },
+    expandedRowClassName: {},
+    childrenColumnName: {
+      default: "children"
+    },
+    rowExpandable: {},
+    sticky: {
+      type: [Boolean, Object]
+    },
+    transformCellText: {},
+    columns: {},
+    value: {},
+    defaultValue: {},
+    "onUpdate:value": {},
+    maxLength: {},
+    onFieldChange: {},
+    label: {},
+    name: {},
+    formItem: {
+      default: () => ({})
+    }
+  },
+  setup(h, {
+    expose: w
+  }) {
+    var p;
+    const n = h, {
+      formInstance: t,
+      model: b
+    } = Q(), d = L(((p = o(b)) == null ? void 0 : p[n.name]) || []), y = V(), R = C.useWatch(n.name);
+    j(() => R.value, (a) => {
+      var l;
+      d.value = a, (l = n.onChange) == null || l.call(n, a);
+    });
+    const {
+      b: u,
+      em: B
+    } = Z("editable-table"), D = I("uiMode", "aplus"), E = Y(n);
+    function F(a) {
+      var e, r;
+      const l = ((e = o(d)) == null ? void 0 : e.length) || 0;
+      X(n.maxLength) && l >= n.maxLength || (r = t == null ? void 0 : t.setFieldValue) == null || r.call(t, n.name, [...o(d) || [], a || {}]);
+    }
+    function v(a) {
+      var e;
+      const l = g(o(d) || []);
+      l.splice(a, 1), (e = t == null ? void 0 : t.setFieldValue) == null || e.call(t, n.name, [...l]);
+    }
+    function S() {
+      return o(d);
+    }
+    function k(a) {
+      var l;
+      return (l = o(d)) == null ? void 0 : l[a];
+    }
+    function N(a, l) {
+      var r;
+      const e = g(o(d));
+      e[a] && (e[a] = {
+        ...e[a],
+        ...l
+      }, (r = t == null ? void 0 : t.setFieldValue) == null || r.call(t, n.name, [...e]));
+    }
+    return w({
+      add: F,
+      remove: v,
+      getRowData: k,
+      getRowsData: S,
+      setRowData: N
+    }), (a, l) => (f(), z(o(C).FormItem, c(a.formItem, {
+      name: a.name,
+      label: a.label
+    }), {
+      default: i(() => [_(o($), c(o(J)(n, ["name", "maxLength"]), {
+        class: [o(u)(), o(D) === "admin" ? o(u)("admin") : null],
+        columns: o(E),
+        "data-source": d.value
+      }), O({
+        headerCell: i(({
+          column: e
+        }) => {
+          var r, s, m;
+          return [(r = e == null ? void 0 : e.fieldProps) != null && r.required || (m = (s = e == null ? void 0 : e.fieldProps) == null ? void 0 : s.rules) != null && m.length ? (f(), T(K, {
+            key: 0
+          }, [x("span", {
+            class: q(o(B)("header-cell", "required"))
+          }, "*", 2), x("span", null, A(e.title), 1)], 64)) : G("", !0)];
+        }),
+        _: 2
+      }, [H(y, (e, r) => ({
+        name: r,
+        fn: i((s) => [M(a.$slots, r, W(U(s || {})))])
+      }))]), 1040, ["class", "columns", "data-source"])]),
+      _: 3
+    }, 16, ["name", "label"]));
+  }
+});
+export {
+  pe as default
+};

package/es/src/editable-table/form-item.vue2.mjs

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

package/es/src/editable-table/hooks/use-get-columns.d.ts

@@ -0,0 +1,5 @@
+import { EditableTableFormItemProps, EditableTableProps, EditableColumnType } from '../interface';
+import { ComputedRef } from 'vue';
+
+declare const useGetColumns: (props: EditableTableProps | EditableTableFormItemProps) => ComputedRef< EditableColumnType<any, any>[]>;
+export default useGetColumns;

package/es/src/editable-table/hooks/use-get-columns.mjs

@@ -0,0 +1,76 @@
+import { computed as x, createVNode as d, mergeProps as g } from "vue";
+import { isFunction as C } from "lodash-unified";
+import { getEditableComponent as T } from "../utils.mjs";
+import { updateFormProps as h, getFieldProps as F, getPlaceholder as R, getTableRenderProps as I } from "../../ap-table/utils.mjs";
+import "../../config-provider/index.mjs";
+import { apTableRenderItemMap as v, noRenderAsFormItemValueList as L } from "../../ap-table/constants.mjs";
+import { Typography as M } from "ant-design-vue";
+import { useLocale as N } from "../../config-provider/hooks/use-locale.mjs";
+const q = (a) => {
+  const {
+    t: u
+  } = N(), i = x(() => {
+    let n = a.columns;
+    return n ? (n = n.map((e) => ({
+      ...e,
+      customRender({
+        value: o,
+        ...l
+      }) {
+        if (e.customRender)
+          return e.customRender({
+            value: o,
+            ...l,
+            column: e
+          });
+        {
+          if (C(e.editable) ? e.editable(l.text, l.record, l.index) : !!e.editable) {
+            const m = T(e.valueType), t = h(e, F(e.fieldProps, {
+              value: o,
+              ...l
+            })), r = {};
+            a.onFieldChange && (r[`onUpdate:${t.valuePropName || "value"}`] = (y) => {
+              var c;
+              return (c = a.onFieldChange) == null ? void 0 : c.call(a, l.index, e.dataIndex, y);
+            });
+            const b = {
+              name: [a.name, l.index, e.dataIndex],
+              ...t || {},
+              // 格式化placeholder
+              placeholder: R(u, e.valueType, t == null ? void 0 : t.placeholder),
+              field: {
+                style: "width: 100%",
+                ...(t == null ? void 0 : t.field) || {},
+                ...r
+              }
+            };
+            return d(m, b, null);
+          }
+          const s = v[e.valueType], f = I(e, {
+            value: o,
+            ...l
+          });
+          return p(e, o, d(s, g(f, {
+            mode: "read"
+          }), null));
+        }
+      }
+    })), n) : [];
+  });
+  function p(n, e, o) {
+    return L.includes(n.valueType) ? o : n.copyable || n.ellipsis ? d(M.Text, {
+      copyable: n.copyable ? {
+        text: e,
+        tooltip: !1
+      } : !1,
+      ellipsis: n.ellipsis ? {
+        tooltip: e
+      } : !1,
+      content: o
+    }, null) : o;
+  }
+  return i;
+};
+export {
+  q as default
+};

package/es/src/editable-table/index.d.ts

@@ -0,0 +1,5 @@
+import { default as EditableTable } from './index.vue';
+import { default as EditableTableFormItem } from './form-item.vue';
+
+export * from './interface';
+export { EditableTable, EditableTableFormItem };

package/es/src/editable-table/index.mjs

@@ -0,0 +1,3 @@
+import "./index.vue2.mjs";
+import "./form-item.vue2.mjs";
+import "./interface.mjs";

package/es/src/editable-table/index.vue.d.ts

@@ -0,0 +1,196 @@
+import { EditableTableProps, EditableColumnType } from './interface';
+import { NamePath, ValidateOptions } from 'ant-design-vue/es/form/interface';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType, CSSProperties } from 'vue';
+import { SpinSize } from 'ant-design-vue/es/spin/Spin';
+import { VueTypeValidableDef } from '../../node_modules/vue-types';
+import { TablePaginationConfig } from 'ant-design-vue';
+import { TableLayout, GetRowKey } from 'ant-design-vue/es/vc-table/interface';
+import { SortOrder } from 'ant-design-vue/es/table/interface';
+import { TriggerType } from 'ant-design-vue/es/tooltip/abstractTooltipProps';
+import { TooltipPlacement, AdjustOverflow } from 'ant-design-vue/es/tooltip';
+import { LiteralUnion } from 'ant-design-vue/es/_util/type';
+import { PresetColorType } from 'ant-design-vue/es/_util/colors';
+import { AlignType, BuildInPlacements } from 'ant-design-vue/es/vc-trigger/interface';
+
+type EditableTableSlots = {
+    default: any;
+    emptyText?: any;
+    expandIcon?: any;
+    title?: any;
+    footer?: any;
+    summary?: any;
+    expandedRowRender?: any;
+    expandColumnTitle?: any;
+    customFilterIcon?: any;
+    customFilterDropdown?: any;
+    headerCell?: (props: {
+        title: any;
+        column: EditableColumnType;
+    }) => void;
+};
+declare function resetFields(): void;
+declare function validateFields(nameList?: NamePath[] | string, options?: ValidateOptions): Promise<any>;
+declare function add(defaultValue?: any): void;
+declare function remove(index: number): void;
+declare function getRowsData(): any[];
+declare function getRowData(index: number): any;
+declare function setRowData(index: number, payload: any): void;
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<EditableTableProps<any>>, {
+    bordered: boolean;
+    childrenColumnName: string;
+    defaultExpandAllRows: boolean;
+    expandFixed: boolean;
+    expandRowByClick: boolean;
+    indentSize: number;
+    rowKey: string;
+    showExpandColumn: boolean;
+    showHeader: boolean;
+    showSorterTooltip: boolean;
+    size: string;
+    sortDirections: () => string[];
+    pagination: boolean;
+    loading: undefined;
+    name: string;
+    tableLayout: string;
+}>, {
+    resetFields: typeof resetFields;
+    validateFields: typeof validateFields;
+    add: typeof add;
+    remove: typeof remove;
+    getRowData: typeof getRowData;
+    getRowsData: typeof getRowsData;
+    setRowData: typeof setRowData;
+}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    "update:value": (...args: any[]) => void;
+}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<EditableTableProps<any>>, {
+    bordered: boolean;
+    childrenColumnName: string;
+    defaultExpandAllRows: boolean;
+    expandFixed: boolean;
+    expandRowByClick: boolean;
+    indentSize: number;
+    rowKey: string;
+    showExpandColumn: boolean;
+    showHeader: boolean;
+    showSorterTooltip: boolean;
+    size: string;
+    sortDirections: () => string[];
+    pagination: boolean;
+    loading: undefined;
+    name: string;
+    tableLayout: string;
+}>>> & {
+    "onUpdate:value"?: ((...args: any[]) => any) | undefined;
+}, {
+    loading: boolean | Partial< ExtractPropTypes<{
+        prefixCls: StringConstructor;
+        spinning: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        size: PropType<SpinSize>;
+        wrapperClassName: StringConstructor;
+        tip: VueTypeValidableDef<any>;
+        delay: NumberConstructor;
+        indicator: VueTypeValidableDef<any>;
+    }>>;
+    size: "small" | "middle" | "large";
+    pagination: false | TablePaginationConfig;
+    name: any;
+    bordered: boolean;
+    tableLayout: TableLayout;
+    rowKey: string | GetRowKey<any>;
+    sortDirections: SortOrder[];
+    showSorterTooltip: boolean | Partial< ExtractPropTypes<{
+        title: VueTypeValidableDef<any>;
+        trigger: PropType< TriggerType | TriggerType[]>;
+        open: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        visible: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        placement: PropType<TooltipPlacement>;
+        color: PropType<LiteralUnion<PresetColorType>>;
+        transitionName: StringConstructor;
+        overlayStyle: {
+            type: PropType<CSSProperties>;
+            default: CSSProperties;
+        };
+        overlayInnerStyle: {
+            type: PropType<CSSProperties>;
+            default: CSSProperties;
+        };
+        overlayClassName: StringConstructor;
+        openClassName: StringConstructor;
+        prefixCls: StringConstructor;
+        mouseEnterDelay: NumberConstructor;
+        mouseLeaveDelay: NumberConstructor;
+        getPopupContainer: PropType<(triggerNode: HTMLElement) => HTMLElement>;
+        arrowPointAtCenter: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        arrow: {
+            type: PropType<boolean | {
+                pointAtCenter?: boolean | undefined;
+            }>;
+            default: boolean | {
+                pointAtCenter?: boolean | undefined;
+            };
+        };
+        autoAdjustOverflow: {
+            type: PropType<boolean | AdjustOverflow>;
+            default: boolean | AdjustOverflow;
+        };
+        destroyTooltipOnHide: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        align: {
+            type: PropType<AlignType>;
+            default: AlignType;
+        };
+        builtinPlacements: {
+            type: PropType<BuildInPlacements>;
+            default: BuildInPlacements;
+        };
+        children: ArrayConstructor;
+        onVisibleChange: PropType<(vis: boolean) => void>;
+        'onUpdate:visible': PropType<(vis: boolean) => void>;
+        onOpenChange: PropType<(vis: boolean) => void>;
+        'onUpdate:open': PropType<(vis: boolean) => void>;
+    }>>;
+    showHeader: boolean;
+    expandFixed: boolean | "left" | "right";
+    expandRowByClick: boolean;
+    defaultExpandAllRows: boolean;
+    indentSize: number;
+    showExpandColumn: boolean;
+    childrenColumnName: string;
+}, {}>, Readonly<EditableTableSlots> & EditableTableSlots>;
+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];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/es/src/editable-table/index.vue.mjs

@@ -0,0 +1,209 @@
+import { defineComponent as L, useSlots as z, ref as j, watch as I, unref as o, openBlock as p, createBlock as O, withCtx as i, createVNode as c, mergeProps as T, createSlots as K, createElementBlock as q, Fragment as A, createElementVNode as x, normalizeClass as G, toDisplayString as H, createCommentVNode as M, renderList as U, renderSlot as W, normalizeProps as $, guardReactiveProps as J } from "vue";
+import { Table as Q } from "ant-design-vue";
+import { ApForm as u } from "../ap-form/index.mjs";
+import { cloneDeep as C, omit as X } from "lodash-unified";
+import "../config-provider/index.mjs";
+import "../hooks/index.mjs";
+import { isDef as Y } from "../utils/index.mjs";
+import Z from "./hooks/use-get-columns.mjs";
+import "./style/index.css";
+import { useNamespace as ee } from "../config-provider/hooks/use-namespace.mjs";
+import { useGlobalConfig as ae } from "../config-provider/hooks/use-global-config.mjs";
+import { useControllableValue as te } from "../hooks/useControllableValue.mjs";
+const xe = /* @__PURE__ */ L({
+  name: "EditableTable",
+  __name: "index",
+  props: {
+    dropdownPrefixCls: {},
+    pagination: {
+      type: [Boolean, Object],
+      default: !1
+    },
+    loading: {
+      type: [Boolean, Object],
+      default: void 0
+    },
+    size: {
+      default: "middle"
+    },
+    bordered: {
+      type: Boolean,
+      default: !1
+    },
+    locale: {},
+    onChange: {},
+    onResizeColumn: {},
+    rowSelection: {},
+    getPopupContainer: {},
+    scroll: {},
+    sortDirections: {
+      default: () => ["ascend", "descend"]
+    },
+    showSorterTooltip: {
+      type: [Boolean, Object],
+      default: !0
+    },
+    prefixCls: {},
+    rowKey: {
+      default: "key"
+    },
+    tableLayout: {
+      default: "fixed"
+    },
+    rowClassName: {},
+    title: {},
+    footer: {},
+    id: {},
+    showHeader: {
+      type: Boolean,
+      default: !0
+    },
+    components: {},
+    customRow: {},
+    customHeaderRow: {},
+    direction: {},
+    expandFixed: {
+      type: [String, Boolean],
+      default: !1
+    },
+    expandColumnWidth: {},
+    expandedRowKeys: {},
+    defaultExpandedRowKeys: {},
+    expandedRowRender: {},
+    expandRowByClick: {
+      type: Boolean,
+      default: !1
+    },
+    expandIcon: {},
+    onExpand: {},
+    onExpandedRowsChange: {},
+    defaultExpandAllRows: {
+      type: Boolean,
+      default: !1
+    },
+    indentSize: {
+      default: 15
+    },
+    expandIconColumnIndex: {},
+    showExpandColumn: {
+      type: Boolean,
+      default: !0
+    },
+    expandedRowClassName: {},
+    childrenColumnName: {
+      default: "children"
+    },
+    rowExpandable: {},
+    sticky: {
+      type: [Boolean, Object]
+    },
+    transformCellText: {},
+    columns: {},
+    value: {},
+    defaultValue: {},
+    "onUpdate:value": {},
+    maxLength: {},
+    name: {
+      default: "ap-editable-table-inner-name"
+    },
+    onFieldChange: {}
+  },
+  emits: ["update:value"],
+  setup(g, {
+    expose: h,
+    emit: w
+  }) {
+    const l = g, {
+      b: m,
+      em: y
+    } = ee("editable-table"), v = ae("uiMode", "aplus"), b = z(), R = w, {
+      value: s,
+      updateValue: B
+    } = te(l, R), d = j(), F = u.useWatch(l.name, d);
+    I(() => F.value, (t) => {
+      var n;
+      B(t), (n = l.onChange) == null || n.call(l, t);
+    });
+    const D = Z(l);
+    function E() {
+      var t;
+      (t = d.value) == null || t.resetFields();
+    }
+    async function _(t, n) {
+      var a;
+      const e = await ((a = d.value) == null ? void 0 : a.validateFields(t, n));
+      return e == null ? void 0 : e[l.name];
+    }
+    function k(t) {
+      var e, a, r;
+      const n = ((e = o(s)) == null ? void 0 : e.length) || 0;
+      Y(l.maxLength) && n >= l.maxLength || (r = (a = d.value) == null ? void 0 : a.setFieldValue) == null || r.call(a, l.name, [...o(s) || [], t || {}]);
+    }
+    function S(t) {
+      var e, a;
+      const n = C(o(s) || []);
+      n.splice(t, 1), (a = (e = d.value) == null ? void 0 : e.setFieldValue) == null || a.call(e, l.name, [...n]);
+    }
+    function V() {
+      return o(s);
+    }
+    function N(t) {
+      var n;
+      return (n = o(s)) == null ? void 0 : n[t];
+    }
+    function P(t, n) {
+      var a, r;
+      const e = C(o(s));
+      e[t] && (e[t] = {
+        ...e[t],
+        ...n
+      }, (r = (a = d.value) == null ? void 0 : a.setFieldValue) == null || r.call(a, l.name, [...e]));
+    }
+    return h({
+      resetFields: E,
+      validateFields: _,
+      add: k,
+      remove: S,
+      getRowData: N,
+      getRowsData: V,
+      setRowData: P
+    }), (t, n) => (p(), O(o(u), {
+      "initial-values": {
+        [l.name]: o(s)
+      },
+      ref_key: "formRef",
+      ref: d
+    }, {
+      default: i(() => [c(o(u).FormItem, {
+        name: t.name,
+        "no-style": ""
+      }, {
+        default: i(() => [c(o(Q), T(o(X)(l, ["name", "value", "onUpdate:value", "maxLength"]), {
+          class: [o(m)(), o(v) === "admin" ? o(m)("admin") : null],
+          columns: o(D),
+          "data-source": o(s)
+        }), K({
+          headerCell: i(({
+            column: e
+          }) => {
+            var a, r, f;
+            return [(a = e == null ? void 0 : e.fieldProps) != null && a.required || (f = (r = e == null ? void 0 : e.fieldProps) == null ? void 0 : r.rules) != null && f.length ? (p(), q(A, {
+              key: 0
+            }, [x("span", {
+              class: G(o(y)("header-cell", "required"))
+            }, "*", 2), x("span", null, H(e.title), 1)], 64)) : M("", !0)];
+          }),
+          _: 2
+        }, [U(b, (e, a) => ({
+          name: a,
+          fn: i((r) => [W(t.$slots, a, $(J(r || {})))])
+        }))]), 1040, ["class", "columns", "data-source"])]),
+        _: 3
+      }, 8, ["name"])]),
+      _: 3
+    }, 8, ["initial-values"]));
+  }
+});
+export {
+  xe as default
+};

package/es/src/editable-table/index.vue2.mjs

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