@aplus-frontend/ui 0.2.0 → 0.2.1

package/es/src/ap-field/select/index.vue.mjs

@@ -1,11 +1,12 @@
-import { defineComponent as T, ref as p, onMounted as _, computed as y, unref as u, openBlock as S, createElementBlock as R, toDisplayString as U, createBlock as z, mergeProps as D, createSlots as L, renderList as K, withCtx as w, renderSlot as H, normalizeProps as $, guardReactiveProps as j, createVNode as E } from "vue";
-import { debounce as W, isFunction as B, isArray as G, isNil as J, omit as Q } from "lodash-unified";
-import { Select as X, Spin as Y } from "@aplus-frontend/antdv";
+import { defineComponent as _, ref as y, onMounted as R, computed as S, unref as a, openBlock as w, createElementBlock as U, toDisplayString as z, createBlock as D, mergeProps as L, createSlots as K, renderList as H, withCtx as B, renderSlot as $, normalizeProps as j, guardReactiveProps as E, createVNode as W } from "vue";
+import { debounce as G, isFunction as g, isArray as J, isNil as Q, omit as X } from "lodash-unified";
+import { Select as Y, Spin as Z } from "@aplus-frontend/antdv";
 import "../../hooks/index.mjs";
-import { omitUndefined as Z } from "../../utils/index.mjs";
-import { useDefaultPlaceholder as ee } from "../hooks/use-default-placeholder.mjs";
-import { useControllableValue as oe } from "../../hooks/useControllableValue.mjs";
-const te = { key: 0 }, se = /* @__PURE__ */ T({
+import { omitUndefined as ee } from "../../utils/index.mjs";
+import { useDefaultPlaceholder as oe } from "../hooks/use-default-placeholder.mjs";
+import te from "../hooks/use-options.mjs";
+import { useControllableValue as le } from "../../hooks/useControllableValue.mjs";
+const ne = { key: 0 }, pe = /* @__PURE__ */ _({
   name: "ApFieldSelect",
   __name: "index",
   props: {
@@ -94,80 +95,80 @@ const te = { key: 0 }, se = /* @__PURE__ */ T({
     onBeforeSelect: {}
   },
   emits: ["update:value"],
-  setup(g, { expose: F, emit: b }) {
-    let n = 0;
-    const C = W((o) => {
-      if (!B(e.request))
+  setup(F, { expose: b, emit: C }) {
+    let r = 0;
+    const N = G((o) => {
+      if (!g(e.request))
         return;
-      n += 1;
-      const t = n;
-      i.value = [], r.value = !0, e.request(o).then((l) => {
-        n === t && (i.value = l);
+      r += 1;
+      const t = r;
+      i([]), u.value = !0, e.request(o).then((l) => {
+        r === t && i(l);
       }).finally(() => {
-        r.value = !1;
+        u.value = !1;
       });
-    }, 300), e = g, N = (o, t) => {
-      var a;
-      const l = ((a = e.fieldNames) == null ? void 0 : a.label) || "label";
+    }, 300), e = F, x = (o, t) => {
+      var n;
+      const l = ((n = e.fieldNames) == null ? void 0 : n.label) || "label";
       return typeof (t == null ? void 0 : t[l]) == "string" && t[l].indexOf(o) > -1;
-    }, i = p((e == null ? void 0 : e.options) || []), s = p(), r = p((e == null ? void 0 : e.loading) || !1), x = b;
-    async function c(o = !0) {
-      if (!B(e.request))
+    }, { options: s, updateOptions: i } = te(e), c = y(), u = y((e == null ? void 0 : e.loading) || !1), I = C;
+    async function f(o = !0) {
+      if (!g(e.request))
         return;
-      r.value = !0, n += 1;
-      const t = n;
+      u.value = !0, r += 1;
+      const t = r;
       try {
-        o && (i.value = []);
+        o && i([]);
         const l = await e.request();
-        if (t !== n)
+        if (t !== r)
           return;
-        i.value = l;
+        i(l);
       } finally {
-        r.value = !1;
+        u.value = !1;
       }
     }
-    function I(o) {
+    function O(o) {
       var t;
-      (t = e.onFocus) == null || t.call(e, o), e.refetchOnFocus && n > 0 && !r.value && c(!0);
+      (t = e.onFocus) == null || t.call(e, o), e.refetchOnFocus && r > 0 && !u.value && f(!0);
     }
-    _(() => {
+    R(() => {
       if (e.lazy) {
-        n += 1;
+        r += 1;
         return;
       }
-      c();
+      f();
     });
-    const { value: m, updateValue: V } = oe(e, x, { beforeUpdateValue: e.onBeforeSelect }), O = ee("Select", e), P = y(() => {
+    const { value: m, updateValue: V } = le(e, I, { beforeUpdateValue: e.onBeforeSelect }), P = oe("Select", e), k = S(() => {
       var d, v;
-      const o = u(m);
+      const o = a(m);
       if (!o)
         return e.emptyText;
       const t = ((d = e.fieldNames) == null ? void 0 : d.label) || "label", l = ((v = e.fieldNames) == null ? void 0 : v.value) || "value";
-      if (G(o))
+      if (J(o))
         return o.map(
-          (f) => {
+          (p) => {
             var h;
-            return (h = u(i).find((M) => M[l] === f)) == null ? void 0 : h[t];
+            return (h = a(s).find((T) => T[l] === p)) == null ? void 0 : h[t];
           }
         ).filter(Boolean).join("、") || e.emptyText;
-      const a = u(i).find(
-        (f) => f[l] === o
+      const n = a(s).find(
+        (p) => p[l] === o
       );
-      return (a == null ? void 0 : a[t]) || e.emptyText;
-    }), k = y(() => {
+      return (n == null ? void 0 : n[t]) || e.emptyText;
+    }), q = S(() => {
       const o = !!(e != null && e.showSearch), t = e.searchMode;
       let l = {};
       return o && (l = t === "request" ? {
         showArrow: !1,
         defaultActiveFirstOption: !1,
-        onSearch: C,
-        notFoundContent: r.value ? void 0 : null
+        onSearch: N,
+        notFoundContent: u.value ? void 0 : null
       } : {
         showArrow: !0,
-        filterOption: J(e == null ? void 0 : e.filterOption) ? N : e == null ? void 0 : e.filterOption
+        filterOption: Q(e == null ? void 0 : e.filterOption) ? x : e == null ? void 0 : e.filterOption
       }), {
-        ...Z(
-          Q(e, [
+        ...ee(
+          X(e, [
             "mode",
             "value",
             "onUpdate:value",
@@ -177,45 +178,45 @@ const te = { key: 0 }, se = /* @__PURE__ */ T({
             "onFocus"
           ])
         ),
-        placeholder: u(O),
+        placeholder: a(P),
         ...l
       };
     });
-    function q() {
+    function A() {
       var o;
-      (o = s.value) == null || o.focus();
+      (o = c.value) == null || o.focus();
     }
-    function A() {
+    function M() {
       var o;
-      (o = s.value) == null || o.blur();
+      (o = c.value) == null || o.blur();
     }
-    return F({
-      focus: q,
-      blur: A,
-      request: c
-    }), (o, t) => o.mode === "read" ? (S(), R("span", te, U(P.value), 1)) : (S(), z(u(X), D({
+    return b({
+      focus: A,
+      blur: M,
+      request: f
+    }), (o, t) => o.mode === "read" ? (w(), U("span", ne, z(k.value), 1)) : (w(), D(a(Y), L({
       key: 1,
       "allow-clear": "",
       ref_key: "selectRef",
-      ref: s
-    }, k.value, {
+      ref: c
+    }, q.value, {
       mode: o.multiple ? "multiple" : void 0,
-      value: u(m),
-      "onUpdate:value": u(V),
-      options: i.value,
-      loading: r.value,
-      onFocus: I
-    }), L({ _: 2 }, [
-      K(o.$slots, (l, a) => ({
-        name: a,
-        fn: w((d) => [
-          H(o.$slots, a, $(j(d || {})))
+      value: a(m),
+      "onUpdate:value": a(V),
+      options: a(s),
+      loading: u.value,
+      onFocus: O
+    }), K({ _: 2 }, [
+      H(o.$slots, (l, n) => ({
+        name: n,
+        fn: B((d) => [
+          $(o.$slots, n, j(E(d || {})))
         ])
       })),
-      r.value ? {
+      u.value ? {
         name: "notFoundContent",
-        fn: w(() => [
-          E(u(Y), { size: "small" })
+        fn: B(() => [
+          W(a(Z), { size: "small" })
         ]),
         key: "0"
       } : void 0
@@ -223,5 +224,5 @@ const te = { key: 0 }, se = /* @__PURE__ */ T({
   }
 });
 export {
-  se as default
+  pe as default
 };

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 "@aplus-frontend/antdv";
-import { useToken as Ee } from "@aplus-frontend/antdv/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
 };