@sarafapp/ant-design 1.0.0

package/README.md

@@ -0,0 +1,66 @@
+# @sarafapp/ant-design
+
+Saraf AntDesign Components Library - A collection of Vue 3 components built on top of Ant Design Vue.
+
+## Installation
+
+```bash
+npm install @sarafapp/ant-design @sarafapp/iron_core
+```
+
+## Peer Dependencies
+
+Make sure you have the following peer dependencies installed:
+
+```bash
+npm install vue@^3.0.0 ant-design-vue@^4.0.0
+```
+
+## Usage
+
+```typescript
+import { SarafButton, SarafTable } from '@sarafapp/ant-design';
+```
+
+## Components
+
+### Base Form
+- SarafTextFiled
+- SarafNumberFiled  
+- SarafPasswordFiled
+- SarafSearchFiled
+- SarafSelect
+
+### Base Table
+- SarafTable
+- SarafPriceTableCell
+- SarafTradeDateCell
+- SarafTradeSymbolCell
+- And more table cell components...
+
+### Data Display
+- SarafChart
+- SarafTabs
+- SarafSecondaryTabs
+- SarafTag
+
+### Date Picker
+- SarafDatePicker
+- SarafRangePicker
+
+### General
+- SarafButton
+
+### Icons
+- Various Saraf icons
+
+### Layout
+- SarafDialog
+- SarafDialogFooter
+
+### Loaders
+- SarafDefaultSpinner
+
+## License
+
+MIT

package/dist/Constants.es.js

@@ -0,0 +1,4 @@
+var a = /* @__PURE__ */ ((r) => (r.Small = "small", r.Medium = "medium", r.Large = "large", r))(a || {});
+export {
+  a as ComponentSize
+};

package/dist/_virtual/_commonjsHelpers.es.js

@@ -0,0 +1,8 @@
+var o = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
+function l(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+}
+export {
+  o as commonjsGlobal,
+  l as getDefaultExportFromCjs
+};

package/dist/_virtual/_plugin-vue_export-helper.es.js

@@ -0,0 +1,9 @@
+const s = (t, e) => {
+  const o = t.__vccOpts || t;
+  for (const [r, c] of e)
+    o[r] = c;
+  return o;
+};
+export {
+  s as default
+};

package/dist/_virtual/dayjs.min.es.js

@@ -0,0 +1,4 @@
+var a = { exports: {} };
+export {
+  a as __module
+};

package/dist/baseForm/SarafFiledInvalidMessage.vue.es.js

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

package/dist/baseForm/SarafFiledInvalidMessage.vue.es2.js

@@ -0,0 +1,20 @@
+import { defineComponent as n, computed as t, createElementBlock as i, createCommentVNode as l, openBlock as o, normalizeClass as d, toDisplayString as r } from "vue";
+const u = /* @__PURE__ */ n({
+  __name: "SarafFiledInvalidMessage",
+  props: {
+    invalidMessage: {},
+    disabled: { type: Boolean }
+  },
+  setup(a) {
+    const e = a, s = t(() => ({
+      disabled: e.disabled
+    }));
+    return (p, c) => e.invalidMessage ? (o(), i("span", {
+      key: 0,
+      class: d(["input--state--invalid mr-2", s.value])
+    }, r(e.invalidMessage), 3)) : l("", !0);
+  }
+});
+export {
+  u as default
+};

package/dist/baseForm/SarafSearchFiled.vue.es.js

@@ -0,0 +1,56 @@
+import { defineComponent as f, mergeModels as a, useModel as h, createBlock as S, openBlock as b, unref as c, withCtx as v, createVNode as I } from "vue";
+import V from "./SarafTextFiled.vue.es.js";
+import { InputControl as x, DebounceService as z } from "@sarafapp/iron_core";
+import { BasicInputNames as M, InputSizes as _ } from "./model/Constants.es.js";
+import C from "../icons/SearchIcon.vue.es.js";
+const F = /* @__PURE__ */ f({
+  __name: "SarafSearchFiled",
+  props: /* @__PURE__ */ a({
+    debounceTime: { default: 500 },
+    size: { default: _.Large }
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ a(["search"], ["update:modelValue"]),
+  setup(t, { emit: i }) {
+    const n = t, l = i, r = h(t, "modelValue"), u = new x(M.Search, "");
+    let o = "";
+    const m = new z(
+      {
+        runDebounce() {
+          s(o);
+        },
+        runImmediate() {
+          p(o);
+        }
+      },
+      n.debounceTime
+    );
+    function d(e) {
+      o = e, m.runAction();
+    }
+    function s(e) {
+      l("search", e);
+    }
+    function p(e) {
+      r.value = e;
+    }
+    return (e, g) => (b(), S(V, {
+      "model-value": r.value,
+      "input-control": c(u),
+      size: n.size,
+      placeholder: "جستجو",
+      "is-clearable": "",
+      "onUpdate:modelValue": d
+    }, {
+      suffix: v(() => [
+        I(c(C))
+      ]),
+      _: 1
+    }, 8, ["model-value", "input-control", "size"]));
+  }
+});
+export {
+  F as default
+};

package/dist/baseForm/SarafSearchFiled.vue.es2.js

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

package/dist/baseForm/SarafSelect.vue.es.js

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

package/dist/baseForm/SarafSelect.vue.es2.js

@@ -0,0 +1,153 @@
+import { defineComponent as G, mergeModels as _, useModel as J, ref as K, useTemplateRef as P, computed as t, watch as Q, onBeforeMount as W, onBeforeUpdate as X, onBeforeUnmount as Y, resolveComponent as I, createElementBlock as y, openBlock as o, normalizeClass as Z, createVNode as r, withCtx as i, createBlock as f, createCommentVNode as C, Fragment as ee, renderList as te, createTextVNode as ae, toDisplayString as le, createElementVNode as z, unref as u } from "vue";
+import { DebounceService as se } from "@sarafapp/iron_core";
+import { InputStatus as B, SarafSelectMode as V, InputSizes as ne } from "./model/Constants.es.js";
+import oe from "./SarafFiledInvalidMessage.vue.es.js";
+import w from "../loaders/spinners/SarafDefaultSpinner.vue.es.js";
+import { SpinnerSizes as k } from "../loaders/spinners/model/Constants.es.js";
+const re = {
+  ref: "spinner",
+  class: "spinner-container"
+}, ie = { class: "spinner-container" }, ve = /* @__PURE__ */ G({
+  __name: "SarafSelect",
+  props: /* @__PURE__ */ _({
+    inputControl: {},
+    totalCount: {},
+    items: {},
+    isMultiple: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 },
+    initialItems: { default() {
+      return [];
+    } },
+    placeholder: { default: "لطفا یک مورد را انتخاب کنید" },
+    size: { default: ne.Large },
+    isSearchable: { type: Boolean, default: !1 },
+    isLoading: { type: Boolean, default: !1 },
+    isClearable: { type: Boolean, default: !1 }
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ _(["fetchMore", "searchStart", "search"], ["update:modelValue"]),
+  setup(p, { emit: A }) {
+    const e = p, c = A;
+    let d = "";
+    const v = J(p, "modelValue"), h = K(
+      /* @__PURE__ */ new Map()
+    ), s = P("spinner"), L = new se(
+      {
+        runImmediate() {
+          R();
+        },
+        runDebounce() {
+          $();
+        }
+      },
+      500
+    ), S = new IntersectionObserver(
+      (a) => {
+        a[0].isIntersecting && c("fetchMore");
+      },
+      {
+        threshold: 0.7
+      }
+    ), N = t(() => e.items.length > 0), T = t(() => e.totalCount !== e.items.length), D = t(() => T.value && !e.isLoading), E = t(() => e.isLoading && !N.value), b = t(() => e.inputControl.getNotValidMessage()), x = t(() => !b.value.length), U = t(() => x.value ? B.Default : B.Error), F = t(() => ({
+      disabled: e.disabled
+    })), H = t(() => e.isMultiple ? V.Multi : V.Single), O = t(() => Array.from(h.value.values()));
+    function R() {
+      c("searchStart", d);
+    }
+    function $() {
+      c("search", d);
+    }
+    function j(a) {
+      d = a, L.runAction();
+    }
+    function g(a) {
+      for (const l of a)
+        h.value.set(l.value, l);
+    }
+    Q(
+      () => s.value,
+      () => {
+        s.value && S.observe(s.value);
+      }
+    );
+    function M() {
+      g(e.items), g(e.initialItems);
+    }
+    return W(() => {
+      M();
+    }), X(() => {
+      M();
+    }), Y(() => {
+      s.value && S.unobserve(s.value);
+    }), (a, l) => {
+      const m = I("a-select-option"), q = I("a-select");
+      return o(), y("div", {
+        class: Z(["saraf-select", F.value])
+      }, [
+        r(q, {
+          value: v.value,
+          "onUpdate:value": l[0] || (l[0] = (n) => v.value = n),
+          class: "saraf-select",
+          mode: H.value,
+          disabled: e.disabled,
+          "auto-clear-search-value": !1,
+          "filter-option": !1,
+          "show-search": e.isSearchable,
+          placeholder: e.placeholder,
+          status: U.value,
+          size: e.size,
+          "allow-clear": e.isClearable,
+          onSearch: j
+        }, {
+          default: i(() => [
+            (o(!0), y(ee, null, te(O.value, (n) => (o(), f(m, {
+              key: n.value,
+              value: n.value
+            }, {
+              default: i(() => [
+                ae(le(n.label), 1)
+              ]),
+              _: 2
+            }, 1032, ["value"]))), 128)),
+            D.value ? (o(), f(m, {
+              key: 0,
+              disabled: ""
+            }, {
+              default: i(() => [
+                z("div", re, [
+                  r(u(w), {
+                    size: u(k).Small
+                  }, null, 8, ["size"])
+                ], 512)
+              ]),
+              _: 1
+            })) : C("", !0),
+            E.value ? (o(), f(m, {
+              key: 1,
+              disabled: ""
+            }, {
+              default: i(() => [
+                z("div", ie, [
+                  r(u(w), {
+                    size: u(k).Small
+                  }, null, 8, ["size"])
+                ])
+              ]),
+              _: 1
+            })) : C("", !0)
+          ]),
+          _: 1
+        }, 8, ["value", "mode", "disabled", "show-search", "placeholder", "status", "size", "allow-clear"]),
+        r(oe, {
+          "invalid-message": b.value,
+          disabled: e.disabled
+        }, null, 8, ["invalid-message", "disabled"])
+      ], 2);
+    };
+  }
+});
+export {
+  ve as default
+};

package/dist/baseForm/SarafTextFiled.vue.es.js

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

package/dist/baseForm/SarafTextFiled.vue.es2.js

@@ -0,0 +1,88 @@
+import { defineComponent as z, mergeModels as f, useModel as E, useSlots as M, computed as t, resolveComponent as I, resolveDirective as w, withDirectives as N, createElementBlock as D, openBlock as T, normalizeClass as a, createVNode as v, createSlots as $, withCtx as n, createElementVNode as i, renderSlot as u } from "vue";
+import { InputStatus as m, SarafInputTypes as F, InputSizes as A } from "./model/Constants.es.js";
+import L from "./SarafFiledInvalidMessage.vue.es.js";
+const q = /* @__PURE__ */ z({
+  __name: "SarafTextFiled",
+  props: /* @__PURE__ */ f({
+    inputControl: {},
+    placeholder: {},
+    size: { default: A.Large },
+    disabled: { type: Boolean },
+    isClearable: { type: Boolean, default: !1 },
+    type: { default: F.Text }
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ f(["buttonClick"], ["update:modelValue"]),
+  setup(r, { emit: b }) {
+    const e = r, d = E(r, "modelValue"), x = b, s = M(), C = t(() => !!s.button), y = t(() => !!s.prefix), B = t(() => !!s.suffix), c = t(() => e.inputControl.getNotValidMessage()), _ = t(() => !!c.value), k = t(() => _.value ? m.Error : m.Default), l = t(() => ({
+      disabled: e.disabled
+    }));
+    function S() {
+      e.disabled || x("buttonClick");
+    }
+    return (o, p) => {
+      const g = I("a-input"), h = w("touch-sensitive-control");
+      return N((T(), D("div", {
+        tabindex: "1",
+        class: a(["input__container", l.value])
+      }, [
+        v(g, {
+          value: d.value,
+          "onUpdate:value": p[0] || (p[0] = (V) => d.value = V),
+          status: k.value,
+          size: e.size,
+          placeholder: e.placeholder,
+          disabled: e.disabled,
+          "allow-clear": e.isClearable,
+          type: e.type
+        }, $({ _: 2 }, [
+          y.value ? {
+            name: "prefix",
+            fn: n(() => [
+              i("span", {
+                class: a(["input--icon", l.value])
+              }, [
+                u(o.$slots, "prefix", {}, void 0, !0)
+              ], 2)
+            ]),
+            key: "0"
+          } : void 0,
+          B.value ? {
+            name: "suffix",
+            fn: n(() => [
+              i("span", {
+                class: a(["input--icon", l.value])
+              }, [
+                u(o.$slots, "suffix", {}, void 0, !0)
+              ], 2)
+            ]),
+            key: "1"
+          } : void 0,
+          C.value ? {
+            name: "addonAfter",
+            fn: n(() => [
+              i("span", {
+                class: "input_button",
+                onClick: S
+              }, [
+                u(o.$slots, "button", {}, void 0, !0)
+              ])
+            ]),
+            key: "2"
+          } : void 0
+        ]), 1032, ["value", "status", "size", "placeholder", "disabled", "allow-clear", "type"]),
+        v(L, {
+          "invalid-message": c.value,
+          disabled: e.disabled
+        }, null, 8, ["invalid-message", "disabled"])
+      ], 2)), [
+        [h, e.inputControl]
+      ]);
+    };
+  }
+});
+export {
+  q as default
+};

package/dist/baseForm/model/Constants.es.js

@@ -0,0 +1,8 @@
+var e = /* @__PURE__ */ ((r) => (r.Error = "error", r.Warning = "warning", r.Default = "default", r))(e || {}), l = /* @__PURE__ */ ((r) => (r.Small = "small", r.Medium = "medium", r.Large = "large", r))(l || {}), a = /* @__PURE__ */ ((r) => (r.Search = "search", r))(a || {}), m = /* @__PURE__ */ ((r) => (r.Multi = "multiple", r.Single = "single", r))(m || {}), g = /* @__PURE__ */ ((r) => (r.Text = "text", r.Password = "password", r.Number = "Number", r))(g || {});
+export {
+  a as BasicInputNames,
+  l as InputSizes,
+  e as InputStatus,
+  g as SarafInputTypes,
+  m as SarafSelectMode
+};

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

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

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

@@ -0,0 +1,27 @@
+import { defineComponent as s, computed as a, createElementBlock as u, openBlock as m, withModifiers as d, createElementVNode as t, toDisplayString as p } from "vue";
+import { Formatter as i, Util as o } from "@sarafapp/iron_core";
+const b = ["src", "alt"], _ = /* @__PURE__ */ s({
+  __name: "SarafBankCardTableCell",
+  props: {
+    cardNumber: {}
+  },
+  setup(n) {
+    const e = n, r = a(() => e.cardNumber ? i.applyBankCardMask(e.cardNumber) : "-"), c = a(() => o.getBankImageBaseOnCardInfo(String(e.cardNumber), "CARD"));
+    function l() {
+      o.copyValueToClipboard(e.cardNumber, "شماره کارت با موفقیت کپی شد");
+    }
+    return (f, C) => (m(), u("div", {
+      class: "saraf-bank-card-cell",
+      onClick: d(l, ["stop"])
+    }, [
+      t("img", {
+        src: c.value,
+        alt: r.value
+      }, null, 8, b),
+      t("p", null, p(r.value), 1)
+    ]));
+  }
+});
+export {
+  _ as default
+};

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

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

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

@@ -0,0 +1,19 @@
+import { defineComponent as o, createElementBlock as r, openBlock as c, createElementVNode as t, createTextVNode as l, toDisplayString as n } from "vue";
+const s = { class: "saraf-price-cell" }, i = /* @__PURE__ */ o({
+  __name: "SarafDynamicCurrencyPriceTableCell",
+  props: {
+    amount: {}
+  },
+  setup(a) {
+    const e = a;
+    return (p, m) => (c(), r("div", s, [
+      t("p", null, [
+        t("span", null, n(e.amount.symbol), 1),
+        l(" " + n(e.amount.truncatedValue), 1)
+      ])
+    ]));
+  }
+});
+export {
+  i as default
+};

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

@@ -0,0 +1,7 @@
+import a from "./SarafIbanTableCell.vue.es2.js";
+/* empty css                           */
+import o from "../_virtual/_plugin-vue_export-helper.es.js";
+const e = /* @__PURE__ */ o(a, [["__scopeId", "data-v-399af1a5"]]);
+export {
+  e as default
+};

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

@@ -0,0 +1,27 @@
+import { defineComponent as i, computed as n, createElementBlock as s, openBlock as p, withModifiers as m, createElementVNode as o, toDisplayString as u } from "vue";
+import { Formatter as b, Util as t } from "@sarafapp/iron_core";
+const d = ["src", "alt"], g = /* @__PURE__ */ i({
+  __name: "SarafIbanTableCell",
+  props: {
+    iban: {}
+  },
+  setup(r) {
+    const a = r, e = n(() => b.applyIbanMask(a.iban)), l = n(() => t.getBankImageBaseOnCardInfo(String(a.iban), "IBAN"));
+    function c() {
+      t.copyValueToClipboard(a.iban, "شماره شبا با موفقیت کپی شد");
+    }
+    return (f, I) => (p(), s("div", {
+      class: "saraf-iban-cell",
+      onClick: m(c, ["stop"])
+    }, [
+      o("img", {
+        src: l.value,
+        alt: e.value
+      }, null, 8, d),
+      o("p", null, "IR-" + u(e.value), 1)
+    ]));
+  }
+});
+export {
+  g as default
+};

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

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

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

@@ -0,0 +1,20 @@
+import { defineComponent as c, computed as l, createElementBlock as p, openBlock as a, createElementVNode as t, createTextVNode as s, toDisplayString as i } from "vue";
+import { Formatter as m } from "@sarafapp/iron_core";
+const u = { class: "saraf-price-cell" }, k = /* @__PURE__ */ c({
+  __name: "SarafPriceTableCell",
+  props: {
+    price: {}
+  },
+  setup(o) {
+    const e = o, n = l(() => e.price ? m.toCurrency(e.price) : "0");
+    return (d, r) => (a(), p("div", u, [
+      t("p", null, [
+        r[0] || (r[0] = t("span", null, "IRT", -1)),
+        s(" " + i(n.value), 1)
+      ])
+    ]));
+  }
+});
+export {
+  k as default
+};

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

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

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

@@ -0,0 +1,20 @@
+import { defineComponent as s, createElementBlock as t, openBlock as a, createElementVNode as l, toDisplayString as n } from "vue";
+const m = { class: "saraf-symbol-cell" }, c = ["src", "alt"], _ = /* @__PURE__ */ s({
+  __name: "SarafSymbolTableCell",
+  props: {
+    symbol: {}
+  },
+  setup(o) {
+    const e = o;
+    return (r, p) => (a(), t("div", m, [
+      l("img", {
+        src: e.symbol.image,
+        alt: e.symbol.enName
+      }, null, 8, c),
+      l("p", null, n(e.symbol.symbol), 1)
+    ]));
+  }
+});
+export {
+  _ as default
+};

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

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