@quoreadmin/ui 1.5.1 → 1.6.1

package/dist/index31.js

@@ -1,183 +1,69 @@
-import C from "./index114.js";
-import { resolveComponent as c, createElementBlock as l, openBlock as s, renderSlot as t, createCommentVNode as a, createElementVNode as i, normalizeStyle as u, normalizeClass as n, createVNode as p, withCtx as k, createBlock as w, createTextVNode as m, toDisplayString as d, Fragment as f, renderList as g, mergeProps as $ } from "vue";
+import u from "./index115.js";
+import { HIDE_PASSWORD_ICON as F, SHOW_PASSWORD_ICON as q } from "./index115.js";
+import { resolveComponent as p, createElementBlock as i, openBlock as l, normalizeClass as s, createElementVNode as a, createCommentVNode as t, mergeProps as m, renderSlot as f, normalizeProps as c, guardReactiveProps as C, createVNode as k, withModifiers as v, createBlock as d } from "vue";
 /* empty css         */
-import H from "./index61.js";
-const V = ["id"], q = { key: 0 }, z = {
-  key: 0,
-  class: "list-filters"
-}, N = { class: "relative flex" }, R = {
-  key: 1,
-  class: "search-and-filters loading-state"
-}, D = {
-  ref: "listRef",
-  class: "outer-list-wrapper select-none"
-}, E = { key: 0 }, B = {
-  key: 0,
-  class: "list-wrapper"
-}, L = ["onClick"], T = {
-  key: 1,
-  class: "list ordered-list"
-}, U = ["onClick"], F = {
-  key: 1,
-  class: "no-results"
-}, O = {
-  key: 1,
-  class: "list-wrapper"
-}, P = { class: "list loading-list" };
-function A(e, o, I, M, Q, j) {
-  const y = c("q-icon"), v = c("q-input"), b = c("q-badge");
-  return s(), l("div", {
-    id: e.id,
-    class: "q-list"
+import $ from "./index62.js";
+const I = ["id", "type", "disabled", "autocomplete", "maxlength", "value", "placeholder"];
+function y(e, o, S, g, O, b) {
+  const r = p("q-icon");
+  return l(), i("div", {
+    ref: "currentInput",
+    class: s(e.rootClasses)
   }, [
-    e.hasSearch || e.filters.length ? t(e.$slots, "search-and-filters", { key: 0 }, () => [
-      i("div", {
-        ref: "searchRef",
-        class: n([
-          "search-and-filter-wrapper",
-          { "fixed right-0 left-0 top-0 pt-4 pl-4 pr-4 z-10 bg-white overflow-hidden": e.hiddenSearch },
-          { "is-shown border-b border-gray-20": e.hiddenSearch && e.isSearchVisible },
-          { "!hidden h-px": e.hiddenSearch && e.searchHeight <= 16 }
-        ]),
-        style: u([
-          e.hiddenSearch && e.searchHeight >= 0 ? `height: ${e.searchHeight}px;` : "",
-          `top: ${e.defaultSearchTop}px;`
-        ])
-      }, [
-        e.loading ? (s(), l("div", R, [...o[2] || (o[2] = [
-          i("div", { class: "loading-search animate-shimmer bg-gray-10" }, null, -1),
-          i("div", { class: "loading-filters animate-shimmer bg-gray-30" }, null, -1)
-        ])])) : (s(), l("div", q, [
-          i("div", {
-            class: "search-and-filters",
-            style: u(
-              e.hiddenSearch && e.searchHeight >= 0 ? `height: ${e.searchHeight - 32}px;` : ""
-            )
-          }, [
-            t(e.$slots, "before-search", {}, void 0, !0),
-            i("div", {
-              class: "list-search",
-              style: u(
-                e.hiddenSearch && e.searchHeight - 32 < 38 ? "opacity: " + (e.searchHeight - 56) / 14 + ";" : e.hiddenSearch && e.searchHeight - 32 < 24 ? "opacity; 0;" : ""
-              )
-            }, [
-              e.hasSearch ? t(e.$slots, "list-search", { key: 0 }, () => [
-                i("label", {
-                  for: "list-search",
-                  class: n([
-                    "search-label",
-                    { "!hidden": e.hiddenSearch && e.searchHeight - 32 <= 0 }
-                  ])
-                }, [
-                  p(v, {
-                    id: "list-search",
-                    modelValue: e.searchValue,
-                    "onUpdate:modelValue": o[0] || (o[0] = (r) => e.searchValue = r),
-                    "hide-clear": !!e.mq.md,
-                    placeholder: e.searchPlaceholder || e.$t("HC_SEARCH"),
-                    class: "text-base placeholder-inkwell-0",
-                    "control-class": "!border-0 !pl-2 !pr-1.5 md:!px-3",
-                    "icon-position": "left",
-                    size: "xs"
-                  }, {
-                    default: k(() => [
-                      p(y, {
-                        color: "inkwell-0",
-                        icon: "search",
-                        size: "md",
-                        type: "",
-                        class: "cursor-default"
-                      })
-                    ]),
-                    _: 1
-                  }, 8, ["modelValue", "hide-clear", "placeholder"])
-                ], 2)
-              ], !0) : a("", !0)
-            ], 4),
-            t(e.$slots, "after-search", {}, void 0, !0),
-            e.filters.length && e.type === "row" ? (s(), l("div", z, [
-              t(e.$slots, "list-filters", {}, () => [
-                i("div", N, [
-                  p(y, {
-                    class: "filters-icon",
-                    color: "inkwell-0",
-                    icon: "filter",
-                    size: "md",
-                    onClick: o[1] || (o[1] = (r) => e.$emit("filters-action"))
-                  }),
-                  e.filtersCount ? (s(), w(b, {
-                    key: 0,
-                    class: "filters-count",
-                    color: "gray-0"
-                  }, {
-                    text: k(() => [
-                      m(d(e.filtersCount), 1)
-                    ]),
-                    _: 1
-                  })) : a("", !0)
-                ])
-              ], !0)
-            ])) : a("", !0),
-            t(e.$slots, "actions", {}, void 0, !0)
-          ], 4)
-        ])),
-        t(e.$slots, "search-separator", {}, () => [
-          i("hr", {
-            class: n([
-              "search-separator",
-              { "!mb-0 hidden": e.hiddenSearch }
-            ])
-          }, null, 2)
-        ], !0)
-      ], 6)
-    ], !0) : a("", !0),
-    i("div", D, [
-      e.loading ? (s(), l("div", O, [
-        i("ul", P, [
-          (s(!0), l(f, null, g(e.skeletonRows, (r) => (s(), l("li", {
-            key: r,
-            class: "list-item"
-          }, [...o[3] || (o[3] = [
-            i("div", { class: "animate-shimmer bg-gray-30 loading-top mb-3" }, null, -1),
-            i("div", { class: "animate-shimmer bg-gray-10 loading-bottom" }, null, -1)
-          ])]))), 128))
-        ])
-      ])) : (s(), l("div", E, [
-        e.filteredData.length ? (s(), l("div", B, [
-          e.type !== "ordered" ? (s(), l("ul", {
-            key: 0,
-            class: n(["list", `${e.type}-list`])
-          }, [
-            (s(!0), l(f, null, g(e.filteredData, (r, h) => (s(), l("li", {
-              key: h,
-              class: "list-item",
-              onClick: (S) => e.$emit("click:list-item", r)
-            }, [
-              t(e.$slots, "list-item", $({ ref_for: !0 }, { item: r }), () => [
-                m(d(r), 1)
-              ], !0)
-            ], 8, L))), 128))
-          ], 2)) : (s(), l("ol", T, [
-            (s(!0), l(f, null, g(e.filteredData, (r, h) => (s(), l("li", {
-              key: h,
-              class: "list-item",
-              onClick: (S) => e.$emit("click:list-item", r)
-            }, [
-              t(e.$slots, "list-item", $({ ref_for: !0 }, { item: r }), () => [
-                m(d(r), 1)
-              ], !0)
-            ], 8, U))), 128))
-          ]))
-        ])) : (s(), l("div", F, [
-          t(e.$slots, "no-results", {}, () => [
-            i("p", null, d(e.noResultMessage || e.$t("HC_NO_RESULTS_FOUND")), 1)
-          ], !0)
-        ]))
-      ]))
-    ], 512)
-  ], 8, V);
+    a("input", m({
+      id: String(e.$attrs.id),
+      ref: String(e.$attrs.id),
+      type: e.type,
+      disabled: e.isDisabled,
+      class: e.inputClasses,
+      autocomplete: e.autocomplete,
+      maxlength: e.maxlength,
+      value: e.modelValue,
+      placeholder: e.placeholder
+    }, e.$attrs, {
+      onInput: o[0] || (o[0] = (n) => e.updateValue(n)),
+      onFocusin: o[1] || (o[1] = (n) => e.focused = !e.focused),
+      onFocusout: o[2] || (o[2] = (...n) => e.onFocusOut && e.onFocusOut(...n)),
+      onBlur: o[3] || (o[3] = (n) => e.focused = !0)
+    }), null, 16, I),
+    e.isSlotAvailable || e.icon ? (l(), i("div", {
+      key: 0,
+      class: s(["icon-container flex", { "order-first pr-2": e.iconPosition === "left" }])
+    }, [
+      f(e.$slots, "default", c(C({ icon: e.icon, onClickIcon: e.onClickIcon })), () => [
+        k(r, {
+          icon: e.icon,
+          size: "md",
+          class: "cursor-pointer",
+          onClick: e.onClickIcon
+        }, null, 8, ["icon", "onClick"])
+      ], !0)
+    ], 2)) : t("", !0),
+    e.showClearIcon && !e.hideClear ? (l(), i("div", {
+      key: 1,
+      class: "close cursor-pointer flex order-3",
+      onClick: o[4] || (o[4] = (n) => e.$emit("update:model-value", "")),
+      onMousedown: o[5] || (o[5] = v(() => {
+      }, ["prevent"]))
+    }, [
+      e.mq.md ? (l(), d(r, {
+        key: 0,
+        icon: "close",
+        size: "sm",
+        type: "line"
+      })) : (l(), d(r, {
+        key: 1,
+        icon: "delete-circle",
+        color: "inkwell-0",
+        size: "md",
+        type: "fill"
+      }))
+    ], 32)) : t("", !0)
+  ], 2);
 }
-const X = /* @__PURE__ */ H(C, [["render", A], ["__scopeId", "data-v-4391cb9c"]]);
+const w = /* @__PURE__ */ $(u, [["render", y], ["__scopeId", "data-v-f19bb4f5"]]);
 export {
-  X as default
+  F as HIDE_PASSWORD_ICON,
+  q as SHOW_PASSWORD_ICON,
+  w as default
 };