@orchidui/core 1.20.1-10 → 1.20.1-11

package/dist/{index-B6YvZe00.js → index-C_er_H5F.js}

@@ -2454,7 +2454,7 @@ const Jt = {
   class: "border-b border-oc-gray-200"
 }, qn = {
   key: 0,
-  class: "p-0 bg-oc-gray-50 border-r border-oc-gray-200"
+  class: "p-0 bg-oc-gray-50 border-r border-oc-gray-200 sticky left-0 z-30"
 }, Hn = { class: "flex p-3 items-center min-h-[35px] border-b border-oc-text-200" }, Yn = ["onClick"], Wn = { class: "px-5 py-3 truncate min-h-[34px] font-medium text-xs border-b border-oc-text-200 uppercase flex items-center gap-2 justify-between w-full" }, Kn = { class: "flex p-3 items-center min-h-[35px]" }, Gn = { class: "truncate" }, uf = {
   __name: "OcNewTable",
   props: {
@@ -2586,7 +2586,7 @@ const Jt = {
     const we = (U, G, q = !1) => {
       if (!c.value) return "";
       const X = [];
-      return (d.value.findIndex((re) => re.key === G) === 0 || U.stickyLeft) && X.push(`sticky left-0 ${q ? "z-30" : "z-20"}`), X.join(" ");
+      return (d.value.findIndex((re) => re.key === G) === 0 || U.stickyLeft) && X.push(`!sticky ${m.value ? "left-8" : "left-0"} ${q ? "z-30" : "z-20"}`), X.join(" ");
     }, ke = (U) => {
       p.value.find((q) => f.value(q) === f.value(U)) ? p.value = p.value.filter(
         (q) => f.value(q) !== f.value(U)
@@ -2595,98 +2595,102 @@ const Jt = {
       const U = p.value.length === o.value.length;
       p.value = U ? [] : [...o.value];
     };
-    return (U, G) => (t(), i("div", Fn, [
-      U.$slots.before ? (t(), i("div", Un, [
-        $(U.$slots, "before")
-      ])) : u("", !0),
-      n("div", {
-        class: "w-full overflow-auto",
-        ref_key: "scrollContainerRef",
-        ref: O
-      }, [
-        n("table", {
-          ref_key: "tableRef",
-          ref: C,
-          class: "w-full text-left text-[13px] border-oc-gray-200",
-          style: { "table-layout": "fixed" }
+    return (U, G) => (t(), i("div", null, [
+      n("div", Fn, [
+        U.$slots.before ? (t(), i("div", Un, [
+          $(U.$slots, "before")
+        ])) : u("", !0),
+        n("div", {
+          class: "w-full overflow-auto",
+          ref_key: "scrollContainerRef",
+          ref: O
         }, [
-          n("thead", null, [
-            n("tr", null, [
-              m.value ? (t(), i("th", qn, [
-                n("div", Hn, [
-                  x(s(Oe), {
-                    class: "items-center",
-                    "model-value": p.value.length === o.value.length,
-                    "onUpdate:modelValue": ge
-                  }, null, 8, ["model-value"])
-                ])
-              ])) : u("", !0),
-              (t(!0), i(z, null, R(d.value, (q, X) => (t(), i("th", {
-                key: q.key,
-                class: v(["p-0 bg-oc-gray-50", [E.value && !X ? "shadow-left" : "", q.headerClass, we(q, q.key, !0), q.key === "actions" ? "cursor-default" : "cursor-pointer"]]),
-                onClick: (W) => h(q.key)
-              }, [
-                n("div", Wn, [
-                  Z(k(q.label) + " ", 1),
-                  q.key !== "actions" ? (t(), y(s(T), {
-                    key: 0,
-                    name: "arrow-down",
-                    width: "14",
-                    height: "14",
-                    class: v([
-                      "transition-transform duration-200",
-                      g.value === q.key ? "text-blue-500" : "text-gray-400",
-                      g.value === q.key && w.value === "asc" ? "scale-y-[-1]" : ""
-                    ])
-                  }, null, 8, ["class"])) : u("", !0)
-                ])
-              ], 10, Yn))), 128))
-            ])
-          ]),
-          n("tbody", null, [
-            (t(!0), i(z, null, R(A.value, (q, X) => (t(), i("tr", {
-              key: X,
-              class: "group/row"
-            }, [
-              m.value ? (t(), i("td", {
-                key: 0,
-                class: v(["p-0 bg-oc-bg-light border-r border-oc-gray-200", X !== A.value.length - 1 ? "border-b" : ""])
-              }, [
-                n("div", Kn, [
-                  x(s(Oe), {
-                    class: "items-center",
-                    "model-value": p.value.some((W) => f.value(W) === f.value(U.field)),
-                    "onUpdate:modelValue": (W) => ke(q)
-                  }, null, 8, ["model-value", "onUpdate:modelValue"])
-                ])
-              ], 2)) : u("", !0),
-              (t(!0), i(z, null, R(d.value, (W, re) => (t(), i("td", {
-                key: W.key + X,
-                class: v(["p-0 bg-oc-bg-light", [
-                  { "border-b border-oc-gray-200": X !== A.value.length - 1 },
-                  we(W, W.key, !1)
-                ]])
+          n("table", {
+            ref_key: "tableRef",
+            ref: C,
+            class: "w-full text-left text-[13px] border-oc-gray-200",
+            style: { "table-layout": "fixed" }
+          }, [
+            n("thead", null, [
+              n("tr", null, [
+                m.value ? (t(), i("th", qn, [
+                  n("div", Hn, [
+                    x(s(Oe), {
+                      class: "items-center",
+                      "model-value": p.value.length === o.value.length,
+                      "onUpdate:modelValue": ge
+                    }, null, 8, ["model-value"])
+                  ])
+                ])) : u("", !0),
+                (t(!0), i(z, null, R(d.value, (q, X) => (t(), i("th", {
+                  key: q.key,
+                  class: v(["p-0 bg-oc-gray-50", [E.value && !X ? "shadow-left" : "", q.headerClass, we(q, q.key, !0), q.key === "actions" ? "cursor-default" : "cursor-pointer"]]),
+                  onClick: (W) => h(q.key)
+                }, [
+                  n("div", Wn, [
+                    Z(k(q.label) + " ", 1),
+                    q.key !== "actions" ? (t(), y(s(T), {
+                      key: 0,
+                      name: "arrow-down",
+                      width: "14",
+                      height: "14",
+                      class: v([
+                        "transition-transform duration-200",
+                        g.value === q.key ? "text-blue-500" : "text-gray-400",
+                        g.value === q.key && w.value === "asc" ? "scale-y-[-1]" : ""
+                      ])
+                    }, null, 8, ["class"])) : u("", !0)
+                  ])
+                ], 10, Yn))), 128))
+              ])
+            ]),
+            n("tbody", null, [
+              (t(!0), i(z, null, R(A.value, (q, X) => (t(), i("tr", {
+                key: X,
+                class: "group/row"
               }, [
-                n("div", {
-                  class: v(["px-5 py-3 text-[13px] flex gap-2 items-center justify-between w-full", W.class])
+                m.value ? (t(), i("td", {
+                  key: 0,
+                  class: v(["p-0 bg-oc-bg-light border-r border-oc-gray-200 sticky left-0 z-20", X !== A.value.length - 1 ? "border-b" : ""])
                 }, [
-                  $(U.$slots, W.key, {
-                    item: q,
-                    data: q[W.key]
-                  }, () => [
-                    n("div", Gn, k(q[W.key] || "N/A"), 1)
-                  ]),
-                  W.isCopy && q[W.key] ? (t(), y(s(De), {
-                    key: 0,
-                    value: q[W.key],
-                    class: "opacity-0 group-hover/row:opacity-100"
-                  }, null, 8, ["value"])) : u("", !0)
-                ], 2)
-              ], 2))), 128))
-            ]))), 128))
-          ])
+                  n("div", Kn, [
+                    x(s(Oe), {
+                      class: "items-center",
+                      "model-value": p.value.some((W) => f.value(W) === f.value(U.field)),
+                      "onUpdate:modelValue": (W) => ke(q)
+                    }, null, 8, ["model-value", "onUpdate:modelValue"])
+                  ])
+                ], 2)) : u("", !0),
+                (t(!0), i(z, null, R(d.value, (W, re) => (t(), i("td", {
+                  key: W.key + X,
+                  class: v(["p-0 bg-oc-bg-light", [
+                    { "border-b border-oc-gray-200": X !== A.value.length - 1 },
+                    we(W, W.key, !1)
+                  ]])
+                }, [
+                  n("div", {
+                    class: v(["px-5 py-3 text-[13px] flex gap-2 items-center justify-between w-full", W.class])
+                  }, [
+                    $(U.$slots, W.key, {
+                      item: q,
+                      data: q[W.key]
+                    }, () => [
+                      n("div", Gn, k(q[W.key] || "N/A"), 1)
+                    ]),
+                    W.isCopy && q[W.key] ? (t(), y(s(De), {
+                      key: 0,
+                      value: q[W.key],
+                      class: "opacity-0 group-hover/row:opacity-100"
+                    }, null, 8, ["value"])) : u("", !0)
+                  ], 2)
+                ], 2))), 128))
+              ]))), 128))
+            ])
+          ], 512),
+          o.value.length ? u("", !0) : $(U.$slots, "empty", { key: 0 })
         ], 512)
-      ], 512)
+      ]),
+      $(U.$slots, "after")
     ]));
   }
 }, mf = {
@@ -6350,7 +6354,7 @@ const nt = /* @__PURE__ */ $e(po, [["render", xo]]), ho = { class: "flex" }, bo
         }, [
           g.$slots.trailing ? (t(), i("div", {
             key: 0,
-            class: v(["border-r py-2 border-gray-200 pr-3 flex items-center h-[inherit]", e.trailingClass])
+            class: v(["border-r py-2 border-gray-200 pr-3 flex items-center h-full", e.trailingClass])
           }, [
             $(g.$slots, "trailing")
           ], 2)) : u("", !0),
@@ -6374,7 +6378,7 @@ const nt = /* @__PURE__ */ $e(po, [["render", xo]]), ho = { class: "flex" }, bo
                 disabled: e.disabled,
                 autocomplete: e.autocomplete,
                 inputmode: e.inputMode,
-                class: "h-7 outline-none md:text-base text-lg w-full text-oc-text disabled:bg-transparent disabled:text-oc-text-300 text-ellipsis placeholder:font-normal placeholder:text-oc-text-300 bg-oc-bg-light"
+                class: "h-7 outline-none md:text-base text-lg w-full text-oc-text bg-transparent disabled:text-oc-text-300 text-ellipsis placeholder:font-normal placeholder:text-oc-text-300"
               }, f.value, {
                 type: p.value && d.value ? "text" : e.inputType,
                 onFocus: w[0] || (w[0] = (A) => {
@@ -10804,16 +10808,16 @@ const $c = { class: "flex flex-col gap-y-2 w-full" }, Sc = {
       }), 128))
     ], 6)) : u("", !0);
   }
-}, Jf = he(() => import("./OcDataTable-Br5xxpmF.js")), Zf = he(() => import("./OcFilterSearch-s6SZ45pz.js")), Qf = he(() => import("./OcFilterSearchFor-BMaewwyQ.js")), _f = he(() => import("./OcFilterForm-3babUDzc.js")), Am = he(
-  () => import("./OcComplexCalendar-rnP2VSsp.js")
+}, Jf = he(() => import("./OcDataTable-CqJoLJKU.js")), Zf = he(() => import("./OcFilterSearch-BtCrwJ3a.js")), Qf = he(() => import("./OcFilterSearchFor-CN5J0xvQ.js")), _f = he(() => import("./OcFilterForm-DkI_y74X.js")), Am = he(
+  () => import("./OcComplexCalendar--_bFtEot.js")
 ), ev = he(
-  () => import("./OcComplexDatePicker-zEY4nVMT.js")
-), dt = he(() => import("./OcModalCropper-BdONfm42.js")), tv = he(() => import("./OcCropper-Cyss09X7.js")), Lm = he(() => import("./OcDraggable-DRsp4j4e.js")), lv = he(() => import("./OcDraggableList-DiY8GBjy.js")), av = he(() => import("./OcEmojiPicker-ChNCiWFy.js")), nv = he(
-  () => import("./ThumbnailTheme-LyFY95ps.js")
+  () => import("./OcComplexDatePicker-DbdU2gXT.js")
+), dt = he(() => import("./OcModalCropper-B6bXEcPo.js")), tv = he(() => import("./OcCropper-D-C_zcUt.js")), Lm = he(() => import("./OcDraggable-DRsp4j4e.js")), lv = he(() => import("./OcDraggableList-CB6Ivfpa.js")), av = he(() => import("./OcEmojiPicker-BjaoJ6Vy.js")), nv = he(
+  () => import("./ThumbnailTheme-C_UuWBsc.js")
 ), iv = he(
-  () => import("./ThumbnailSection-CXuuRnOY.js")
-), sv = he(() => import("./SubPlanCard-Wf4QI_B5.js")), ov = he(() => import("./OcTimePopup-CrwbZ_Nx.js")), jm = he(() => import("./OcTimePicker-C818d_Uq.js")), rv = he(
-  () => import("./OcAccountSetupProgress-volIZxPE.js")
+  () => import("./ThumbnailSection-CxgjCB7A.js")
+), sv = he(() => import("./SubPlanCard-BjsaEdF3.js")), ov = he(() => import("./OcTimePopup-CrwbZ_Nx.js")), jm = he(() => import("./OcTimePicker-Da2iwC5z.js")), rv = he(
+  () => import("./OcAccountSetupProgress-DfoiLHu2.js")
 );
 export {
   vf as $,

package/dist/index.js

@@ -1,5 +1,5 @@
 import "vue";
-import { W as r, al as o, aY as t, a3 as n, a5 as i, au as p, _ as l, a6 as d, B as m, o as u, a as b, C as S, b as c, av as T, aI as g, aP as C, ay as x, az as P, c as I, aR as f, v as h, aO as O, p as F, aJ as B, aS as k, aA as v, aB as w, aT as A, a7 as L, U as D, M as H, T as M, a8 as _, aM as R, aL as y, aN as E, w as N, u as G, l as U, a9 as V, ac as j, ab as z, ad as W, x as q, a4 as J, d as K, e as Q, m as X, y as Y, z as Z, A as $, aC as aa, aQ as ea, t as sa, D as ra, N as oa, aD as ta, E as na, X as ia, k as pa, F as la, G as da, H as ma, af as ua, ag as ba, I as Sa, K as ca, a0 as Ta, f as ga, J as Ca, ah as xa, g as Pa, h as Ia, i as fa, ai as ha, q as Oa, j as Fa, r as Ba, aw as ka, an as va, aj as wa, aq as Aa, ap as La, am as Da, ao as Ha, ak as Ma, s as _a, S as Ra, ax as ya, Z as Ea, Y as Na, aa as Ga, aW as Ua, ar as Va, aE as ja, ae as za, L as Wa, P as qa, Q as Ja, O as Ka, R as Qa, $ as Xa, n as Ya, aV as Za, aU as $a, aX as ae, aK as ee, aF as se, as as re, V as oe, a2 as te, a1 as ne, at as ie, aG as pe } from "./index-B6YvZe00.js";
+import { W as r, al as o, aY as t, a3 as n, a5 as i, au as p, _ as l, a6 as d, B as m, o as u, a as b, C as S, b as c, av as T, aI as g, aP as C, ay as x, az as P, c as I, aR as f, v as h, aO as O, p as F, aJ as B, aS as k, aA as v, aB as w, aT as A, a7 as L, U as D, M as H, T as M, a8 as _, aM as R, aL as y, aN as E, w as N, u as G, l as U, a9 as V, ac as j, ab as z, ad as W, x as q, a4 as J, d as K, e as Q, m as X, y as Y, z as Z, A as $, aC as aa, aQ as ea, t as sa, D as ra, N as oa, aD as ta, E as na, X as ia, k as pa, F as la, G as da, H as ma, af as ua, ag as ba, I as Sa, K as ca, a0 as Ta, f as ga, J as Ca, ah as xa, g as Pa, h as Ia, i as fa, ai as ha, q as Oa, j as Fa, r as Ba, aw as ka, an as va, aj as wa, aq as Aa, ap as La, am as Da, ao as Ha, ak as Ma, s as _a, S as Ra, ax as ya, Z as Ea, Y as Na, aa as Ga, aW as Ua, ar as Va, aE as ja, ae as za, L as Wa, P as qa, Q as Ja, O as Ka, R as Qa, $ as Xa, n as Ya, aV as Za, aU as $a, aX as ae, aK as ee, aF as se, as as re, V as oe, a2 as te, a1 as ne, at as ie, aG as pe } from "./index-C_er_H5F.js";
 import { _ as de } from "./OcProgressBar-lyqE5LZd.js";
 import { _ as ue } from "./OcHorizontalProgressbar.vue_vue_type_script_setup_true_lang-C-8H1oP2.js";
 import { _ as Se } from "./OcSwitchTabs-B7LfmG3z.js";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@orchidui/core",
   "description": "Orchid UI, Library Vue 3 tailwind css",
-  "version": "1.20.1-10",
+  "version": "1.20.1-11",
   "type": "module",
   "scripts": {
     "build": "vite build"

package/dist/OcFilterSearch-s6SZ45pz.js

@@ -1,117 +0,0 @@
-import { ref as c, computed as b, createElementBlock as u, openBlock as s, Fragment as g, createElementVNode as r, createCommentVNode as O, normalizeClass as w, createVNode as m, createBlock as v, unref as i, withKeys as z, createSlots as K, withCtx as h, toDisplayString as N, renderList as Q, nextTick as A } from "vue";
-import { d as D, aA as E, aB as F, B as S } from "./index-B6YvZe00.js";
-import { _ as I } from "./OcIcon-CBf___w1.js";
-const U = { class: "flex gap-x-4" }, j = { class: "flex gap-x-2 items-center pl-2 text-oc-text-400 font-medium text-sm" }, q = { class: "p-2 flex flex-col" }, J = {
-  __name: "OcFilterSearch",
-  props: {
-    isSearchOnly: Boolean,
-    searchOptions: Array,
-    selectedOption: String
-  },
-  emits: {
-    addQuery: [],
-    toggle: [],
-    "change-search-key": []
-  },
-  setup(t, { emit: C }) {
-    const f = C, y = t, l = c(!1), o = c(""), d = c(!1), p = c(), V = b(() => y.searchOptions.find((n) => n.value === y.selectedOption)), $ = async () => {
-      l.value = !0, f("toggle", l.value), await A(), p.value.focus();
-    }, B = (n) => {
-      f("change-search-key", n), d.value = !1;
-    };
-    return (n, a) => {
-      var k, x;
-      return s(), u(g, null, [
-        r("div", {
-          class: w(["w-full", l.value || t.isSearchOnly ? "" : "absolute max-w-0 overflow-hidden"])
-        }, [
-          r("div", U, [
-            m(i(D), {
-              ref_key: "searchInput",
-              ref: p,
-              modelValue: o.value,
-              "onUpdate:modelValue": a[1] || (a[1] = (e) => o.value = e),
-              placeholder: "Search something here",
-              class: "md:min-w-[310px]",
-              "input-class": "!h-[28px]",
-              icon: (k = t.searchOptions) != null && k.length ? "" : "search",
-              onKeyup: a[2] || (a[2] = z((e) => n.$emit("addQuery", o.value), ["enter"]))
-            }, K({ _: 2 }, [
-              (x = t.searchOptions) != null && x.length ? {
-                name: "trailing",
-                fn: h(() => [
-                  m(i(E), {
-                    modelValue: d.value,
-                    "onUpdate:modelValue": a[0] || (a[0] = (e) => d.value = e),
-                    distance: 12,
-                    skidding: -8
-                  }, {
-                    menu: h(() => [
-                      r("div", q, [
-                        (s(!0), u(g, null, Q(t.searchOptions, (e) => (s(), v(i(F), {
-                          key: e.value,
-                          class: "text-sm",
-                          text: e.label,
-                          active: e.value === t.selectedOption,
-                          onClick: (L) => B(e.value)
-                        }, null, 8, ["text", "active", "onClick"]))), 128))
-                      ])
-                    ]),
-                    default: h(() => {
-                      var e;
-                      return [
-                        r("div", j, [
-                          r("span", null, N((e = V.value) == null ? void 0 : e.label), 1),
-                          m(i(I), {
-                            name: "chevron-down",
-                            width: "14",
-                            height: "14"
-                          })
-                        ])
-                      ];
-                    }),
-                    _: 1
-                  }, 8, ["modelValue"])
-                ]),
-                key: "0"
-              } : void 0
-            ]), 1032, ["modelValue", "icon"]),
-            t.isSearchOnly ? (s(), v(i(S), {
-              key: 0,
-              label: "Search",
-              variant: "secondary",
-              class: "shrink-0",
-              size: "small",
-              onClick: a[3] || (a[3] = () => {
-                n.$emit("addQuery", o.value), o.value = "";
-              })
-            })) : (s(), u("span", {
-              key: 1,
-              class: "text-base cursor-pointer flex normal-case items-center font-medium text-oc-text-400",
-              onClick: a[4] || (a[4] = () => {
-                l.value = !1, n.$emit("toggle", l.value), o.value = "";
-              })
-            }, " Clear "))
-          ])
-        ], 2),
-        t.isSearchOnly ? O("", !0) : (s(), u("div", {
-          key: 0,
-          class: w(l.value ? "max-w-0 overflow-hidden" : "")
-        }, [
-          l.value ? O("", !0) : (s(), v(i(S), {
-            key: 0,
-            variant: "secondary",
-            size: "small",
-            class: "w-8",
-            iconClass: "shrink-0",
-            "left-icon": "search",
-            onClick: $
-          }))
-        ], 2))
-      ], 64);
-    };
-  }
-};
-export {
-  J as default
-};