@sarafapp/ant-design 1.0.25 → 1.0.27

package/dist/baseTable/SarafTable.vue.es2.js

@@ -1,241 +1,269 @@
-import { defineComponent as ie, ref as v, computed as u, onBeforeMount as ce, onBeforeUpdate as se, onBeforeUnmount as ue, resolveComponent as y, createBlock as i, openBlock as n, createSlots as de, withCtx as c, createElementBlock as s, createCommentVNode as g, unref as t, toDisplayString as f, mergeProps as pe, Fragment as k, renderList as x, createVNode as h, withModifiers as me, createTextVNode as A, renderSlot as ye } from "vue";
-import { SelectableTable as fe, TableConstants as w, CellType as r, HeaderType as Se, SortDetail as he, SortOrderTableHeader as Te, SortOrder as B, TABLE_ACTION_COLUMN as _e, isOnlyOneItem as be, isLastItem as Ce } from "@sarafapp/iron_core";
-import ve from "../dataDisplay/tag/SarafTag.vue.es.js";
-import ge from "./SarafBankCardTableCell.vue.es.js";
-import ke from "./SarafIbanTableCell.vue.es.js";
-import Ae from "./SarafSymbolTableCell.vue.es.js";
-import we from "./SarafTradeAmountTableCell.vue.es.js";
-import Ie from "./SarafTradeSymbolPriceCell.vue.es.js";
-import Pe from "./SarafTradeSymbolCell.vue.es.js";
-import De from "./SarafTradeDateCell.vue.es.js";
-import Oe from "./SarafPriceTableCell.vue.es.js";
-import Ne from "./SarafDynamicCurrencyPriceTableCell.vue.es.js";
-const Re = { key: 0 }, Ee = { key: 0 }, xe = {
+import { defineComponent as pe, ref as _, computed as p, onBeforeMount as ye, onBeforeUpdate as me, onBeforeUnmount as fe, resolveComponent as m, createBlock as c, openBlock as n, createSlots as Se, withCtx as s, createElementBlock as u, createCommentVNode as C, unref as a, toDisplayString as S, normalizeClass as Te, createVNode as T, createElementVNode as he, mergeProps as _e, Fragment as g, renderList as M, withModifiers as Ce, createTextVNode as A, renderSlot as be } from "vue";
+import { SelectableTable as ke, TableConstants as w, CellType as r, HeaderType as ve, SortDetail as ge, SortOrderTableHeader as Ae, SortOrder as U, TABLE_ACTION_COLUMN as we, isOnlyOneItem as Ie, isLastItem as Oe } from "@sarafapp/iron_core";
+import Pe from "../dataDisplay/tooltip/SarafTooltip.vue.es.js";
+import Ne from "../dataDisplay/tag/SarafTag.vue.es.js";
+import De from "./SarafBankCardTableCell.vue.es.js";
+import Re from "./SarafIbanTableCell.vue.es.js";
+import xe from "./SarafSymbolTableCell.vue.es.js";
+import Ee from "./SarafTradeAmountTableCell.vue.es.js";
+import Be from "./SarafTradeSymbolPriceCell.vue.es.js";
+import Le from "./SarafTradeSymbolCell.vue.es.js";
+import Me from "./SarafTradeDateCell.vue.es.js";
+import Ue from "./SarafPriceTableCell.vue.es.js";
+import He from "./SarafDynamicCurrencyPriceTableCell.vue.es.js";
+const Ke = { key: 0 }, Ve = ["onClick"], ze = {
   key: 11,
   class: "saraf-image-cell-wrapper"
-}, Be = ["src", "alt"], Le = { key: 1 }, Me = { key: 12 }, Xe = /* @__PURE__ */ ie({
+}, $e = ["src", "alt"], Fe = { key: 1 }, Ge = {
+  key: 1,
+  class: "action-column"
+}, rt = /* @__PURE__ */ pe({
   __name: "SarafTable",
   props: {
     dataSource: {}
   },
-  setup(L) {
-    const l = L, d = v([]), I = v([]), S = v(), T = u(() => l.dataSource instanceof fe), M = u(() => l.dataSource.isLoading()), P = u(() => d.value.length > w.MINIMAL_LOADABLE_HEADER_COUNT), _ = u(() => l.dataSource.getData()), U = u(() => ({
-      total: _.value.totalItems,
-      current: _.value.currentPage,
+  setup(H) {
+    const l = H, I = _(""), y = _([]), O = _([]), h = _(), b = p(() => l.dataSource instanceof ke), K = p(() => l.dataSource.isLoading()), P = p(() => y.value.length > w.MINIMAL_LOADABLE_HEADER_COUNT), k = p(() => l.dataSource.getData()), V = p(() => ({
+      total: k.value.totalItems,
+      current: k.value.currentPage,
       showLessItems: !0,
-      showTotal(a) {
-        return "تعداد کل: " + a;
+      showTotal(e) {
+        return "تعداد کل: " + e;
       },
       defaultPageSize: w.DEFAULT_ITEM_COUNT_PER_PAGE,
       pageSize: l.dataSource.getItemCountPerPage(),
       position: [w.PAGINATION_POSITION]
-    })), D = u(() => {
-      var a;
-      return ((a = d.value[d.value.length - 1]) == null ? void 0 : a.cellType) === r.ACTION;
-    }), H = u(() => T.value ? {
-      onSelect: V,
-      onSelectAll: z,
-      selectedRowKeys: I.value
-    } : null), K = u(() => !!S.value.summaryItems.length);
-    function V(a) {
-      l.dataSource.rowSelect(a);
+    })), N = p(() => {
+      var e;
+      return ((e = y.value[y.value.length - 1]) == null ? void 0 : e.cellType) === r.ACTION;
+    }), z = p(() => b.value ? {
+      onSelect: G,
+      onSelectAll: W,
+      selectedRowKeys: O.value
+    } : null), $ = p(() => !!h.value.summaryItems.length);
+    function F(e) {
+      const i = e.currentTarget;
+      I.value = i.scrollWidth > i.clientWidth ? i.innerText : "";
     }
-    function z() {
+    function G(e) {
+      l.dataSource.rowSelect(e);
+    }
+    function W() {
       l.dataSource.selectAll();
     }
-    function O() {
-      I.value = l.dataSource.getSelectedRowIds();
+    function D() {
+      O.value = l.dataSource.getSelectedRowIds();
     }
-    async function F(a, p, m) {
-      if (a && await l.dataSource.paginate(
-        a.current,
-        a.pageSize
-      ), m != null && m.columnKey) {
-        const b = new he(
-          m.columnKey,
-          G(m.order)
+    async function j(e, i, d) {
+      if (e && await l.dataSource.paginate(e.current, e.pageSize), d != null && d.columnKey) {
+        const v = new ge(
+          d.columnKey,
+          q(d.order)
         );
-        await l.dataSource.sort(b);
+        await l.dataSource.sort(v);
       }
     }
-    function G(a) {
-      return a === Te.ASC ? B.ASC : B.DESC;
+    function q(e) {
+      return e === Ae.ASC ? U.ASC : U.DESC;
     }
-    async function $() {
-      await l.dataSource.load(), N();
+    async function J() {
+      await l.dataSource.load(), R();
     }
-    function N() {
-      d.value = l.dataSource.headerSchema;
-      const a = l.dataSource.hasAnyAction();
-      a && !D.value && j(), !a && D.value && q();
+    function R() {
+      y.value = l.dataSource.headerSchema;
+      const e = l.dataSource.hasAnyAction();
+      e && !N.value && Q(), !e && N.value && X();
     }
-    function j() {
-      d.value.push(_e);
+    function Q() {
+      y.value.push(we);
     }
-    function q() {
-      d.value.pop();
+    function X() {
+      y.value.pop();
     }
-    function J(a) {
-      l.dataSource.handleClick(a);
+    function Y(e) {
+      l.dataSource.handleClick(e);
     }
-    function Q(a) {
-      l.dataSource.handleMetaClick(a);
+    function Z(e) {
+      l.dataSource.handleMetaClick(e);
     }
-    function W(a) {
-      l.dataSource.handleDoubleClick(a);
+    function ee(e) {
+      l.dataSource.handleDoubleClick(e);
     }
-    function X(a) {
+    function te(e) {
       return {
-        onClick(p) {
-          p.metaKey ? Q(a) : J(a);
+        onClick(i) {
+          i.metaKey ? Z(e) : Y(e);
         },
         onDblclick() {
-          W(a);
+          ee(e);
         }
       };
     }
-    function Y(a) {
-      return a.id;
+    function ae(e) {
+      return e.id;
     }
-    function Z(a, p) {
-      return !be(a) && !Ce(a, p);
+    function le(e, i) {
+      return !Ie(e) && !Oe(e, i);
     }
-    function ee(a, p) {
-      return a.getProps ? a.getProps(p) : null;
+    function ne(e, i) {
+      return e.getProps ? e.getProps(i) : null;
     }
-    function ae() {
-      T.value && l.dataSource.selectedRows.attach(
-        O
-      );
+    function x(e) {
+      return e.onClick;
     }
-    function te() {
-      T.value && l.dataSource.selectedRows.detach(
-        O
-      );
+    function E(e) {
+      return e.cellType !== r.ACTION && typeof x(e) == "function";
     }
-    function R() {
-      S.value = l.dataSource.loadSummarySchema();
+    async function oe(e, i, d) {
+      E(e) && (d.stopPropagation(), await x(e)(i));
+    }
+    function re() {
+      b.value && l.dataSource.selectedRows.attach(D);
+    }
+    function ie() {
+      b.value && l.dataSource.selectedRows.detach(D);
     }
-    return ce(() => {
-      $(), ae(), R();
-    }), se(() => {
-      N(), R();
-    }), ue(() => {
-      l.dataSource.onDestroy(), te();
-    }), (a, p) => {
-      const m = y("a-button"), b = y("a-divider"), E = y("a-table-summary-cell"), le = y("a-typography-text"), ne = y("a-table-summary-row"), oe = y("a-table");
-      return n(), i(oe, {
-        columns: d.value,
-        "data-source": _.value.rows,
-        pagination: U.value,
-        "custom-row": X,
-        "row-key": Y,
-        loading: M.value,
+    function B() {
+      h.value = l.dataSource.loadSummarySchema();
+    }
+    return ye(() => {
+      J(), re(), B();
+    }), me(() => {
+      R(), B();
+    }), fe(() => {
+      l.dataSource.onDestroy(), ie();
+    }), (e, i) => {
+      const d = m("a-button"), v = m("a-divider"), L = m("a-table-summary-cell"), ce = m("a-typography-text"), se = m("a-table-summary-row"), ue = m("a-table");
+      return n(), c(ue, {
+        columns: y.value,
+        "data-source": k.value.rows,
+        pagination: V.value,
+        "custom-row": te,
+        "row-key": ae,
+        loading: K.value,
         scroll: l.dataSource.getScrollDetail(),
-        "row-selection": H.value,
+        "row-selection": z.value,
         class: "saraf-table",
-        onChange: F
-      }, de({ _: 2 }, [
+        onChange: j
+      }, Se({ _: 2 }, [
         P.value ? {
           name: "headerCell",
-          fn: c(({ column: e }) => [
-            e.headerType === t(Se).Text ? (n(), s("span", Re, f(e.title), 1)) : g("", !0)
+          fn: s(({ column: t }) => [
+            t.headerType === a(ve).Text ? (n(), u("span", Ke, S(t.title), 1)) : C("", !0)
           ]),
           key: "0"
         } : void 0,
         P.value ? {
           name: "bodyCell",
-          fn: c(({ column: e, record: o }) => [
-            e.cellType === t(r).Text ? (n(), s("span", Ee, f(o[e.path]), 1)) : e.cellType === t(r).Tag ? (n(), i(t(ve), pe({
-              key: 1,
-              content: o[e.path]
-            }, ee(e, o)), null, 16, ["content"])) : e.cellType === t(r).BankCard ? (n(), i(t(ge), {
-              key: 2,
-              "card-number": o[e.path]
-            }, null, 8, ["card-number"])) : e.cellType === t(r).Iban ? (n(), i(t(ke), {
-              key: 3,
-              iban: o[e.path]
-            }, null, 8, ["iban"])) : e.cellType === t(r).Symbol ? (n(), i(t(Ae), {
-              key: 4,
-              symbol: o[e.path]
-            }, null, 8, ["symbol"])) : e.cellType === t(r).TradeDetail ? (n(), i(t(we), {
-              key: 5,
-              "symbol-trade-amount-detail": o[e.path]
-            }, null, 8, ["symbol-trade-amount-detail"])) : e.cellType === t(r).SymbolPrice ? (n(), i(t(Ie), {
-              key: 6,
-              "symbol-price-in-trade": o[e.path]
-            }, null, 8, ["symbol-price-in-trade"])) : e.cellType === t(r).TradeSymbol ? (n(), i(t(Pe), {
-              key: 7,
-              "symbol-in-trade": o[e.path]
-            }, null, 8, ["symbol-in-trade"])) : e.cellType === t(r).TradeDate ? (n(), i(t(De), {
-              key: 8,
-              "trade-date": o[e.path]
-            }, null, 8, ["trade-date"])) : e.cellType === t(r).Price ? (n(), i(t(Oe), {
-              key: 9,
-              price: o[e.path]
-            }, null, 8, ["price"])) : e.cellType === t(r).DynamicCurrencyPrice ? (n(), i(t(Ne), {
-              key: 10,
-              amount: o[e.path]
-            }, null, 8, ["amount"])) : e.cellType === t(r).Image ? (n(), s("div", xe, [
-              o[e.path] ? (n(), s("img", {
+          fn: s(({ column: t, record: o }) => [
+            t.cellType !== a(r).ACTION ? (n(), u("div", {
+              key: 0,
+              class: Te(["saraf-table-cell", { "clickable-cell": E(t) }]),
+              onClick: (f) => oe(t, o, f)
+            }, [
+              t.cellType === a(r).Text ? (n(), u("div", {
                 key: 0,
-                class: "saraf-image-cell",
-                src: o[e.path],
-                alt: o[e.path]
-              }, null, 8, Be)) : (n(), s("div", Le, "--"))
-            ])) : e.cellType === t(r).ACTION ? (n(), s("span", Me, [
-              (n(!0), s(k, null, x(l.dataSource.getAccessedActions(o), (C, re) => (n(), s(k, {
-                key: C.actionName
+                ref: "tooltipTarget",
+                class: "ellipsis-cell",
+                onMouseenter: F
+              }, [
+                T(a(Pe), { title: I.value }, {
+                  default: s(() => [
+                    he("span", null, S(o[t.path]), 1)
+                  ]),
+                  _: 2
+                }, 1032, ["title"])
+              ], 544)) : t.cellType === a(r).Tag ? (n(), c(a(Ne), _e({
+                key: 1,
+                content: o[t.path]
+              }, ne(t, o)), null, 16, ["content"])) : t.cellType === a(r).BankCard ? (n(), c(a(De), {
+                key: 2,
+                "card-number": o[t.path]
+              }, null, 8, ["card-number"])) : t.cellType === a(r).Iban ? (n(), c(a(Re), {
+                key: 3,
+                iban: o[t.path]
+              }, null, 8, ["iban"])) : t.cellType === a(r).Symbol ? (n(), c(a(xe), {
+                key: 4,
+                symbol: o[t.path]
+              }, null, 8, ["symbol"])) : t.cellType === a(r).TradeDetail ? (n(), c(a(Ee), {
+                key: 5,
+                "symbol-trade-amount-detail": o[t.path]
+              }, null, 8, ["symbol-trade-amount-detail"])) : t.cellType === a(r).SymbolPrice ? (n(), c(a(Be), {
+                key: 6,
+                "symbol-price-in-trade": o[t.path]
+              }, null, 8, ["symbol-price-in-trade"])) : t.cellType === a(r).TradeSymbol ? (n(), c(a(Le), {
+                key: 7,
+                "symbol-in-trade": o[t.path]
+              }, null, 8, ["symbol-in-trade"])) : t.cellType === a(r).TradeDate ? (n(), c(a(Me), {
+                key: 8,
+                "trade-date": o[t.path]
+              }, null, 8, ["trade-date"])) : t.cellType === a(r).Price ? (n(), c(a(Ue), {
+                key: 9,
+                price: o[t.path]
+              }, null, 8, ["price"])) : t.cellType === a(r).DynamicCurrencyPrice ? (n(), c(a(He), {
+                key: 10,
+                amount: o[t.path]
+              }, null, 8, ["amount"])) : t.cellType === a(r).Image ? (n(), u("div", ze, [
+                o[t.path] ? (n(), u("img", {
+                  key: 0,
+                  class: "saraf-image-cell",
+                  src: o[t.path],
+                  alt: o[t.path]
+                }, null, 8, $e)) : (n(), u("div", Fe, "--"))
+              ])) : C("", !0)
+            ], 10, Ve)) : t.cellType === a(r).ACTION ? (n(), u("span", Ge, [
+              (n(!0), u(g, null, M(l.dataSource.getAccessedActions(o), (f, de) => (n(), u(g, {
+                key: f.actionName
               }, [
-                h(m, {
+                T(d, {
                   type: "link",
-                  onClick: me((Ue) => C.handler(o), ["stop"])
+                  onClick: Ce((We) => f.handler(o), ["stop"])
                 }, {
-                  default: c(() => [
-                    A(f(C.actionName), 1)
+                  default: s(() => [
+                    A(S(f.actionName), 1)
                   ]),
                   _: 2
                 }, 1032, ["onClick"]),
-                Z(
+                le(
                   l.dataSource.getAccessedActions(o).length,
-                  re
-                ) ? (n(), i(b, {
+                  de
+                ) ? (n(), c(v, {
                   key: 0,
                   type: "vertical"
-                })) : g("", !0)
+                })) : C("", !0)
               ], 64))), 128))
-            ])) : g("", !0)
+            ])) : C("", !0)
           ]),
           key: "1"
         } : void 0,
         l.dataSource.isExpandable() ? {
           name: "expandedRowRender",
-          fn: c(({ record: e }) => [
-            ye(a.$slots, "expandedRowRender", {
-              row: e
+          fn: s(({ record: t }) => [
+            be(e.$slots, "expandedRowRender", {
+              row: t
             }, void 0, !0)
           ]),
           key: "2"
         } : void 0,
-        K.value ? {
+        $.value ? {
           name: "summary",
-          fn: c(() => [
-            h(ne, null, {
-              default: c(() => [
-                h(E, null, {
-                  default: c(() => [
-                    A(f(S.value.summaryTitle), 1)
+          fn: s(() => [
+            T(se, null, {
+              default: s(() => [
+                T(L, null, {
+                  default: s(() => [
+                    A(S(h.value.summaryTitle), 1)
                   ]),
                   _: 1
                 }),
-                (n(!0), s(k, null, x(S.value.summaryItems, (e, o) => (n(), i(E, {
+                (n(!0), u(g, null, M(h.value.summaryItems, (t, o) => (n(), c(L, {
                   key: o,
-                  align: e.align
+                  align: t.align
                 }, {
-                  default: c(() => [
-                    h(le, null, {
-                      default: c(() => [
-                        A(f(e.data), 1)
+                  default: s(() => [
+                    T(ce, null, {
+                      default: s(() => [
+                        A(S(t.data), 1)
                       ]),
                       _: 2
                     }, 1024)
@@ -253,5 +281,5 @@ const Re = { key: 0 }, Ee = { key: 0 }, xe = {
   }
 });
 export {
-  Xe as default
+  rt as default
 };

package/dist/baseTable/SarafTableGenerator.vue.es.js

@@ -1,7 +1,7 @@
-import o from "./SarafTableGenerator.vue.es2.js";
+import a from "./SarafTableGenerator.vue.es2.js";
 /* empty css                            */
-import r from "../_virtual/_plugin-vue_export-helper.es.js";
-const f = /* @__PURE__ */ r(o, [["__scopeId", "data-v-c0f9d0ee"]]);
+import o from "../_virtual/_plugin-vue_export-helper.es.js";
+const f = /* @__PURE__ */ o(a, [["__scopeId", "data-v-47650ada"]]);
 export {
   f as default
 };