@indielayer/ui 1.8.1 → 1.8.3

package/docs/pages/component/select/usage.vue

@@ -4,7 +4,7 @@ import { ref } from 'vue'
 const selected = ref<undefined | string>()
 const selectedMultiple = ref<string[]>(['A', 'B'])
 const options = ref([
-  { value: 'A', label: 'Option A' },
+  { value: 'A', label: 'Option A', disabled: true },
   { value: 'B', label: 'Option B' },
 ])
 
@@ -35,8 +35,8 @@ for (let i = 0; i < 20; i++) {
       v-model="selectedMultiple"
       label="Multi select"
       placeholder="Multiple"
-      filterable
       :options="options"
+      filterable
       multiple
     />
   </div>

package/docs/pages/component/tag/usage.vue

@@ -11,9 +11,10 @@ const notifications = useNotifications()
     <x-tag outlined>I'm a tag</x-tag>
     <x-tag rounded outlined color="pink">I'm a tag</x-tag>
     <x-tag color="pink">I'm a tag</x-tag>
-    <x-tag removable @remove="notifications?.log('remove me')">I'm a tag</x-tag>
-    <x-tag removable size="xs" @remove="notifications?.log('remove me')">I'm a tag</x-tag>
-    <x-tag removable size="lg" @remove="notifications?.log('remove me')">I'm a tag</x-tag>
-    <x-tag removable size="xl" @remove="notifications?.log('remove me')">I'm a tag</x-tag>
+    <x-tag removable size="xs" @remove="notifications?.log('remove me')">I'm a xs tag</x-tag>
+    <x-tag removable size="sm" @remove="notifications?.log('remove me')">I'm a sm tag</x-tag>
+    <x-tag removable disabled @remove="notifications?.log('remove me')">I'm a md tag</x-tag>
+    <x-tag removable size="lg" @remove="notifications?.log('remove me')">I'm a lg tag</x-tag>
+    <x-tag removable size="xl" @remove="notifications?.log('remove me')">I'm a xl tag</x-tag>
   </div>
 </template>

package/lib/components/datepicker/Datepicker.vue.js

@@ -1,13 +1,13 @@
-import { defineComponent as C, ref as i, openBlock as I, createElementBlock as P, normalizeStyle as T, unref as l, normalizeClass as R, createVNode as s, withCtx as d, withKeys as u, withModifiers as j, createSlots as F, renderList as A, renderSlot as z, normalizeProps as L, guardReactiveProps as q } from "vue";
-import { useMutationObserver as M } from "../../node_modules/.pnpm/@vueuse_core@10.2.0_vue@3.3.9_typescript@5.2.2_/node_modules/@vueuse/core/index.js";
-import { useCommon as V } from "../../composables/useCommon.js";
-import { useInputtable as m } from "../../composables/useInputtable.js";
-import { useInteractive as G } from "../../composables/useInteractive.js";
-import { useTheme as Y } from "../../composables/useTheme.js";
-import W from "../input/Input.vue.js";
-import E from "../../node_modules/.pnpm/@vuepic_vue-datepicker@8.3.2_vue@3.3.9_typescript@5.2.2_/node_modules/@vuepic/vue-datepicker/dist/vue-datepicker.js";
+import { defineComponent as O, ref as d, openBlock as D, createElementBlock as C, normalizeStyle as I, unref as n, normalizeClass as P, createVNode as u, createSlots as T, withCtx as m, withKeys as p, withModifiers as R, renderList as j, renderSlot as F, normalizeProps as A, guardReactiveProps as z } from "vue";
+import { useMutationObserver as L } from "../../node_modules/.pnpm/@vueuse_core@10.2.0_vue@3.3.9_typescript@5.2.2_/node_modules/@vueuse/core/index.js";
+import { useCommon as q } from "../../composables/useCommon.js";
+import { useInputtable as f } from "../../composables/useInputtable.js";
+import { useInteractive as M } from "../../composables/useInteractive.js";
+import { useTheme as V } from "../../composables/useTheme.js";
+import G from "../input/Input.vue.js";
+import Y from "../../node_modules/.pnpm/@vuepic_vue-datepicker@8.3.2_vue@3.3.9_typescript@5.2.2_/node_modules/@vuepic/vue-datepicker/dist/vue-datepicker.js";
 import "../../node_modules/.pnpm/@vuepic_vue-datepicker@8.3.2_vue@3.3.9_typescript@5.2.2_/node_modules/@vuepic/vue-datepicker/dist/main.css.js";
-const K = {
+const W = {
   multiCalendars: { type: [Boolean, Number, String, Object], default: void 0 },
   modelValue: { type: [String, Date, Array, Object, Number], default: null },
   modelType: { type: String, default: null },
@@ -134,54 +134,54 @@ const K = {
   config: { type: Object, default: void 0 },
   quarterPicker: { type: Boolean, default: !1 },
   yearFirst: { type: Boolean, default: !1 }
-}, $ = {
-  ...V.props(),
-  ...G.props(),
-  ...m.props(),
-  ...K
-}, H = {
+}, E = {
+  ...q.props(),
+  ...M.props(),
+  ...f.props(),
+  ...W
+}, K = {
   name: "XDatepicker"
-}, ne = /* @__PURE__ */ C({
-  ...H,
-  props: $,
-  emits: m.emits(),
-  setup(p, { expose: f, emit: y }) {
-    const c = p, g = y, t = i(null);
-    function b(e) {
-      g("update:modelValue", e), setTimeout(n);
+}, ae = /* @__PURE__ */ O({
+  ...K,
+  props: E,
+  emits: f.emits(),
+  setup(y, { expose: c, emit: g }) {
+    const b = y, h = g, t = d(null);
+    function k(e) {
+      h("update:modelValue", e), setTimeout(r);
     }
-    function h() {
+    function v() {
       var e;
       (e = t.value) == null || e.blur();
     }
-    function k() {
+    function w() {
       var e;
       (e = t.value) == null || e.focus();
     }
-    function n() {
+    function r() {
       var e;
       (e = t.value) == null || e.validate();
     }
-    const a = document == null ? void 0 : document.querySelector("html"), o = i((a == null ? void 0 : a.classList.contains("dark")) ?? !1);
-    M(a, (e) => {
-      e[0] && e[0].attributeName === "class" && (o.value = (a == null ? void 0 : a.classList.contains("dark")) ?? !1);
+    const a = document == null ? void 0 : document.querySelector("html"), i = d((a == null ? void 0 : a.classList.contains("dark")) ?? !1);
+    L(a, (e) => {
+      e[0] && e[0].attributeName === "class" && (i.value = (a == null ? void 0 : a.classList.contains("dark")) ?? !1);
     }, {
       attributes: !0
-    }), f({ focus: k, blur: h, validate: n });
-    const { styles: v, classes: w, className: S } = Y("Datepicker", {}, c);
-    return (e, U) => (I(), P("div", {
-      style: T(l(v)),
-      class: R([
-        l(S),
-        l(w).wrapper
+    }), c({ focus: w, blur: v, validate: r });
+    const { styles: S, classes: B, className: N } = V("Datepicker", {}, b);
+    return (e, $) => (D(), C("div", {
+      style: I(n(S)),
+      class: P([
+        n(N),
+        n(B).wrapper
       ])
     }, [
-      s(l(E), {
+      u(n(Y), {
         "model-value": e.modelValue,
         "multi-calendars": e.multiCalendars,
         "model-type": e.modelType,
         position: e.position,
-        dark: o.value,
+        dark: i.value,
         format: e.format,
         "auto-position": e.autoPosition,
         "alt-position": e.altPosition,
@@ -286,14 +286,14 @@ const K = {
         "quarter-picker": e.quarterPicker,
         "year-first": e.yearFirst,
         "is-24": e.is24,
-        "onUpdate:modelValue": b
-      }, {
-        "dp-input": d(({ value: B, onEnter: N, onTab: O }) => [
-          s(W, {
+        "onUpdate:modelValue": k
+      }, T({
+        "dp-input": m(({ value: s, onEnter: l, onTab: o }) => [
+          u(G, {
             ref_key: "inputRef",
             ref: t,
             readonly: "",
-            "model-value": B,
+            "model-value": s,
             label: e.label,
             size: e.size,
             disabled: e.disabled,
@@ -307,23 +307,23 @@ const K = {
             required: e.required,
             "hide-footer": e.hideFooter,
             onKeydown: [
-              u(j(N, ["prevent"]), ["enter"]),
-              u(O, ["tab"])
+              p(R(l, ["prevent"]), ["enter"]),
+              p(o, ["tab"])
             ]
-          }, F({ _: 2 }, [
-            A(e.$slots, (X, r) => ({
-              name: r,
-              fn: d((D = {}) => [
-                z(e.$slots, r, L(q(D)))
-              ])
-            }))
-          ]), 1032, ["model-value", "label", "size", "disabled", "helper", "loading", "name", "rules", "tooltip", "placeholder", "required", "hide-footer", "onKeydown"])
+          }, null, 8, ["model-value", "label", "size", "disabled", "helper", "loading", "name", "rules", "tooltip", "placeholder", "required", "hide-footer", "onKeydown"])
         ]),
-        _: 3
-      }, 8, ["model-value", "multi-calendars", "model-type", "position", "dark", "format", "auto-position", "alt-position", "transitions", "format-locale", "utc", "aria-labels", "offset", "hide-navigation", "timezone", "emit-timezone", "vertical", "disable-month-year-select", "disable-year-select", "menu-class-name", "day-class", "year-range", "calendar-cell-class-name", "enable-time-picker", "auto-apply", "disabled-dates", "month-name-format", "start-date", "start-time", "hide-offset-dates", "auto-range", "no-today", "disabled-week-days", "allowed-dates", "now-button-label", "markers", "esc-close", "space-confirm", "month-change-on-arrows", "preset-dates", "flow", "partial-flow", "prevent-min-max-navigation", "min-range", "max-range", "multi-dates-limit", "reverse-years", "week-picker", "filters", "arrow-navigation", "disable-time-range-validation", "highlight", "teleport", "teleport-center", "locale", "week-num-name", "week-start", "week-numbers", "calendar-class-name", "month-change-on-scroll", "day-names", "month-picker", "custom-props", "year-picker", "model-auto", "select-text", "cancel-text", "preview-format", "multi-dates", "partial-range", "ignore-time-validation", "min-date", "max-date", "placeholder", "hide-input-icon", "clearable", "state", "required", "autocomplete", "input-class-name", "fixed-start", "fixed-end", "time-picker", "enable-seconds", "no-hours-overlay", "no-minutes-overlay", "no-seconds-overlay", "hours-grid-increment", "minutes-grid-increment", "seconds-grid-increment", "hours-increment", "minutes-increment", "seconds-increment", "range", "uid", "inline", "text-input", "no-disabled-range", "six-weeks", "action-row", "focus-start-date", "disabled-times", "show-last-in-range", "time-picker-inline", "calendar", "config", "quarter-picker", "year-first", "is-24"])
+        _: 2
+      }, [
+        j(e.$slots, (s, l) => ({
+          name: l,
+          fn: m((o = {}) => [
+            F(e.$slots, l, A(z(o)))
+          ])
+        }))
+      ]), 1032, ["model-value", "multi-calendars", "model-type", "position", "dark", "format", "auto-position", "alt-position", "transitions", "format-locale", "utc", "aria-labels", "offset", "hide-navigation", "timezone", "emit-timezone", "vertical", "disable-month-year-select", "disable-year-select", "menu-class-name", "day-class", "year-range", "calendar-cell-class-name", "enable-time-picker", "auto-apply", "disabled-dates", "month-name-format", "start-date", "start-time", "hide-offset-dates", "auto-range", "no-today", "disabled-week-days", "allowed-dates", "now-button-label", "markers", "esc-close", "space-confirm", "month-change-on-arrows", "preset-dates", "flow", "partial-flow", "prevent-min-max-navigation", "min-range", "max-range", "multi-dates-limit", "reverse-years", "week-picker", "filters", "arrow-navigation", "disable-time-range-validation", "highlight", "teleport", "teleport-center", "locale", "week-num-name", "week-start", "week-numbers", "calendar-class-name", "month-change-on-scroll", "day-names", "month-picker", "custom-props", "year-picker", "model-auto", "select-text", "cancel-text", "preview-format", "multi-dates", "partial-range", "ignore-time-validation", "min-date", "max-date", "placeholder", "hide-input-icon", "clearable", "state", "required", "autocomplete", "input-class-name", "fixed-start", "fixed-end", "time-picker", "enable-seconds", "no-hours-overlay", "no-minutes-overlay", "no-seconds-overlay", "hours-grid-increment", "minutes-grid-increment", "seconds-grid-increment", "hours-increment", "minutes-increment", "seconds-increment", "range", "uid", "inline", "text-input", "no-disabled-range", "six-weeks", "action-row", "focus-start-date", "disabled-times", "show-last-in-range", "time-picker-inline", "calendar", "config", "quarter-picker", "year-first", "is-24"])
     ], 6));
   }
 });
 export {
-  ne as default
+  ae as default
 };