@dv.net/ui-kit 1.0.0

package/dist/chunks/UiTable.vue_vue_type_script_setup_true_lang-Cb6RLLg_.js

@@ -0,0 +1,359 @@
+import { defineComponent as ee, mergeModels as A, useModel as $, computed as M, watch as oe, createElementBlock as t, openBlock as a, createElementVNode as d, createBlock as c, createCommentVNode as u, normalizeStyle as N, renderSlot as p, Fragment as m, renderList as b, normalizeClass as g, unref as s, withModifiers as V, withCtx as P, toDisplayString as f, createSlots as j, normalizeProps as z, guardReactiveProps as D, createVNode as O, Transition as le, createTextVNode as T, nextTick as ae } from "vue";
+import { _ as se } from "./UiIconButton.vue_vue_type_script_setup_true_lang-BBWg01iF.js";
+import "./style-CD0jFgS4.js";
+import { _ as te } from "./TableSort.vue_vue_type_script_setup_true_lang-DOlNv552.js";
+import { _ as E } from "./TableSummary.vue_vue_type_script_setup_true_lang-9VfVgUTT.js";
+import { u as ne } from "./index-DCOIFumv.js";
+import { useExpande as ie } from "../components/UiTable/composables/useExpande.js";
+import { useSelected as re } from "../components/UiTable/composables/useSelected.js";
+import { useSort as de } from "../components/UiTable/composables/useSort.js";
+import { getValueByHeaderName as ue } from "../components/UiTable/helpers/getValueByHeaderName.js";
+import "./vue3-lottie.es-C_Z24a9S.js";
+/* empty css                                                */
+import { _ as H } from "./UiCheckbox.vue_vue_type_script_setup_true_lang-CMIMkAaq.js";
+/* empty css                                                         */
+/* empty css                                                    */
+import "./useDatePicker-D8lDAs1P.js";
+import { config as pe } from "../config/index.js";
+/* empty css                                                           */
+/* empty css                                                       */
+/* empty css                                                   */
+/* empty css                                                  */
+/* empty css                                                    */
+/* empty css                                                    */
+/* empty css                                                    */
+/* empty css                                                  */
+/* empty css                                                      */
+import "vue-router";
+/* empty css                                                */
+import { _ as me } from "./UiPagination.vue_vue_type_script_setup_true_lang-BzOftHlY.js";
+/* empty css                                                 */
+/* empty css                                                      */
+/* empty css                                                        */
+import { _ as ye } from "./UiSkeleton.vue_vue_type_script_setup_true_lang-DdPvBHJ7.js";
+/* empty css                                                    */
+/* empty css                                                */
+/* empty css                                                    */
+/* empty css                                                               */
+/* empty css                                                    */
+const ce = { class: "ui-table__wrapper" }, ge = { class: "ui-table__header" }, we = ["colspan"], be = { key: 1 }, fe = { key: 1 }, ke = ["colspan"], he = { key: 2 }, ve = ["colspan"], $e = { class: "ui-table__empty" }, Pe = ["onClick"], Se = {
+  key: 0,
+  class: "ui-table__row-animation"
+}, Ke = {
+  key: 0,
+  class: "ui-table__expande-row"
+}, Ce = ["colspan"], Ve = {
+  key: 1,
+  class: "ui-table__footer-row"
+}, Re = ["colspan"], co = /* @__PURE__ */ ee({
+  __name: "UiTable",
+  props: /* @__PURE__ */ A({
+    data: { default: () => [] },
+    headers: { default: () => [] },
+    rowClass: {},
+    tableLayout: { default: "auto" },
+    loading: { type: Boolean },
+    selectedKey: {},
+    expandeKey: {},
+    disabledKey: {},
+    rowKey: {},
+    keyPerPagPagination: {},
+    skeletonRows: { default: 3 },
+    showSummary: { type: Boolean },
+    meta: {},
+    emptyValue: { type: [Boolean, String], default: "—" },
+    highlightRow: {},
+    isShowPerPageSelect: { type: Boolean, default: !0 },
+    summaryPosition: { default: "bottom" },
+    isShowAlwaysPagination: { type: Boolean, default: !1 }
+  }, {
+    disabled: { default: [] },
+    disabledModifiers: {},
+    selected: { default: [] },
+    selectedModifiers: {},
+    expanded: { default: [] },
+    expandedModifiers: {},
+    sort: {
+      default: {
+        order: null,
+        name: null
+      }
+    },
+    sortModifiers: {}
+  }),
+  emits: /* @__PURE__ */ A(["sortChange", "rowClick", "changePagination", "indeterminateChange"], ["update:disabled", "update:selected", "update:expanded", "update:sort"]),
+  setup(w, { emit: L }) {
+    const n = w, R = L, k = $(w, "disabled"), B = $(w, "selected"), h = $(w, "expanded"), v = $(w, "sort"), S = M(() => n.data.map((e) => {
+      const i = n.rowKey && e && typeof e == "object" && Object.prototype.hasOwnProperty.call(e, n.rowKey);
+      return {
+        row: e,
+        id: i ? e[n.rowKey] : ne()
+      };
+    })), U = M(
+      () => y.value.filter((e) => !k.value.includes(n.disabledKey && e.row[n.disabledKey]))
+    ), { sortedData: y, sort: F, isSorting: K } = de(S, v, n.emptyValue, n.headers), { isAllSelected: q, isIndeterminate: G, selectRow: J, selectAll: Q, selectedObject: W } = re(
+      U,
+      B,
+      n.selectedKey
+    ), { expandeRow: X, expandeObj: C } = ie(y, h, n.expandeKey);
+    function Y(e, i) {
+      K.value = !0, F(e, i), ae(() => {
+        R("sortChange", v.value);
+      });
+    }
+    function Z(e) {
+      Q(e), R("indeterminateChange", e);
+    }
+    function I(e) {
+      return n.rowClass ? n.rowClass(e) : "";
+    }
+    function x(e) {
+      return n.highlightRow === "even" && e % 2 || n.highlightRow === "odd" && e % 2 === 0;
+    }
+    return oe(
+      () => n.loading,
+      (e, i) => {
+        i && !e && K.value && (K.value = !1);
+      }
+    ), (e, i) => (a(), t("div", null, [
+      d("div", ce, [
+        d("table", {
+          cellpadding: 0,
+          cellspacing: 0,
+          style: N({ tableLayout: e.tableLayout }),
+          class: "ui-table"
+        }, [
+          d("thead", null, [
+            d("tr", ge, [
+              e.$slots.header ? p(e.$slots, "header", {
+                key: 0,
+                headers: e.headers
+              }) : (a(!0), t(m, { key: 1 }, b(n.headers, (o) => (a(), t(m, {
+                key: o.name
+              }, [
+                o.isShow === void 0 || o.isShow ? (a(), t("th", {
+                  key: 0,
+                  colspan: o.colspan ?? 1,
+                  rowspan: 1,
+                  class: g(["ui-table__header-cell", [{ "is-selection-col": o.selection }]]),
+                  style: N(o.width ? `width: ${o.width}px` : "")
+                }, [
+                  d("div", {
+                    class: g(["ui-table__header-cell-inner", [o.align]])
+                  }, [
+                    o.selection && s(y)?.length ? (a(), c(s(H), {
+                      key: 0,
+                      indeterminate: s(G),
+                      "model-value": s(q),
+                      "onUpdate:modelValue": i[0] || (i[0] = (r) => Z(r)),
+                      onClick: i[1] || (i[1] = V(() => {
+                      }, ["stop"])),
+                      class: "ui-table__checkbox",
+                      size: "sm"
+                    }, null, 8, ["indeterminate", "model-value"])) : u("", !0),
+                    e.$slots["header-cell"] ? p(e.$slots, "header-cell", {
+                      key: 1,
+                      title: o.label,
+                      header: o
+                    }) : o.name && e.$slots[`header-cell-${o.name}`] ? p(e.$slots, `header-cell-${o.name}`, {
+                      key: 2,
+                      title: o.label,
+                      header: o
+                    }) : o.label ? (a(), t(m, { key: 3 }, [
+                      p(e.$slots, `header-cell-${o.name}-prepend`),
+                      o.sortable ? (a(), c(te, {
+                        key: 0,
+                        title: o.label,
+                        onSort: (r) => {
+                          Y(
+                            {
+                              order: r,
+                              name: o.sortName ?? o.name ?? null
+                            },
+                            (o.sortable && o.sortable === "custom") ?? !1
+                          );
+                        },
+                        "model-value": (o.sortName ?? o.name) === v.value.name ? v.value.order : null
+                      }, {
+                        default: P(() => [
+                          d("span", null, f(o.label), 1)
+                        ]),
+                        _: 2
+                      }, 1032, ["title", "onSort", "model-value"])) : (a(), t("span", be, f(o.label), 1)),
+                      p(e.$slots, `header-cell-${o.name}-append`)
+                    ], 64)) : u("", !0)
+                  ], 2)
+                ], 14, we)) : u("", !0)
+              ], 64))), 128))
+            ])
+          ]),
+          d("tbody", null, [
+            e.showSummary && s(y).length && e.summaryPosition === "top" ? (a(), c(E, {
+              key: 0,
+              "empty-value": e.emptyValue,
+              loading: e.loading,
+              "prepared-data": S.value,
+              headers: e.headers
+            }, j({ _: 2 }, [
+              b(e.$slots, (o, r) => ({
+                name: r,
+                fn: P((l) => [
+                  p(e.$slots, r, z(D(l)))
+                ])
+              }))
+            ]), 1032, ["empty-value", "loading", "prepared-data", "headers"])) : u("", !0),
+            e.loading && !s(y).length ? (a(), t("tr", fe, [
+              d("td", {
+                colspan: e.headers.length,
+                class: "ui-table__skeleton-container"
+              }, [
+                O(s(ye), { rows: e.skeletonRows }, null, 8, ["rows"])
+              ], 8, ke)
+            ])) : s(y).length ? (a(!0), t(m, { key: 3 }, b(s(y), (o, r) => (a(), t(m, {
+              key: o.id
+            }, [
+              d("tr", {
+                onClick: (l) => e.$emit("rowClick", o.row),
+                class: g(["ui-table__body-row", [
+                  I(o.row),
+                  { "highlight-row": x(r) },
+                  { "is-disabled": e.disabledKey && k.value.includes(o.row[e.disabledKey]) }
+                ]])
+              }, [
+                e.$slots.body ? p(e.$slots, "body", {
+                  key: 0,
+                  row: o.row,
+                  headers: e.headers,
+                  index: r
+                }) : (a(!0), t(m, { key: 1 }, b(n.headers, (l) => (a(), t(m, {
+                  key: l.name
+                }, [
+                  l.isShow === void 0 || l.isShow ? (a(), t("td", {
+                    key: 0,
+                    colspan: 1,
+                    rowspan: 1,
+                    class: g([
+                      "ui-table__body-cell",
+                      {
+                        "is-selection-col": l.selection,
+                        "is-expande-col": typeof l.expande == "function" ? l.expande(o.row) : l.expande
+                      },
+                      l.columnClass && l.columnClass(o.row, l.name)
+                    ])
+                  }, [
+                    O(le, { name: "fade" }, {
+                      default: P(() => [
+                        e.loading ? (a(), t("div", Se)) : u("", !0)
+                      ]),
+                      _: 1
+                    }),
+                    d("div", {
+                      class: g(["ui-table__body-cell-inner", [l.align]])
+                    }, [
+                      (typeof l.expande == "function" ? l.expande(o.row) : l.expande) ? (a(), c(se, {
+                        key: 0,
+                        disabled: !!e.disabledKey && k.value.includes(o.row[e.disabledKey]),
+                        class: g(["ui-table__expande", {
+                          "is-active": e.expandeKey ? h.value.includes(o.row[e.expandeKey]) : s(C)[o.id]
+                        }]),
+                        onClick: V((_) => s(X)(
+                          o.id,
+                          !(e.expandeKey ? h.value.includes(o.row[e.expandeKey]) : s(C)[o.id])
+                        ), ["stop"]),
+                        "icon-name": "keyboard-arrow-down"
+                      }, null, 8, ["disabled", "class", "onClick"])) : u("", !0),
+                      l.selection ? (a(), c(s(H), {
+                        key: 1,
+                        tabindex: "1",
+                        "model-value": e.selectedKey ? B.value.includes(o.row[e.selectedKey]) : s(W)[o.id],
+                        "onUpdate:modelValue": (_) => s(J)(o.id, _),
+                        onClick: i[2] || (i[2] = V(() => {
+                        }, ["stop"])),
+                        class: "ui-table__checkbox",
+                        size: "sm",
+                        disabled: !!e.disabledKey && k.value.includes(o.row[e.disabledKey])
+                      }, null, 8, ["model-value", "onUpdate:modelValue", "disabled"])) : u("", !0),
+                      e.$slots["body-cell"] ? p(e.$slots, "body-cell", {
+                        key: 2,
+                        row: o.row,
+                        header: l,
+                        index: r
+                      }) : l.format ? (a(), t(m, { key: 3 }, [
+                        T(f(l.format(o.row)), 1)
+                      ], 64)) : l.name ? (a(), t(m, { key: 4 }, [
+                        e.$slots[`body-cell-${l.name}`] ? p(e.$slots, `body-cell-${l.name}`, {
+                          key: 0,
+                          row: o.row,
+                          index: r
+                        }) : (a(), t(m, { key: 1 }, [
+                          T(f(s(ue)(o.row, l.name, e.emptyValue)), 1)
+                        ], 64))
+                      ], 64)) : u("", !0)
+                    ], 2)
+                  ], 2)) : u("", !0)
+                ], 64))), 128))
+              ], 10, Pe),
+              (e.expandeKey ? h.value.includes(o.row[e.expandeKey]) : s(C)[o.id]) ? (a(), t("tr", Ke, [
+                d("td", {
+                  colspan: e.headers.length
+                }, [
+                  p(e.$slots, "expande", {
+                    row: o.row,
+                    index: r
+                  })
+                ], 8, Ce)
+              ])) : u("", !0)
+            ], 64))), 128)) : (a(), t("tr", he, [
+              d("td", {
+                colspan: e.headers.length
+              }, [
+                d("div", $e, f(s(pe).uiTable.translations.noData), 1)
+              ], 8, ve)
+            ]))
+          ]),
+          d("tfoot", null, [
+            e.showSummary && s(y).length && e.summaryPosition === "bottom" ? (a(), c(E, {
+              key: 0,
+              "empty-value": e.emptyValue,
+              loading: e.loading,
+              "prepared-data": S.value,
+              headers: e.headers
+            }, j({ _: 2 }, [
+              b(e.$slots, (o, r) => ({
+                name: r,
+                fn: P((l) => [
+                  p(e.$slots, r, z(D(l)))
+                ])
+              }))
+            ]), 1032, ["empty-value", "loading", "prepared-data", "headers"])) : u("", !0),
+            e.$slots.footer ? (a(), t("tr", Ve, [
+              d("td", {
+                colspan: e.headers.length,
+                class: "ui-table__footer-cell"
+              }, [
+                p(e.$slots, "footer")
+              ], 8, Re)
+            ])) : u("", !0)
+          ])
+        ], 4)
+      ]),
+      e.meta ? (a(), c(s(me), {
+        key: 0,
+        class: "ui-table__pagination",
+        onChangePage: i[3] || (i[3] = (o) => e.$emit("changePagination", o)),
+        onChangePerPage: i[4] || (i[4] = (o) => e.$emit("changePagination", o)),
+        disabled: e.loading,
+        page: e.meta.page,
+        "per-page": e.meta.perPage,
+        total: e.meta.total,
+        "next-page-exists": e.meta.nextPageExists,
+        isShowPerPageSelect: e.isShowPerPageSelect,
+        isShowAlwaysPagination: e.isShowAlwaysPagination,
+        keyPerPagPagination: e.keyPerPagPagination
+      }, null, 8, ["disabled", "page", "per-page", "total", "next-page-exists", "isShowPerPageSelect", "isShowAlwaysPagination", "keyPerPagPagination"])) : u("", !0)
+    ]));
+  }
+});
+export {
+  co as _
+};

package/dist/chunks/UiTabs.vue_vue_type_script_setup_true_lang-Cl2uvELZ.js

@@ -0,0 +1,36 @@
+import { defineComponent as d, mergeModels as s, useModel as i, provide as n, createElementBlock as u, openBlock as c, normalizeClass as p, renderSlot as f } from "vue";
+import { TABS_PROVIDE_VALUE as h } from "../components/UiTabs/constants.js";
+const g = /* @__PURE__ */ d({
+  __name: "UiTabs",
+  props: /* @__PURE__ */ s({
+    modelValue: {},
+    size: { default: "md" },
+    mode: { default: "outline" },
+    router: { type: Boolean },
+    isShort: { type: Boolean }
+  }, {
+    modelValue: { default: "" },
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ s(["change"], ["update:modelValue"]),
+  setup(t, { emit: l }) {
+    const o = t, r = i(t, "modelValue"), a = l;
+    function m(e) {
+      a("change", e);
+    }
+    return n(h, {
+      modelValue: r,
+      size: o.size,
+      mode: o.mode,
+      router: o.router,
+      change: m
+    }), (e, V) => (c(), u("div", {
+      class: p([[`size-${e.size}`, `mode-${e.mode}`, { "is-short": e.isShort }], "ui-tabs"])
+    }, [
+      f(e.$slots, "default")
+    ], 2));
+  }
+});
+export {
+  g as _
+};

package/dist/chunks/UiTabsItem.vue_vue_type_script_setup_true_lang-XvsBaqkr.js

@@ -0,0 +1,37 @@
+import { defineComponent as r, inject as u, computed as i, createBlock as m, openBlock as l, resolveDynamicComponent as c, normalizeClass as d, unref as t, withCtx as p, renderSlot as v, createElementBlock as _, createCommentVNode as b, toDisplayString as f } from "vue";
+import { TABS_PROVIDE_VALUE as g } from "../components/UiTabs/constants.js";
+const V = {
+  key: 0,
+  class: "ui-tabs-item__badge"
+}, h = /* @__PURE__ */ r({
+  __name: "UiTabsItem",
+  props: {
+    value: {},
+    badge: {}
+  },
+  setup(k) {
+    const o = u(g), n = i(() => o?.router ? "router-link" : "button");
+    function s(e) {
+      o?.modelValue.value && (o.modelValue.value = e, o.change(e));
+    }
+    return (e, a) => (l(), m(c(n.value), {
+      replace: "",
+      class: d([[
+        `size-${t(o)?.size}`,
+        `mode-${t(o)?.mode}`,
+        { "is-active": t(o)?.modelValue.value === e.value }
+      ], "ui-tabs-item__button"]),
+      onClick: a[0] || (a[0] = (C) => s(e.value)),
+      to: e.value
+    }, {
+      default: p(() => [
+        v(e.$slots, "default"),
+        e.badge && t(o)?.mode === "clear" ? (l(), _("span", V, f(e.badge), 1)) : b("", !0)
+      ]),
+      _: 3
+    }, 8, ["class", "to"]));
+  }
+});
+export {
+  h as _
+};

package/dist/chunks/UiTextarea.vue_vue_type_script_setup_true_lang-DfTIMM0c.js

@@ -0,0 +1,105 @@
+import { defineComponent as $, mergeModels as c, useModel as z, ref as h, onMounted as L, nextTick as M, createElementBlock as u, openBlock as i, normalizeClass as y, renderSlot as d, withDirectives as N, createCommentVNode as r, createElementVNode as T, withKeys as C, vModelText as E, createVNode as D, toDisplayString as v } from "vue";
+import { _ as I } from "./UiCopyText.vue_vue_type_script_setup_true_lang-niTeutqO.js";
+/* empty css                                                    */
+const K = ["maxlength", "id", "placeholder", "disabled", "readonly", "rows"], F = {
+  key: 1,
+  class: "ui-textarea__maxlength"
+}, R = {
+  key: 2,
+  class: "ui-textarea__placeholder-block"
+}, j = /* @__PURE__ */ $({
+  __name: "UiTextarea",
+  props: /* @__PURE__ */ c({
+    maxLength: {},
+    isDisabled: { type: Boolean },
+    placeholder: { default: "" },
+    label: { default: "" },
+    size: { default: "md" },
+    filled: { type: Boolean, default: !1 },
+    error: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 },
+    isEmptyValueNull: { type: Boolean },
+    copy: { type: Boolean, default: !1 },
+    id: {},
+    readonly: { type: Boolean },
+    rows: { default: 1 }
+  }, {
+    modelValue: { default: null },
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ c(["input", "blur", "focus", "change"], ["update:modelValue"]),
+  setup(p, { expose: g, emit: b }) {
+    const f = p, t = b, l = z(p, "modelValue"), s = h(!1), a = h();
+    function o() {
+      a.value && f.size == "auto" && (a.value.style.height = "1em", a.value.style.height = a.value.scrollHeight + "px");
+    }
+    function B() {
+      s.value = !1, t("blur"), o();
+    }
+    function V(e) {
+      f.isEmptyValueNull && e.target.value === "" && (l.value = null), o(), t("input", e.target.value);
+    }
+    function k() {
+      s.value = !0, t("focus"), o();
+    }
+    function x() {
+      o();
+    }
+    function w() {
+      t("change");
+    }
+    return g({
+      focus: () => a.value?.focus()
+    }), L(() => {
+      M(o);
+    }), (e, n) => (i(), u("label", {
+      class: y(["ui-textarea", [
+        e.size,
+        { "is-focus": s.value },
+        { filled: e.filled },
+        { "is-maxlength": e.maxLength },
+        { "is-disabled": e.disabled }
+      ]])
+    }, [
+      d(e.$slots, "prepend"),
+      N(T("textarea", {
+        maxlength: e.maxLength,
+        id: e.id,
+        ref_key: "textareaRef",
+        ref: a,
+        "onUpdate:modelValue": n[0] || (n[0] = (m) => l.value = m),
+        class: "ui-textarea__textarea",
+        placeholder: e.$slots.placeholder ? "" : e.placeholder,
+        disabled: e.disabled,
+        readonly: e.readonly,
+        onBlur: B,
+        onFocus: k,
+        onInput: V,
+        onChange: w,
+        onKeyup: x,
+        onKeydown: n[1] || (n[1] = C((m) => a.value?.blur(), ["esc"])),
+        rows: e.rows
+      }, null, 40, K), [
+        [E, l.value]
+      ]),
+      d(e.$slots, "append"),
+      e.copy && l.value ? (i(), u("div", {
+        key: 0,
+        class: y(["ui-textarea__copy", { "is-disabled": e.disabled }])
+      }, [
+        D(I, {
+          colorIcon: "var(--color-icon-tertiary)",
+          sizeIcon: "sm",
+          copiedText: l.value
+        }, null, 8, ["copiedText"])
+      ], 2)) : r("", !0),
+      e.maxLength ? (i(), u("div", F, v(l.value?.length) + " / " + v(e.maxLength), 1)) : r("", !0),
+      e.$slots.placeholder && !l.value && !s.value ? (i(), u("div", R, [
+        d(e.$slots, "placeholder")
+      ])) : r("", !0)
+    ], 2));
+  }
+});
+export {
+  j as _
+};