@fewangsit/wangsvue 1.5.219-alpha.0 → 1.5.219-alpha.2

package/paginator/index.es.js

@@ -1,9 +1,9 @@
-import { defineComponent as m, mergeModels as i, useModel as c, inject as w, createBlock as g, openBlock as u, unref as p, mergeProps as f, withCtx as r, createVNode as t } from "vue";
-import { s as k } from "../vendor/primevue/paginator/paginator.esm.es.js";
-import { _ as a } from "../icon/index.es.js";
-const R = /* @__PURE__ */ m({
+import { defineComponent, mergeModels, useModel, inject, createBlock, openBlock, unref, mergeProps, withCtx, createVNode } from "vue";
+import { s as script } from "../vendor/primevue/paginator/paginator.esm.es.js";
+import { _ as _sfc_main$1 } from "../icon/index.es.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "Paginator",
-  props: /* @__PURE__ */ i({
+  props: /* @__PURE__ */ mergeModels({
     totalRecords: {},
     rows: {},
     first: {},
@@ -15,36 +15,39 @@ const R = /* @__PURE__ */ m({
     pt: {},
     ptOptions: {}
   }, {
-    rows: {},
-    rowsModifiers: {}
+    "rows": {},
+    "rowsModifiers": {}
   }),
-  emits: /* @__PURE__ */ i(["page", "update:rows"], ["update:rows"]),
-  setup(l) {
-    const n = c(l, "rows"), d = w("preset", {}).datatable;
-    return (o, e) => (u(), g(p(k), f({
-      rows: n.value,
-      "onUpdate:rows": e[0] || (e[0] = (s) => n.value = s)
-    }, p(d).paginator({ context: { totalRecords: o.totalRecords } }), {
-      template: o.template,
-      "total-records": o.totalRecords,
-      onPage: e[1] || (e[1] = (s) => o.$emit("page", s))
-    }), {
-      firstpagelinkicon: r(() => [
-        t(a, { icon: "round-keyboard-double-arrow-left" })
-      ]),
-      lastpagelinkicon: r(() => [
-        t(a, { icon: "round-keyboard-double-arrow-right" })
-      ]),
-      prevpagelinkicon: r(() => [
-        t(a, { icon: "round-keyboard-arrow-left" })
-      ]),
-      nextpagelinkicon: r(() => [
-        t(a, { icon: "round-keyboard-arrow-right" })
-      ]),
-      _: 1
-    }, 16, ["rows", "template", "total-records"]));
+  emits: /* @__PURE__ */ mergeModels(["page", "update:rows"], ["update:rows"]),
+  setup(__props) {
+    const rows = useModel(__props, "rows");
+    const Preset = inject("preset", {}).datatable;
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(script), mergeProps({
+        rows: rows.value,
+        "onUpdate:rows": _cache[0] || (_cache[0] = ($event) => rows.value = $event)
+      }, unref(Preset).paginator({ context: { totalRecords: _ctx.totalRecords } }), {
+        template: _ctx.template,
+        "total-records": _ctx.totalRecords,
+        onPage: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("page", $event))
+      }), {
+        firstpagelinkicon: withCtx(() => [
+          createVNode(_sfc_main$1, { icon: "round-keyboard-double-arrow-left" })
+        ]),
+        lastpagelinkicon: withCtx(() => [
+          createVNode(_sfc_main$1, { icon: "round-keyboard-double-arrow-right" })
+        ]),
+        prevpagelinkicon: withCtx(() => [
+          createVNode(_sfc_main$1, { icon: "round-keyboard-arrow-left" })
+        ]),
+        nextpagelinkicon: withCtx(() => [
+          createVNode(_sfc_main$1, { icon: "round-keyboard-arrow-right" })
+        ]),
+        _: 1
+      }, 16, ["rows", "template", "total-records"]);
+    };
   }
 });
 export {
-  R as _
+  _sfc_main as _
 };

package/plugins/WangsVue.es.js

@@ -1,8 +1,8 @@
-import { inject as c } from "vue";
-import { x as m } from "../vendor/@wangs-ui/vue/dist/index.es.js";
-import { d as g } from "../utils/object.util.es.js";
-import { P as p } from "../vendor/primevue/config/config.esm.es.js";
-const h = {
+import { inject } from "vue";
+import { x } from "../vendor/@wangs-ui/vue/dist/index.es.js";
+import { d as deepMerge } from "../utils/object.util.es.js";
+import { P as PrimeVue } from "../vendor/primevue/config/config.esm.es.js";
+const DEFAULT_GLOBAL_LOCALE_CONFIG = {
   startsWith: "Starts with",
   contains: "Contains",
   notContains: "Not contains",
@@ -83,7 +83,7 @@ const h = {
   today: "Today",
   weekHeader: "Wk",
   firstDayOfWeek: 0,
-  showMonthAfterYear: !1,
+  showMonthAfterYear: false,
   dateFormat: "mm/dd/yy",
   weak: "Weak",
   medium: "Medium",
@@ -147,9 +147,10 @@ const h = {
     rotateLeft: "Rotate Left",
     listLabel: "Option List"
   }
-}, u = {
+};
+const defaultOptions = {
   locale: {
-    global: h,
+    global: DEFAULT_GLOBAL_LOCALE_CONFIG,
     components: {
       FieldWrapper: {
         labelOptional: "(opsional)",
@@ -261,8 +262,8 @@ const h = {
   },
   defaultProps: {
     FieldWrapper: {
-      showOptionalText: !0,
-      showAsterisk: !1,
+      showOptionalText: true,
+      showAsterisk: false,
       tooltipPos: "top"
     },
     Tree: {
@@ -287,59 +288,76 @@ const h = {
       libPath: "workspace"
     },
     TagType: {
-      useNfc: !0
+      useNfc: true
     },
     UserName: {
-      showUserName: !0,
-      formatUserName: !0
+      showUserName: true,
+      formatUserName: true
     }
   }
-}, d = Symbol("WangsVue"), x = (t) => {
-  const l = c(d);
-  if (!l)
+};
+const WangsVueSymbol = Symbol("WangsVue");
+const useWangsVueConfig = (componentName) => {
+  const WangsVue = inject(WangsVueSymbol);
+  if (!WangsVue) {
     throw new Error("WangsVue is not installed!");
-  return t ? l.getComponentConfig(t) : l.config;
-}, b = (t, l) => g(t, l), P = (t = u, l = !0) => {
-  const r = l ? b(u, t) : t;
+  }
+  if (componentName) {
+    return WangsVue.getComponentConfig(componentName);
+  }
+  return WangsVue.config;
+};
+const mergeWangsVueConfig = (baseConfig, overrideConfig) => {
+  return deepMerge(baseConfig, overrideConfig);
+};
+const createWangsVuePlugin = (predefinedOptions = defaultOptions, mergeConfig = true) => {
+  const mergedConfig = mergeConfig ? mergeWangsVueConfig(defaultOptions, predefinedOptions) : predefinedOptions;
   return {
-    install: (o, e) => {
-      var s;
-      const a = {
-        ...r,
-        ...e,
-        preset: e.preset ?? e.pt,
+    install: (app, options) => {
+      var _a;
+      const configOptions = {
+        ...mergedConfig,
+        ...options,
+        preset: options.preset ?? options.pt,
         locale: {
-          ...r.locale,
-          ...e == null ? void 0 : e.locale,
+          ...mergedConfig.locale,
+          ...options == null ? void 0 : options.locale,
           components: {
-            ...r.locale.components,
-            ...((s = e == null ? void 0 : e.locale) == null ? void 0 : s.components) || {}
+            ...mergedConfig.locale.components,
+            ...((_a = options == null ? void 0 : options.locale) == null ? void 0 : _a.components) || {}
           }
         },
         defaultProps: {
-          ...r.defaultProps,
-          ...(e == null ? void 0 : e.defaultProps) || {}
+          ...mergedConfig.defaultProps,
+          ...(options == null ? void 0 : options.defaultProps) || {}
         },
-        useToastConfig: r.useToastConfig
-      }, n = {
-        config: a,
-        getComponentConfig: (i) => ({
-          defaultProps: a.defaultProps[i] || {},
+        useToastConfig: mergedConfig.useToastConfig
+      };
+      const WangsVue = {
+        config: configOptions,
+        getComponentConfig: (componentName) => ({
+          defaultProps: configOptions.defaultProps[componentName] || {},
           locale: {
-            ...a.locale.components[i] || {},
-            global: a.locale.global
+            ...configOptions.locale.components[componentName] || {},
+            global: configOptions.locale.global
           }
         })
       };
-      o.config.globalProperties.$wangsvue = n, o.config.globalProperties.$preset = n.config.preset, o.provide(d, n), o.provide("preset", a.preset), o.provide("useToastConfig", a.useToastConfig), o.use(p, {
-        unstyled: !0,
-        pt: a.preset,
-        locale: a.locale.global
-      }), o.use(m);
+      app.config.globalProperties.$wangsvue = WangsVue;
+      app.config.globalProperties.$preset = WangsVue.config.preset;
+      app.provide(WangsVueSymbol, WangsVue);
+      app.provide("preset", configOptions.preset);
+      app.provide("useToastConfig", configOptions.useToastConfig);
+      app.use(PrimeVue, {
+        unstyled: true,
+        pt: configOptions.preset,
+        locale: configOptions.locale.global
+      });
+      app.use(x);
     }
   };
 };
 export {
-  P as c,
-  x as u
+  createWangsVuePlugin as c,
+  useWangsVueConfig as u
 };

package/plugins/formValidation.es.js

@@ -1,15 +1,19 @@
-import { a as u, u as a } from "../vendor/vee-validate/dist/vee-validate.esm.es.js";
-const l = () => {
-  const { values: e, handleSubmit: s, setValues: t, setFieldValue: o, errors: r } = u();
+import { a as useForm$1, u as useField$1 } from "../vendor/vee-validate/dist/vee-validate.esm.es.js";
+const useForm = () => {
+  const { values, handleSubmit, setValues, setFieldValue, errors } = useForm$1();
   return {
-    values: e,
-    handleSubmit: s,
-    setValues: t,
-    setFieldValue: o,
-    errors: r
+    values,
+    handleSubmit,
+    setValues,
+    setFieldValue,
+    errors
   };
-}, c = (e, s, t) => a(e, s, t);
+};
+const useField = (path, rules, opts) => {
+  const context = useField$1(path, rules, opts);
+  return context;
+};
 export {
-  c as a,
-  l as u
+  useField as a,
+  useForm as u
 };

package/progressbar/index.es.js

@@ -1,43 +1,50 @@
-import { defineComponent as P, inject as b, computed as u, createElementBlock as t, openBlock as l, mergeProps as n, unref as o, createElementVNode as m, createCommentVNode as s, normalizeProps as i, guardReactiveProps as p, renderSlot as c, createTextVNode as y, toDisplayString as f } from "vue";
-const k = ["aria-valuenow"], B = /* @__PURE__ */ P({
+import { defineComponent, inject, computed, createElementBlock, openBlock, mergeProps, unref, createElementVNode, createCommentVNode, normalizeProps, guardReactiveProps, renderSlot, createTextVNode, toDisplayString } from "vue";
+const _hoisted_1 = ["aria-valuenow"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "ProgressBar",
   props: {
     value: {},
     valuePosition: { default: "right-side" },
     severity: { default: "primary" },
     mode: { default: "determinate" },
-    showValue: { type: Boolean, default: !0 }
+    showValue: { type: Boolean, default: true }
   },
-  setup(g) {
-    const r = b("preset", {}).progressbar, a = g, d = u(() => a.mode === "determinate"), h = u(() => a.mode === "indeterminate"), v = u(() => a.valuePosition === "inside");
-    return (e, w) => (l(), t("div", n(o(r).root({ props: a }), {
-      "aria-valuenow": e.value,
-      "aria-valuemax": "100",
-      "aria-valuemin": "0",
-      role: "progressbar"
-    }), [
-      m("div", i(p(o(r).container({ props: a }))), [
-        d.value ? (l(), t("div", n({ key: 0 }, o(r).value({ props: a }), {
-          style: `width: ${e.value ?? 0}%`
-        }), [
-          e.value != null && e.value !== 0 && e.showValue && v.value ? (l(), t("div", i(n({ key: 0 }, o(r).label({ props: a }))), [
-            c(e.$slots, "label", {}, () => [
-              y(f(e.value + "%"), 1)
-            ])
-          ], 16)) : s("", !0)
-        ], 16)) : s("", !0),
-        h.value ? (l(), t("div", i(n({ key: 1 }, o(r).container({ props: a }))), [
-          m("div", i(p(o(r).value)), null, 16)
-        ], 16)) : s("", !0)
-      ], 16),
-      e.showValue && !v.value && d.value ? (l(), t("span", i(n({ key: 0 }, o(r).label({ props: a }))), [
-        c(e.$slots, "label", {}, () => [
-          y(f(e.value + "%"), 1)
-        ])
-      ], 16)) : s("", !0)
-    ], 16, k));
+  setup(__props) {
+    const Preset = inject("preset", {}).progressbar;
+    const props = __props;
+    const determinate = computed(() => props.mode === "determinate");
+    const indeterminate = computed(() => props.mode === "indeterminate");
+    const inside = computed(() => props.valuePosition === "inside");
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", mergeProps(unref(Preset).root({ props }), {
+        "aria-valuenow": _ctx.value,
+        "aria-valuemax": "100",
+        "aria-valuemin": "0",
+        role: "progressbar"
+      }), [
+        createElementVNode("div", normalizeProps(guardReactiveProps(unref(Preset).container({ props }))), [
+          determinate.value ? (openBlock(), createElementBlock("div", mergeProps({ key: 0 }, unref(Preset).value({ props }), {
+            style: `width: ${_ctx.value ?? 0}%`
+          }), [
+            _ctx.value != null && _ctx.value !== 0 && _ctx.showValue && inside.value ? (openBlock(), createElementBlock("div", normalizeProps(mergeProps({ key: 0 }, unref(Preset).label({ props }))), [
+              renderSlot(_ctx.$slots, "label", {}, () => [
+                createTextVNode(toDisplayString(_ctx.value + "%"), 1)
+              ])
+            ], 16)) : createCommentVNode("", true)
+          ], 16)) : createCommentVNode("", true),
+          indeterminate.value ? (openBlock(), createElementBlock("div", normalizeProps(mergeProps({ key: 1 }, unref(Preset).container({ props }))), [
+            createElementVNode("div", normalizeProps(guardReactiveProps(unref(Preset).value)), null, 16)
+          ], 16)) : createCommentVNode("", true)
+        ], 16),
+        _ctx.showValue && !inside.value && determinate.value ? (openBlock(), createElementBlock("span", normalizeProps(mergeProps({ key: 0 }, unref(Preset).label({ props }))), [
+          renderSlot(_ctx.$slots, "label", {}, () => [
+            createTextVNode(toDisplayString(_ctx.value + "%"), 1)
+          ])
+        ], 16)) : createCommentVNode("", true)
+      ], 16, _hoisted_1);
+    };
   }
 });
 export {
-  B as _
+  _sfc_main as _
 };

package/quickfilter/index.es.js

@@ -1,140 +1,153 @@
-import { defineComponent as U, ref as g, shallowRef as q, resolveDirective as B, createElementBlock as v, openBlock as n, normalizeClass as b, unref as l, createElementVNode as h, withDirectives as k, normalizeStyle as D, Fragment as w, renderList as E, createBlock as p, createCommentVNode as z, mergeProps as c, createVNode as A, vShow as R } from "vue";
-import { a as j } from "../vendor/vee-validate/dist/vee-validate.esm.es.js";
-import { i as F } from "../utils/object.util.es.js";
-import { a as J } from "../filtercontainer/index.es.js";
-import { _ as K } from "../calendar/index.es.js";
-import { _ as L } from "../dropdown/index.es.js";
-import { _ as P } from "../icon/index.es.js";
-import { _ as Q } from "../inputrangenumber/index.es.js";
-import { _ as G } from "../multiselect/index.es.js";
-const oe = /* @__PURE__ */ U({
+import { defineComponent, ref, shallowRef, resolveDirective, createElementBlock, openBlock, normalizeClass, unref, createElementVNode, withDirectives, normalizeStyle, Fragment, renderList, createBlock, createCommentVNode, mergeProps, createVNode, vShow } from "vue";
+import { a as useForm } from "../vendor/vee-validate/dist/vee-validate.esm.es.js";
+import { i as isEmptyObject } from "../utils/object.util.es.js";
+import { a as applyFilter } from "../filtercontainer/index.es.js";
+import { _ as _sfc_main$4 } from "../calendar/index.es.js";
+import { _ as _sfc_main$2 } from "../dropdown/index.es.js";
+import { _ as _sfc_main$5 } from "../icon/index.es.js";
+import { _ as _sfc_main$1 } from "../inputrangenumber/index.es.js";
+import { _ as _sfc_main$3 } from "../multiselect/index.es.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "QuickFilter",
   props: {
     fields: {},
     tableName: { default: "datatable" }
   },
   emits: ["apply"],
-  setup($, { emit: O }) {
-    const { values: u, resetForm: S } = j(), i = g({}), f = q(0), s = g({}), _ = $, V = O, N = _.fields.filter(
-      (o) => o.visible !== !1
-    ), x = () => {
-      S(), f.value++, r();
-    }, r = () => {
-      J(u, _.tableName, V);
-    }, y = async (o, t, d = {}) => {
+  setup(__props, { emit: __emit }) {
+    const { values, resetForm } = useForm();
+    const loading = ref({});
+    const fieldsKey = shallowRef(0);
+    const filterOption = ref({});
+    const props = __props;
+    const emit = __emit;
+    const visibleFields = props.fields.filter(
+      (field) => field.visible !== false
+    );
+    const clear = () => {
+      resetForm();
+      fieldsKey.value++;
+      apply();
+    };
+    const apply = () => {
+      applyFilter(values, props.tableName, emit);
+    };
+    const getOptions = async (fn, field, queryParams = {}) => {
       try {
-        i.value[t] = !0;
-        const e = { [t]: !0, ...d }, a = await (o == null ? void 0 : o(e));
-        if ("data" in a) {
-          const { data: m } = a;
-          s.value[t] = m.data[t];
-        } else Array.isArray(a) && (s.value[t] = a);
-      } catch (e) {
-        console.error(e);
+        loading.value[field] = true;
+        const params = { [field]: true, ...queryParams };
+        const optionOrResData = await (fn == null ? void 0 : fn(params));
+        if ("data" in optionOrResData) {
+          const { data } = optionOrResData;
+          filterOption.value[field] = data.data[field];
+        } else if (Array.isArray(optionOrResData))
+          filterOption.value[field] = optionOrResData;
+      } catch (error) {
+        console.error(error);
       } finally {
-        i.value[t] = !1;
+        loading.value[field] = false;
       }
     };
-    return (o, t) => {
-      const d = B("tooltip");
-      return n(), v("div", {
-        class: b([
+    return (_ctx, _cache) => {
+      const _directive_tooltip = resolveDirective("tooltip");
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass([
           "grid grid-cols-1 items-center",
-          { "gap-3 grid-cols-[auto,max-content]": !l(F)(l(u)) }
+          { "gap-3 grid-cols-[auto,max-content]": !unref(isEmptyObject)(unref(values)) }
         ]),
         "data-wv-name": "quickfilter"
       }, [
-        h("div", {
-          class: b(["grid gap-3 transition-transform"]),
-          style: D(`grid-template-columns: repeat(${o.fields.length}, 1fr)`),
+        createElementVNode("div", {
+          class: normalizeClass(["grid gap-3 transition-transform"]),
+          style: normalizeStyle(`grid-template-columns: repeat(${_ctx.fields.length}, 1fr)`),
           "data-wv-section": "quickfilterfields"
         }, [
-          (n(!0), v(w, null, E(l(N), (e) => {
-            var a, m;
-            return n(), v(w, {
-              key: JSON.stringify(e) + f.value
+          (openBlock(true), createElementBlock(Fragment, null, renderList(unref(visibleFields), (field) => {
+            var _a, _b;
+            return openBlock(), createElementBlock(Fragment, {
+              key: JSON.stringify(field) + fieldsKey.value
             }, [
-              e.type == "rangenumber" ? k((n(), p(Q, c({
+              field.type == "rangenumber" ? withDirectives((openBlock(), createBlock(_sfc_main$1, mergeProps({
                 key: 0,
-                ref_for: !0
-              }, e, {
+                ref_for: true
+              }, field, {
                 label: void 0,
-                "max-field-name": ((a = e.fields) == null ? void 0 : a[1]) ?? `${e.field}[1]`,
-                "min-field-name": ((m = e.fields) == null ? void 0 : m[0]) ?? `${e.field}[0]`,
-                "onUpdate:modelValue": r,
+                "max-field-name": ((_a = field.fields) == null ? void 0 : _a[1]) ?? `${field.field}[1]`,
+                "min-field-name": ((_b = field.fields) == null ? void 0 : _b[0]) ?? `${field.field}[0]`,
+                "onUpdate:modelValue": apply,
                 "use-validator": ""
               }), null, 16, ["max-field-name", "min-field-name"])), [
                 [
-                  d,
-                  e.tooltip,
+                  _directive_tooltip,
+                  field.tooltip,
                   void 0,
-                  { top: !0 }
+                  { top: true }
                 ]
-              ]) : e.type == "dropdown" ? (n(), p(L, c({
+              ]) : field.type == "dropdown" ? (openBlock(), createBlock(_sfc_main$2, mergeProps({
                 key: 1,
-                ref_for: !0
-              }, e, {
-                "field-name": e.field,
+                ref_for: true
+              }, field, {
+                "field-name": field.field,
                 label: void 0,
-                loading: i.value[e.field],
-                options: s.value[e.optionField ?? e.field],
-                onShow: (C) => y(
-                  e.fetchOptionFn,
-                  e.optionField ?? e.field,
-                  e.params
+                loading: loading.value[field.field],
+                options: filterOption.value[field.optionField ?? field.field],
+                onShow: ($event) => getOptions(
+                  field.fetchOptionFn,
+                  field.optionField ?? field.field,
+                  field.params
                 ),
-                "onUpdate:modelValue": r,
+                "onUpdate:modelValue": apply,
                 "option-label": "label",
                 "option-value": "value",
                 "use-validator": ""
-              }), null, 16, ["field-name", "loading", "options", "onShow"])) : e.type == "multiselect" ? (n(), p(G, c({
+              }), null, 16, ["field-name", "loading", "options", "onShow"])) : field.type == "multiselect" ? (openBlock(), createBlock(_sfc_main$3, mergeProps({
                 key: 2,
-                ref_for: !0
-              }, e, {
-                "field-name": e.field,
+                ref_for: true
+              }, field, {
+                "field-name": field.field,
                 label: void 0,
-                loading: i.value[e.optionField ?? e.field],
-                options: s.value[e.optionField ?? e.field],
-                onShow: (C) => y(
-                  e.fetchOptionFn,
-                  e.optionField ?? e.field,
-                  e.params
+                loading: loading.value[field.optionField ?? field.field],
+                options: filterOption.value[field.optionField ?? field.field],
+                onShow: ($event) => getOptions(
+                  field.fetchOptionFn,
+                  field.optionField ?? field.field,
+                  field.params
                 ),
-                "onUpdate:modelValue": r,
+                "onUpdate:modelValue": apply,
                 "option-label": "label",
                 "option-value": "value",
                 "use-validator": ""
-              }), null, 16, ["field-name", "loading", "options", "onShow"])) : e.type === "calendar" ? (n(), p(K, c({
+              }), null, 16, ["field-name", "loading", "options", "onShow"])) : field.type === "calendar" ? (openBlock(), createBlock(_sfc_main$4, mergeProps({
                 key: 3,
-                ref_for: !0
-              }, e, {
-                "field-name": e.field,
+                ref_for: true
+              }, field, {
+                "field-name": field.field,
                 label: void 0,
-                "onUpdate:modelValue": r,
+                "onUpdate:modelValue": apply,
                 "selection-mode": "range",
                 "use-validator": ""
-              }), null, 16, ["field-name"])) : z("", !0)
+              }), null, 16, ["field-name"])) : createCommentVNode("", true)
             ], 64);
           }), 128))
         ], 4),
-        k(h("button", {
-          onClick: x,
+        withDirectives(createElementVNode("button", {
+          onClick: clear,
           class: "rounded-full hover:bg-danger-300/20 p-0.5",
           "data-wv-section": "quickfilterclearbutton",
           type: "button"
         }, [
-          A(P, {
+          createVNode(_sfc_main$5, {
             class: "shrink-0 w-6 h-6",
             icon: "close",
             severity: "danger"
           })
         ], 512), [
-          [R, !l(F)(l(u))]
+          [vShow, !unref(isEmptyObject)(unref(values))]
         ])
       ], 2);
     };
   }
 });
 export {
-  oe as _
+  _sfc_main as _
 };