@aplus-frontend/ui 0.2.0-beta.5 → 0.2.1

package/es/src/ap-table/ap-table.vue.mjs

@@ -1,430 +1,4 @@
-import { defineComponent as Ce, useSlots as ve, ref as z, computed as s, unref as t, createVNode as f, Fragment as U, watchEffect as Te, watch as G, openBlock as m, createElementBlock as F, normalizeClass as c, normalizeStyle as M, mergeProps as h, createSlots as J, withCtx as w, renderList as Q, createBlock as X, resolveDynamicComponent as Fe, renderSlot as S, createCommentVNode as Y, createElementVNode as I, h as xe, normalizeProps as Be, guardReactiveProps as Pe } from "vue";
-import { Typography as ke, Divider as ze, Button as Ie, Table as Ne } from "ant-design-vue";
-import { useToken as Ee } from "ant-design-vue/es/theme/internal";
-import { ApForm as Ke } from "../ap-form/index.mjs";
-import { noRenderAsFormItemValueList as Z } from "./constants.mjs";
-import "../config-provider/index.mjs";
-import { useTablePaging as Le } from "./hooks/use-table-paging.mjs";
-import { omit as _, isUndefined as g, isBoolean as Oe } from "lodash-unified";
-import { apColumnToColumn as Ve, getTableTitle as De, getTableRenderType as je, getTableRenderProps as Ae, getTableCellRenderNode as We, getColumnOrder as ee, updateFormProps as $e, getFieldProps as He, getSearchFormItemRenderNode as qe, objectToString as Ue } from "./utils.mjs";
-import Ge from "./hooks/use-table-content-height.mjs";
-import { getRawDisplayValue as Me } from "../editable-table/utils.mjs";
-import Je from "./hooks/use-table-row-selection.mjs";
-import { isDef as Qe } from "../utils/index.mjs";
-import { SettingOutlined as Xe } from "@ant-design/icons-vue";
-import "./components/setting/modal/index.vue.mjs";
-import { useProvideApTable as Ye } from "./context.mjs";
-import { useNamespace as Ze } from "../config-provider/hooks/use-namespace.mjs";
-import { useGlobalConfig as _e } from "../config-provider/hooks/use-global-config.mjs";
-import ea from "./components/setting/modal/index.vue2.mjs";
-const ba = /* @__PURE__ */ Ce({
-  name: "ApTable",
-  __name: "ap-table",
-  props: {
-    dropdownPrefixCls: {},
-    loading: {
-      type: [Boolean, Object],
-      default: void 0
-    },
-    bordered: {
-      type: Boolean,
-      default: !1
-    },
-    locale: {},
-    onChange: {},
-    onResizeColumn: {},
-    getPopupContainer: {},
-    scroll: {},
-    sortDirections: {
-      default: () => ["ascend", "descend"]
-    },
-    showSorterTooltip: {
-      type: [Boolean, Object],
-      default: !0
-    },
-    prefixCls: {},
-    rowKey: {
-      default: "key"
-    },
-    tableLayout: {},
-    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: {},
-    rowSelection: {
-      type: [Boolean, Object]
-    },
-    card: {
-      type: Boolean,
-      default: !1
-    },
-    params: {},
-    searchFormRender: {},
-    request: {},
-    onLoad: {},
-    defaultData: {},
-    dataSource: {},
-    onLoadingChange: {},
-    searchForm: {
-      type: [Boolean, Object],
-      default: void 0
-    },
-    beforeSearchSubmit: {},
-    pagination: {
-      type: [Boolean, Object],
-      default: void 0
-    },
-    searchFormWrapperStyle: {},
-    tableWrapperStyle: {},
-    manual: {
-      type: Boolean,
-      default: !1
-    },
-    size: {
-      default: "middle"
-    },
-    adaptive: {
-      type: Boolean,
-      default: !1
-    },
-    columnResizable: {
-      type: Boolean,
-      default: !1
-    },
-    settings: {
-      type: [Boolean, Object],
-      default: void 0
-    }
-  },
-  setup(ae, {
-    expose: oe
-  }) {
-    const a = ae;
-    let N = 0;
-    const b = ve(), [, te] = Ee(), {
-      e: x,
-      b: i,
-      be: E
-    } = Ze("ap-table"), K = _e("valueTypeMap"), {
-      height: re,
-      contentRef: le
-    } = Ge(), B = z(a.size), d = z([]), L = z([]);
-    Ye({
-      columns: s(() => d.value),
-      columnsBackup: s(() => L.value),
-      size: s(() => B.value),
-      updateColumns(e) {
-        d.value = e;
-      },
-      updateSize(e) {
-        B.value = e;
-      }
-    });
-    const ne = () => {
-      var r;
-      let e = ((r = a.columns) == null ? void 0 : r.filter((l) => !l.hideInTable)) || [];
-      function o(l, u) {
-        return l.map((n) => ({
-          resizable: Qe(n.resizable) ? n.resizable : a.columnResizable,
-          ..._(Ve(n), ["ellipsis"]),
-          fixed: u ? u.fixed : n.fixed,
-          title: De(n, E("table-header", "title"), b.headerCell, t(te).colorPrimary),
-          customRender({
-            value: p,
-            ...y
-          }) {
-            var H, q;
-            const W = je(n), Se = Ae({
-              ...n,
-              valueType: W
-            }, {
-              value: p,
-              ...y
-            }), be = We(W, Se, y.record, t(K)), $ = ((H = n.renderText) == null ? void 0 : H.call(n, {
-              value: p,
-              ...y
-            })) || p, Re = n.renderText ? f(U, null, [(q = n.renderText) == null ? void 0 : q.call(n, {
-              value: p,
-              ...y
-            })]) : be;
-            let k = ge(n, $, Re);
-            return n.customRender && (k = n.customRender({
-              value: p,
-              ...y,
-              column: n,
-              originalNode: k,
-              originalText: $
-            })), k;
-          },
-          children: o(n.children || [], u || n)
-        }));
-      }
-      return o(e);
-    };
-    Te(() => {
-      const e = ne();
-      d.value = e, L.value = e;
-    });
-    const O = s(() => {
-      var e, o, r;
-      return N++, ((r = (o = (e = a.columns) == null ? void 0 : e.filter((l) => !l.hideInSearch && l.dataIndex && (l.valueType || l.customRenderFormItem) && !Z.includes(l.valueType))) == null ? void 0 : o.sort((l, u) => {
-        let n = ee(l.order);
-        return ee(u.order) - n;
-      })) == null ? void 0 : r.map((l) => {
-        const u = $e(l, He(l.fieldProps, {})), n = {
-          ...l,
-          fieldProps: {
-            label: l.title,
-            name: l.dataIndex,
-            ...u || {},
-            _signal: N
-          },
-          renderNode: void 0
-        };
-        return n.renderNode = qe(n, t(K)), n;
-      })) || [];
-    }), se = s(() => t(d).filter((e) => e.sorter === !0).map((e) => e.dataIndex).filter(Boolean)), de = s(() => t(d).filter((e) => e.filters && !e.onFilter).map((e) => e.dataIndex).filter(Boolean)), ue = s(() => g(a.dataSource) ? T.value.records : a.dataSource), {
-      rowSelection: R,
-      selectedRows: C,
-      ...v
-    } = Je({
-      ...a.rowSelection === !0 ? {} : a.rowSelection,
-      rowKey: a.rowKey,
-      dataSource: ue
-    }), {
-      formRef: P,
-      submit: V,
-      reset: D,
-      tableProps: j,
-      refresh: ie,
-      data: T,
-      setDataSource: ce
-    } = Le({
-      async request(e) {
-        var r, l;
-        if (!R.value.preserveSelectedRowKeys && g(a.dataSource) && v.clearAll(), !g(a.dataSource))
-          return {
-            data: a.dataSource || [],
-            total: a.dataSource.length || 0
-          };
-        const o = await ((r = a.request) == null ? void 0 : r.call(a, e));
-        return (l = a.onLoad) == null || l.call(a, (o == null ? void 0 : o.data) || []), {
-          data: (o == null ? void 0 : o.data) || [],
-          total: (o == null ? void 0 : o.total) || 0
-        };
-      },
-      filterFields: de,
-      sortFields: se,
-      defaultParams: a.params,
-      defaultData: a.defaultData,
-      manual: a.manual,
-      defaultCurrent: a.pagination ? a.pagination.defaultCurrent : void 0,
-      defaultPageSize: a.pagination ? a.pagination.defaultPageSize : void 0,
-      formatParams: a.beforeSearchSubmit,
-      showLessItems: a.pagination ? a.pagination.showLessItems : void 0,
-      showTotal: a.pagination ? a.pagination.showTotal : void 0
-    }), pe = s(() => {
-      var o, r;
-      if (a.adaptive && (T.value.total > 0 || ((o = a.dataSource) == null ? void 0 : o.length)))
-        return {
-          y: t(re),
-          x: ((r = a.scroll) == null ? void 0 : r.x) || "100%"
-        };
-      if (a.scroll)
-        return a.scroll;
-    }), fe = s(() => {
-      var e;
-      if (a.tableLayout)
-        return a.tableLayout;
-      if ((e = a.columns) != null && e.some((o) => o.ellipsis))
-        return "fixed";
-    }), A = s(() => {
-      var r;
-      const e = t(j), o = t(R);
-      return {
-        ...a,
-        ...e,
-        rowSelection: a.rowSelection === !0 || ((r = a.rowSelection) == null ? void 0 : r.mode) === "internal" ? {
-          ...o,
-          // tips 如果是前端分页，则默认会走缓存
-          preserveSelectedRowKeys: g(a.dataSource) ? o.preserveSelectedRowKeys : !0
-        } : a.rowSelection,
-        loading: g(a.loading) ? e.loading : a.loading,
-        pagination: a.pagination === !1 ? !1 : e.pagination,
-        scroll: t(pe)
-      };
-    }), me = s(() => [i(), a.card ? null : i("wrapper"), a.adaptive ? i("adaptive") : null].filter(Boolean));
-    function ge(e, o, r) {
-      if (Z.includes(e.valueType))
-        return r;
-      const l = Ue(o);
-      return e.copyable || e.ellipsis ? f(ke.Paragraph, {
-        copyable: e.copyable ? {
-          text: l,
-          tooltip: !1
-        } : !1,
-        ellipsis: e.ellipsis ? Oe(e.ellipsis) ? {
-          tooltip: l
-        } : {
-          ...e.ellipsis,
-          tooltip: l
-        } : !1,
-        content: e.ellipsis ? Me(e, o) : r
-      }, null) : r;
-    }
-    G(() => t(T).loading, (e) => {
-      var o;
-      (o = a.onLoadingChange) == null || o.call(a, e);
-    }), G(() => a.dataSource, (e) => {
-      ce(e);
-    }, {
-      immediate: !0
-    });
-    function ye(e) {
-      var o, r, l;
-      (l = (r = (o = P.value) == null ? void 0 : o.apForm) == null ? void 0 : r.setFieldsValue) == null || l.call(r, e);
-    }
-    function he() {
-      var e, o, r;
-      return (r = (o = (e = P.value) == null ? void 0 : e.apForm) == null ? void 0 : o.getFieldsValue) == null ? void 0 : r.call(o, !0);
-    }
-    function we() {
-      return t(d);
-    }
-    return oe({
-      submit: () => V(),
-      reset: () => D(),
-      refresh: () => ie(),
-      setSearchFormValues: ye,
-      getSearchFormValues: he,
-      getShownColumns: we,
-      dataSource: s(() => t(T).records),
-      rowSelection: {
-        selectedRows: s(() => t(C)),
-        ...v
-      }
-    }), (e, o) => (m(), F("div", {
-      class: c(me.value)
-    }, [t(g)(e.dataSource) && e.searchForm !== !1 && O.value.length > 0 ? (m(), F("div", {
-      key: 0,
-      class: c(e.card ? t(x)("search-wrapper") : null),
-      style: M(e.searchFormWrapperStyle)
-    }, [f(t(Ke).SearchForm, h(e.searchForm || {}, {
-      ref_key: "formRef",
-      ref: P,
-      "custom-reset": "",
-      onSubmit: t(V),
-      onReset: t(D),
-      "submit-loading": t(j).loading
-    }), J({
-      default: w(() => [(m(!0), F(U, null, Q(O.value, (r) => (m(), X(Fe(r.renderNode), h({
-        key: r.dataIndex,
-        ref_for: !0
-      }, r.fieldProps || {}, {
-        span: r.span
-      }), null, 16, ["span"]))), 128))]),
-      _: 2
-    }, [b.searchFormExtra ? {
-      name: "extra",
-      fn: w(() => [S(e.$slots, "searchFormExtra")]),
-      key: "0"
-    } : void 0]), 1040, ["onSubmit", "onReset", "submit-loading"])], 6)) : Y("", !0), I("div", {
-      ref_key: "contentRef",
-      ref: le,
-      class: c([t(x)("table-wrapper"), e.card ? t(x)("table-wrapper-card") : null]),
-      style: M(e.tableWrapperStyle)
-    }, [I("div", {
-      class: c(t(i)("header-wrapper"))
-    }, [e.settings ? (m(), F("div", {
-      key: 0,
-      class: c(t(i)("header"))
-    }, [I("div", {
-      class: c(t(E)("header", "title"))
-    }, [S(e.$slots, "title", h({
-      selectedRows: t(C),
-      selectedRowKeys: t(R).selectedRowKeys,
-      shownColumns: d.value
-    }, v))], 2), b.title ? (m(), X(t(ze), {
-      key: 0,
-      type: "vertical"
-    })) : Y("", !0), f(ea, {
-      config: e.settings === !0 ? {} : e.settings
-    }, {
-      trigger: w(() => [f(t(Ie), {
-        class: c(t(i)("setting-trigger-button")),
-        icon: xe(t(Xe))
-      }, null, 8, ["class", "icon"])]),
-      _: 1
-    }, 8, ["config"])], 2)) : S(e.$slots, "title", h({
-      key: 1,
-      selectedRows: t(C),
-      selectedRowKeys: t(R).selectedRowKeys,
-      shownColumns: d.value
-    }, v))], 2), f(t(Ne), h({
-      class: t(i)("table")
-    }, A.value, {
-      size: B.value,
-      "table-layout": fe.value,
-      columns: d.value,
-      onResizeColumn: o[0] || (o[0] = (r, l) => l.width = r)
-    }), J({
-      summary: w(() => [S(e.$slots, "summary", {
-        columns: d.value,
-        records: A.value.dataSource,
-        selectedRows: t(C)
-      })]),
-      _: 2
-    }, [Q(t(_)(b, ["title", "searchFormExtra", "headerCell", "summary"]), (r, l) => ({
-      name: l,
-      fn: w((u) => [S(e.$slots, l, Be(Pe(u || {})))])
-    }))]), 1040, ["class", "size", "table-layout", "columns"])], 6)], 2));
-  }
-});
+import f from "./ap-table.vue2.mjs";
 export {
-  ba as default
+  f as default
 };