eco-vue-js 0.9.20 → 0.9.21

package/dist/components/Button/WButtonGroup.vue.js

@@ -32,7 +32,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     noMargin: { type: Boolean },
     allowCopy: { type: Boolean },
     emptyValue: {},
-    leftError: { type: Boolean }
+    leftError: { type: Boolean },
+    filterField: {},
+    filterValue: {}
   },
   emits: ["update:model-value"],
   setup(__props, { emit: __emit }) {

package/dist/components/FieldWrapper/WFieldWrapper.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WFieldWrapper.vue.d.ts","sourceRoot":"","sources":["../../../src/components/FieldWrapper/WFieldWrapper.vue"],"names":[],"mappings":"AAwLA,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,SAAS,CAAA;AAoC9C,iBAAS,cAAc;;uBAmOI,GAAG;0BACC,GAAG;;;gCA/OP,OAAO,KAAG,IAAI;;YAgPb,GAAG;;;gCAhPJ,OAAO,KAAG,IAAI;;YAiPX,GAAG;uBACL,GAAG;;;;;WAUjB,OAAO,IAA6B;EAEjD;AAkBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;kFASnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAWpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"WFieldWrapper.vue.d.ts","sourceRoot":"","sources":["../../../src/components/FieldWrapper/WFieldWrapper.vue"],"names":[],"mappings":"AAoNA,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,SAAS,CAAA;AA6C9C,iBAAS,cAAc;;uBA6PI,GAAG;0BACC,GAAG;;;gCAzQP,OAAO,KAAG,IAAI;;YA0Qb,GAAG;;;gCA1QJ,OAAO,KAAG,IAAI;;YA2QX,GAAG;uBACL,GAAG;;;;;WAUjB,OAAO,IAA6B;EAEjD;AAoBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;kFASnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAWpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/FieldWrapper/WFieldWrapper.vue.js

@@ -1,24 +1,36 @@
-import { defineComponent, useId, ref, openBlock, createElementBlock, normalizeClass, createElementVNode, unref, Fragment, renderSlot, createTextVNode, toDisplayString, createVNode, Transition, withCtx, createCommentVNode, createBlock, normalizeProps, guardReactiveProps } from 'vue';
-import _sfc_main$1 from '../Button/WButtonCopy.vue.js';
+import { defineComponent, useId, ref, computed, openBlock, createElementBlock, normalizeClass, createElementVNode, unref, Fragment, renderSlot, createTextVNode, toDisplayString, createVNode, Transition, withCtx, createCommentVNode, createBlock, normalizeProps, guardReactiveProps } from 'vue';
+import _sfc_main$2 from '../Button/WButtonCopy.vue.js';
 import WSkeleton from '../Skeleton/WSkeleton.vue.js';
-import _sfc_main$2 from '../Tooltip/WTooltip.vue.js';
+import _sfc_main$3 from '../Tooltip/WTooltip.vue.js';
+import '../Button/WButtonAction.vue.js';
+import '../Button/WButton.vue.js';
+import '../Button/WButtonDropdown.vue.js';
 import { numberFormatter } from '../../utils/utils.js';
+import _sfc_main$1 from './components/FilterButton.vue.js';
+import '../../utils/supportsPassive.js';
+import '../Dropdown/utils/DropdownStyle.js';
+import 'vue-router';
+import '../../utils/Modal.js';
+import { encodeQueryParam } from '../../utils/api.js';
+import '../Input/WInputSuggest.vue.js';
+import '../Input/WInputDate.vue.js';
+import '../Link/WLink.vue.js';
+import '@tanstack/vue-query';
 
 const _hoisted_1 = ["for"];
 const _hoisted_2 = {
   key: 0,
   class: "text-negative dark:text-negative-dark"
 };
-const _hoisted_3 = { class: "grid grid-cols-[1fr,auto]" };
-const _hoisted_4 = {
+const _hoisted_3 = {
   key: 0,
   class: "square-2 absolute right-0 top-0 rounded-full bg-[var(--has-changes-bg)] transition-colors"
 };
-const _hoisted_5 = {
+const _hoisted_4 = {
   key: 1,
   class: "text-description absolute right-0 top-full whitespace-nowrap pt-0.5 text-xs font-normal"
 };
-const _hoisted_6 = {
+const _hoisted_5 = {
   key: 2,
   ref: "rightContainer",
   class: "sm-not:flex-col flex gap-4 pl-4"
@@ -42,12 +54,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     noMargin: { type: Boolean },
     allowCopy: { type: Boolean },
     emptyValue: {},
-    leftError: { type: Boolean }
+    leftError: { type: Boolean },
+    filterField: {},
+    filterValue: {}
   },
   emits: ["click"],
   setup(__props) {
+    const props = __props;
     const id = useId();
     const focused = ref(false);
+    const encodedQueryParam = computed(() => {
+      if (!props.filterField) return void 0;
+      return encodeQueryParam(props.filterValue === void 0 ? props.modelValue : props.filterValue);
+    });
     const setFocused = (value) => {
       focused.value = value;
     };
@@ -65,9 +84,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             "cursor-not-allowed": _ctx.disabled && !_ctx.skeleton
           })
         }, [
-          _ctx.title || _ctx.$slots.title?.()?.length ? (openBlock(), createElementBlock("div", {
+          _ctx.title || _ctx.$slots.title ? (openBlock(), createElementBlock("div", {
             key: 0,
-            class: normalizeClass(["text-accent mb-2 text-xs font-semibold duration-500", {
+            class: normalizeClass(["text-accent relative mb-2 pr-6 text-xs font-semibold duration-500", {
               "opacity-50": _ctx.disabled && !_ctx.skeleton
             }])
           }, [
@@ -85,14 +104,24 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   _ctx.required ? (openBlock(), createElementBlock("span", _hoisted_2, " * ")) : createCommentVNode("", true)
                 ]),
                 _: 1
-              })
+              }),
+              _ctx.filterField && encodedQueryParam.value ? (openBlock(), createBlock(_sfc_main$1, {
+                key: 0,
+                "filter-field": _ctx.filterField,
+                "encoded-query-param": encodedQueryParam.value,
+                class: "absolute -top-0.5 ml-1"
+              }, null, 8, ["filter-field", "encoded-query-param"])) : createCommentVNode("", true)
             ], 64)) : (openBlock(), createBlock(WSkeleton, {
               key: 1,
               class: "w-skeleton-h-4 w-skeleton-w-16"
             }))
           ], 2)) : createCommentVNode("", true),
           renderSlot(_ctx.$slots, "subtitle"),
-          createElementVNode("div", _hoisted_3, [
+          createElementVNode("div", {
+            class: normalizeClass(["grid grid-cols-[1fr,auto]", {
+              "pr-9": !_ctx.title && !_ctx.$slots.title && _ctx.filterField && encodedQueryParam.value
+            }])
+          }, [
             !_ctx.skeleton ? (openBlock(), createElementBlock("div", {
               key: 0,
               class: normalizeClass(["w-has-changes-color-info dark:w-has-changes-color-info-dark relative grid grid-cols-1", {
@@ -109,7 +138,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps({ id: unref(id), setFocused, focused: focused.value })), () => [
                     createTextVNode(toDisplayString(typeof _ctx.modelValue === "number" ? unref(numberFormatter).format(_ctx.modelValue) : _ctx.modelValue === null ? _ctx.emptyValue ?? "N / A" : _ctx.modelValue || _ctx.emptyValue), 1)
                   ]),
-                  _ctx.allowCopy && _ctx.modelValue ? (openBlock(), createBlock(_sfc_main$1, {
+                  _ctx.allowCopy && _ctx.modelValue ? (openBlock(), createBlock(_sfc_main$2, {
                     key: 0,
                     value: `${_ctx.modelValue}`,
                     class: "ml-2"
@@ -123,7 +152,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 "leave-to-class": "opacity-0"
               }, {
                 default: withCtx(() => [
-                  _ctx.hasChanges ? (openBlock(), createElementBlock("span", _hoisted_4)) : createCommentVNode("", true)
+                  _ctx.hasChanges ? (openBlock(), createElementBlock("span", _hoisted_3)) : createCommentVNode("", true)
                 ]),
                 _: 1
               }),
@@ -140,7 +169,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       "right-0 text-end": !_ctx.leftError,
                       "left-0 text-start": _ctx.leftError
                     }])
-                  }, toDisplayString(_ctx.errorMessage), 3)) : _ctx.maxLength !== void 0 && focused.value ? (openBlock(), createElementBlock("div", _hoisted_5, toDisplayString(unref(numberFormatter).format(`${typeof _ctx.modelValue === "number" ? _ctx.modelValue : _ctx.modelValue || ""}`.length)) + " / " + toDisplayString(unref(numberFormatter).format(_ctx.maxLength)), 1)) : createCommentVNode("", true)
+                  }, toDisplayString(_ctx.errorMessage), 3)) : _ctx.maxLength !== void 0 && focused.value ? (openBlock(), createElementBlock("div", _hoisted_4, toDisplayString(unref(numberFormatter).format(`${typeof _ctx.modelValue === "number" ? _ctx.modelValue : _ctx.modelValue || ""}`.length)) + " / " + toDisplayString(unref(numberFormatter).format(_ctx.maxLength)), 1)) : createCommentVNode("", true)
                 ]),
                 _: 1
               })
@@ -148,10 +177,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               key: 1,
               class: "w-skeleton-w-full w-skeleton-rounded-xl w-skeleton-h-[calc(var(--field-height,2.125rem)+0.625rem)]"
             })),
-            _ctx.$slots.right?.()?.length ? (openBlock(), createElementBlock("div", _hoisted_6, [
+            _ctx.$slots.right ? (openBlock(), createElementBlock("div", _hoisted_5, [
               renderSlot(_ctx.$slots, "right")
-            ], 512)) : createCommentVNode("", true)
-          ])
+            ], 512)) : createCommentVNode("", true),
+            !_ctx.title && !_ctx.$slots.title && _ctx.filterField && encodedQueryParam.value ? (openBlock(), createBlock(_sfc_main$1, {
+              key: 3,
+              "filter-field": _ctx.filterField,
+              "encoded-query-param": encodedQueryParam.value,
+              class: "absolute right-0 self-center"
+            }, null, 8, ["filter-field", "encoded-query-param"])) : createCommentVNode("", true)
+          ], 2)
         ], 10, _hoisted_1),
         _ctx.description ? (openBlock(), createElementBlock("div", {
           key: 0,
@@ -163,7 +198,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             createTextVNode(toDisplayString(_ctx.description), 1)
           ], 64))
         ], 2)) : createCommentVNode("", true),
-        _ctx.tooltipText && !_ctx.skeleton ? (openBlock(), createBlock(_sfc_main$2, {
+        _ctx.tooltipText && !_ctx.skeleton ? (openBlock(), createBlock(_sfc_main$3, {
           key: 1,
           text: _ctx.tooltipText
         }, null, 8, ["text"])) : createCommentVNode("", true)

package/dist/components/FieldWrapper/components/FilterButton.vue.d.ts

@@ -0,0 +1,9 @@
+declare const _default: import('vue').DefineComponent<{
+    filterField: string;
+    encodedQueryParam: EncodeQueryParam<unknown>;
+}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
+    filterField: string;
+    encodedQueryParam: EncodeQueryParam<unknown>;
+}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;
+//# sourceMappingURL=FilterButton.vue.d.ts.map

package/dist/components/FieldWrapper/components/FilterButton.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterButton.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/FieldWrapper/components/FilterButton.vue"],"names":[],"mappings":";iBA2Be,MAAM;uBACA,gBAAgB,CAAC,OAAO,CAAC;;iBAD/B,MAAM;uBACA,gBAAgB,CAAC,OAAO,CAAC;;AAyE9C,wBAMG"}

package/dist/components/FieldWrapper/components/FilterButton.vue.js

@@ -0,0 +1,25 @@
+import { defineComponent, openBlock, createElementBlock, normalizeClass, createVNode, unref } from 'vue';
+import IconFilter from '../../../assets/icons/sax/IconFilter.svg.js';
+
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "FilterButton",
+  props: {
+    filterField: {},
+    encodedQueryParam: {}
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("button", {
+        class: normalizeClass(["w-ripple w-ripple-hover rounded p-0.5", {
+          "text-description": _ctx.$route.query[_ctx.filterField] !== _ctx.encodedQueryParam,
+          "bg-primary-default dark:bg-primary-dark text-default dark:text-default-dark": _ctx.$route.query[_ctx.filterField] === _ctx.encodedQueryParam
+        }]),
+        onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$router.replace({ query: { ..._ctx.$route.query, [_ctx.filterField]: _ctx.$route.query[_ctx.filterField] === _ctx.encodedQueryParam ? void 0 : _ctx.encodedQueryParam } }))
+      }, [
+        createVNode(unref(IconFilter), { class: "square-4" })
+      ], 2);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/dist/components/FieldWrapper/components/FilterButton.vue2.js

@@ -0,0 +1,5 @@
+import _sfc_main from './FilterButton.vue.js';
+
+
+
+export { _sfc_main as default };

package/dist/components/FieldWrapper/types.d.ts

@@ -15,5 +15,7 @@ export interface FieldWrapperProps {
     allowCopy?: boolean;
     emptyValue?: string;
     leftError?: boolean;
+    filterField?: string;
+    filterValue?: unknown;
 }
 //# sourceMappingURL=types.d.ts.map

package/dist/components/FieldWrapper/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/FieldWrapper/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,iBAAiB;IAChC,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,CAAA;IAC7C,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/FieldWrapper/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,iBAAiB;IAChC,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,CAAA;IAC7C,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB"}

package/dist/components/FormAsync/WFormAsyncButtonGroup.vue.js

@@ -38,7 +38,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     noMargin: { type: Boolean },
     allowCopy: { type: Boolean },
     emptyValue: {},
-    leftError: { type: Boolean }
+    leftError: { type: Boolean },
+    filterField: {},
+    filterValue: {}
   },
   setup(__props) {
     const props = __props;

package/dist/components/FormAsync/WFormAsyncInput.vue.js

@@ -53,7 +53,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     noMargin: { type: Boolean },
     allowCopy: { type: Boolean },
     emptyValue: {},
-    leftError: { type: Boolean }
+    leftError: { type: Boolean },
+    filterField: {},
+    filterValue: {}
   },
   emits: ["success"],
   setup(__props, { emit: __emit }) {

package/dist/components/FormAsync/WFormAsyncSelect.vue.js

@@ -63,6 +63,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     allowCopy: { type: Boolean },
     emptyValue: {},
     leftError: { type: Boolean },
+    filterField: {},
+    filterValue: {},
     teleport: { type: Boolean },
     noZIndex: { type: Boolean },
     maxHeight: {},

package/dist/components/FormAsync/WFormAsyncSelectInfiniteSingle.vue.js

@@ -68,6 +68,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     allowCopy: { type: Boolean },
     emptyValue: {},
     leftError: { type: Boolean },
+    filterField: {},
+    filterValue: {},
     teleport: { type: Boolean },
     noZIndex: { type: Boolean },
     maxHeight: {},

package/dist/components/FormAsync/WFormAsyncSelectSingle.vue.js

@@ -64,6 +64,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     allowCopy: { type: Boolean },
     emptyValue: {},
     leftError: { type: Boolean },
+    filterField: {},
+    filterValue: {},
     teleport: { type: Boolean },
     noZIndex: { type: Boolean },
     maxHeight: {},

package/dist/components/FormAsync/WFormAsyncSelectStringified.vue.js

@@ -64,6 +64,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     allowCopy: { type: Boolean },
     emptyValue: {},
     leftError: { type: Boolean },
+    filterField: {},
+    filterValue: {},
     teleport: { type: Boolean },
     noZIndex: { type: Boolean },
     maxHeight: {},

package/dist/components/Input/WInput.vue.js

@@ -52,7 +52,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     noMargin: { type: Boolean },
     allowCopy: { type: Boolean },
     emptyValue: {},
-    leftError: { type: Boolean }
+    leftError: { type: Boolean },
+    filterField: {},
+    filterValue: {}
   },
   emits: ["update:modelValue", "keypress:enter", "keypress:up", "keypress:down", "keypress:delete", "keypress:backspace", "click:clear", "focus", "blur", "click", "mousedown", "click:suffix", "select:input", "paste"],
   setup(__props, { expose: __expose, emit: __emit }) {

package/dist/components/Input/WInputAsync.vue.js

@@ -52,7 +52,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     noMargin: { type: Boolean },
     allowCopy: { type: Boolean },
     emptyValue: {},
-    leftError: { type: Boolean }
+    leftError: { type: Boolean },
+    filterField: {},
+    filterValue: {}
   },
   emits: ["update:modelValue"],
   setup(__props, { emit: __emit }) {

package/dist/components/Input/WInputDate.vue.js

@@ -51,6 +51,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     allowCopy: { type: Boolean },
     emptyValue: {},
     leftError: { type: Boolean },
+    filterField: {},
+    filterValue: {},
     teleport: { type: Boolean },
     noZIndex: { type: Boolean },
     maxHeight: { default: 440 },

package/dist/components/Input/WInputOptions.vue.js

@@ -56,6 +56,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     allowCopy: { type: Boolean },
     emptyValue: {},
     leftError: { type: Boolean },
+    filterField: {},
+    filterValue: {},
     teleport: { type: Boolean },
     noZIndex: { type: Boolean },
     maxHeight: {},

package/dist/components/Input/WInputSuggest.vue.js

@@ -52,6 +52,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     allowCopy: { type: Boolean },
     emptyValue: {},
     leftError: { type: Boolean },
+    filterField: {},
+    filterValue: {},
     teleport: { type: Boolean },
     noZIndex: { type: Boolean },
     maxHeight: { default: 320 },

package/dist/components/Select/WSelect.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WSelect.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Select/WSelect.vue"],"names":[],"mappings":"AA+ZA,OAAO,KAAK,EAAC,qBAAqB,EAA8B,WAAW,EAAC,MAAM,SAAS,CAAA;yBAc1E,KAAK,SAAS,MAAM,GAAG,MAAM,EAAE,IAAI,SAAS,WAAW,EAAE,kBAAkB,EAAE,eAAe,SAAS,qBAAqB,CAAC,IAAI,CAAC,eACnI,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WA4qBxD,mBAAmB,CAAC;;;;;;;wRAAyD,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB;;;2BAnevB,MAAM,KAAG,IAAI;MAmegC,GAAG,IAAI;WACpE,GAAG;;gBAvbH,MAAM,IAAI;mBACP,MAAM,IAAI;iBACZ,CAAC,KAAK,EAAE;YACf,MAAM,EAAE,IAAI,GAAG,IAAI,CAAA;YACnB,KAAK,CAAC,EAAE,MAAM,CAAA;YACd,QAAQ,EAAE,OAAO,CAAA;YACjB,KAAK,EAAE,OAAO,CAAA;YACd,MAAM,CAAC,EAAE,MAAM,CAAA;SAChB,KAAK,IAAI;gBACF,MAAM,IAAI;;gBATV,MAAM,IAAI;mBACP,MAAM,IAAI;iBACZ,CAAC,KAAK,EAAE;YACf,MAAM,EAAE,IAAI,GAAG,IAAI,CAAA;YACnB,KAAK,CAAC,EAAE,MAAM,CAAA;YACd,QAAQ,EAAE,OAAO,CAAA;YACjB,KAAK,EAAE,OAAO,CAAA;YACd,MAAM,CAAC,EAAE,MAAM,CAAA;SAChB,KAAK,IAAI;gBACF,MAAM,IAAI;;;YAvPd,QAAQ,QAAQ,KAAK,GAAG,IAAI;YAC5B,UAAU,QAAQ,KAAK,GAAG,IAAI;YAC9B,OAAO,SAAS,UAAU,GAAG,IAAI;YACjC,MAAM,SAAS,UAAU,GAAG,IAAI;YAChC,4BAA4B,SAAS,MAAM,GAAG,SAAS,GAAG,IAAI;YAC9D,YAAY,GAAG,IAAI;;;;;YAqqBmB,OAAO,CAAC,OAAO,WAAW,CAAC;;AAtrBvE,wBAsrB4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"WSelect.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Select/WSelect.vue"],"names":[],"mappings":"AAgaA,OAAO,KAAK,EAAC,qBAAqB,EAA8B,WAAW,EAAC,MAAM,SAAS,CAAA;yBAc1E,KAAK,SAAS,MAAM,GAAG,MAAM,EAAE,IAAI,SAAS,WAAW,EAAE,kBAAkB,EAAE,eAAe,SAAS,qBAAqB,CAAC,IAAI,CAAC,eACnI,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WA8qBxD,mBAAmB,CAAC;;;;;;;wRAAyD,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB;;;2BArevB,MAAM,KAAG,IAAI;MAqegC,GAAG,IAAI;WACpE,GAAG;;gBAzbH,MAAM,IAAI;mBACP,MAAM,IAAI;iBACZ,CAAC,KAAK,EAAE;YACf,MAAM,EAAE,IAAI,GAAG,IAAI,CAAA;YACnB,KAAK,CAAC,EAAE,MAAM,CAAA;YACd,QAAQ,EAAE,OAAO,CAAA;YACjB,KAAK,EAAE,OAAO,CAAA;YACd,MAAM,CAAC,EAAE,MAAM,CAAA;SAChB,KAAK,IAAI;gBACF,MAAM,IAAI;;gBATV,MAAM,IAAI;mBACP,MAAM,IAAI;iBACZ,CAAC,KAAK,EAAE;YACf,MAAM,EAAE,IAAI,GAAG,IAAI,CAAA;YACnB,KAAK,CAAC,EAAE,MAAM,CAAA;YACd,QAAQ,EAAE,OAAO,CAAA;YACjB,KAAK,EAAE,OAAO,CAAA;YACd,MAAM,CAAC,EAAE,MAAM,CAAA;SAChB,KAAK,IAAI;gBACF,MAAM,IAAI;;;YAvPd,QAAQ,QAAQ,KAAK,GAAG,IAAI;YAC5B,UAAU,QAAQ,KAAK,GAAG,IAAI;YAC9B,OAAO,SAAS,UAAU,GAAG,IAAI;YACjC,MAAM,SAAS,UAAU,GAAG,IAAI;YAChC,4BAA4B,SAAS,MAAM,GAAG,SAAS,GAAG,IAAI;YAC9D,YAAY,GAAG,IAAI;;;;;YAuqBmB,OAAO,CAAC,OAAO,WAAW,CAAC;;AAxrBvE,wBAwrB4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

package/dist/components/Select/WSelect.vue.js

@@ -64,6 +64,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     allowCopy: { type: Boolean },
     emptyValue: {},
     leftError: { type: Boolean },
+    filterField: {},
+    filterValue: {},
     teleport: { type: Boolean },
     noZIndex: { type: Boolean },
     maxHeight: {},
@@ -238,7 +240,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         ...props,
         modelValue: search.value,
         hideInput: _ctx.modelValue.length === 0 ? false : unref(isMobile) ? !focused.value : !isOpen.value,
-        loading: _ctx.loading || unref(isLoading) || loadingCreate.value
+        loading: _ctx.loading || unref(isLoading) || loadingCreate.value,
+        filterValue: _ctx.filterValue === void 0 ? _ctx.modelValue : _ctx.filterValue
       }, {
         class: _ctx.$attrs.class,
         "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => !_ctx.loading && !unref(isLoading) && (search.value = $event ?? "")),

package/dist/components/Select/WSelectAsync.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WSelectAsync.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Select/WSelectAsync.vue"],"names":[],"mappings":"AAsRA,OAAO,KAAK,EAAC,gBAAgB,EAAE,qBAAqB,EAA6B,MAAM,SAAS,CAAA;yBAY/E,KAAK,SAAS,MAAM,GAAG,MAAM,EAAE,IAAI,SAAS,WAAW,EAAE,WAAW,EAAE,eAAe,SAAS,qBAAqB,CAAC,IAAI,CAAC,eAC5H,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WA0iBxD,mBAAmB,CAAC;;;;;;;6QAAyD,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB;;;2BAhbvB,MAAM,KAAG,IAAI;MAgbgC,GAAG,IAAI;WACpE,GAAG;;gBAtZH,MAAM,IAAI;mBACP,MAAM,IAAI;gBACb,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,KAAK,IAAI;iBACrC,CAAC,KAAK,EAAE;YAAC,MAAM,EAAE,IAAI,GAAG,IAAI,CAAC;YAAC,KAAK,CAAC,EAAE,MAAM,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAC;YAAC,KAAK,EAAE,OAAO,CAAC;YAAC,MAAM,CAAC,EAAE,MAAM,CAAA;SAAC,KAAK,IAAI;;gBAH9H,MAAM,IAAI;mBACP,MAAM,IAAI;gBACb,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,KAAK,IAAI;iBACrC,CAAC,KAAK,EAAE;YAAC,MAAM,EAAE,IAAI,GAAG,IAAI,CAAC;YAAC,KAAK,CAAC,EAAE,MAAM,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAC;YAAC,KAAK,EAAE,OAAO,CAAC;YAAC,MAAM,CAAC,EAAE,MAAM,CAAA;SAAC,KAAK,IAAI;;;YAzIlI,QAAQ,QAAQ,KAAK,GAAG,IAAI;YAC5B,UAAU,QAAQ,KAAK,GAAG,IAAI;YAC9B,mBAAmB,SAAS,KAAK,EAAE,GAAG,IAAI;YAC1C,YAAY,GAAG,IAAI;YACnB,OAAO,SAAS,UAAU,GAAG,IAAI;YACjC,MAAM,SAAS,UAAU,GAAG,IAAI;;;;;YA4hBM,OAAO,CAAC,OAAO,WAAW,CAAC;;AApjBvE,wBAojB4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"WSelectAsync.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Select/WSelectAsync.vue"],"names":[],"mappings":"AAuRA,OAAO,KAAK,EAAC,gBAAgB,EAAE,qBAAqB,EAA6B,MAAM,SAAS,CAAA;yBAY/E,KAAK,SAAS,MAAM,GAAG,MAAM,EAAE,IAAI,SAAS,WAAW,EAAE,WAAW,EAAE,eAAe,SAAS,qBAAqB,CAAC,IAAI,CAAC,eAC5H,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WA4iBxD,mBAAmB,CAAC;;;;;;;6QAAyD,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB;;;2BAlbvB,MAAM,KAAG,IAAI;MAkbgC,GAAG,IAAI;WACpE,GAAG;;gBAxZH,MAAM,IAAI;mBACP,MAAM,IAAI;gBACb,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,KAAK,IAAI;iBACrC,CAAC,KAAK,EAAE;YAAC,MAAM,EAAE,IAAI,GAAG,IAAI,CAAC;YAAC,KAAK,CAAC,EAAE,MAAM,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAC;YAAC,KAAK,EAAE,OAAO,CAAC;YAAC,MAAM,CAAC,EAAE,MAAM,CAAA;SAAC,KAAK,IAAI;;gBAH9H,MAAM,IAAI;mBACP,MAAM,IAAI;gBACb,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,KAAK,IAAI;iBACrC,CAAC,KAAK,EAAE;YAAC,MAAM,EAAE,IAAI,GAAG,IAAI,CAAC;YAAC,KAAK,CAAC,EAAE,MAAM,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAC;YAAC,KAAK,EAAE,OAAO,CAAC;YAAC,MAAM,CAAC,EAAE,MAAM,CAAA;SAAC,KAAK,IAAI;;;YAzIlI,QAAQ,QAAQ,KAAK,GAAG,IAAI;YAC5B,UAAU,QAAQ,KAAK,GAAG,IAAI;YAC9B,mBAAmB,SAAS,KAAK,EAAE,GAAG,IAAI;YAC1C,YAAY,GAAG,IAAI;YACnB,OAAO,SAAS,UAAU,GAAG,IAAI;YACjC,MAAM,SAAS,UAAU,GAAG,IAAI;;;;;YA8hBM,OAAO,CAAC,OAAO,WAAW,CAAC;;AAtjBvE,wBAsjB4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

package/dist/components/Select/WSelectAsync.vue.js

@@ -61,6 +61,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     allowCopy: { type: Boolean },
     emptyValue: {},
     leftError: { type: Boolean },
+    filterField: {},
+    filterValue: {},
     teleport: { type: Boolean },
     noZIndex: { type: Boolean },
     maxHeight: {},
@@ -165,7 +167,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         ...props,
         modelValue: search.value,
         loading: _ctx.loading || isFetchingPrefix.value || loadingCreate.value,
-        hideInput: unref(isMobile) ? !focused.value : !isOpen.value
+        hideInput: unref(isMobile) ? !focused.value : !isOpen.value,
+        filterValue: _ctx.filterValue === void 0 ? _ctx.modelValue : _ctx.filterValue
       }, {
         class: _ctx.$attrs.class,
         "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => !_ctx.loading && !isFetchingPrefix.value && (search.value = $event ?? "")),

package/dist/components/Select/WSelectAsyncSingle.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WSelectAsyncSingle.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Select/WSelectAsyncSingle.vue"],"names":[],"mappings":"AAwFA,OAAO,KAAK,EAAC,sBAAsB,EAAE,qBAAqB,EAAC,MAAM,SAAS,CAAA;yBAOzD,KAAK,SAAS,MAAM,GAAG,MAAM,EAAE,IAAI,SAAS,WAAW,EAAE,WAAW,EAAE,eAAe,SAAS,qBAAqB,CAAC,IAAI,CAAC,EAAE,UAAU,SAAS,OAAO,uBACxJ,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WAsNxD,mBAAmB,CAAC;;;4OAAyD,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB;;MAAsB,GAAG,IAAI;WACpE,GAAG;;uBAlCe,GAAG;0BACA,GAAG;;;;;;YACL,GAAG;uBACJ,GAAG;;;YA9KzB,mBAAmB,0DAAoB,IAAI;YAC3C,YAAY,GAAG,IAAI;;;;;YAiNmB,OAAO,CAAC,OAAO,WAAW,CAAC;;AAhOvE,wBAgO4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"WSelectAsyncSingle.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Select/WSelectAsyncSingle.vue"],"names":[],"mappings":"AAyFA,OAAO,KAAK,EAAC,sBAAsB,EAAE,qBAAqB,EAAC,MAAM,SAAS,CAAA;yBAOzD,KAAK,SAAS,MAAM,GAAG,MAAM,EAAE,IAAI,SAAS,WAAW,EAAE,WAAW,EAAE,eAAe,SAAS,qBAAqB,CAAC,IAAI,CAAC,EAAE,UAAU,SAAS,OAAO,uBACxJ,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WAwNxD,mBAAmB,CAAC;;;4OAAyD,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB;;MAAsB,GAAG,IAAI;WACpE,GAAG;;uBAlCe,GAAG;0BACA,GAAG;;;;;;YACL,GAAG;uBACJ,GAAG;;;YAhLzB,mBAAmB,0DAAoB,IAAI;YAC3C,YAAY,GAAG,IAAI;;;;;YAmNmB,OAAO,CAAC,OAAO,WAAW,CAAC;;AAlOvE,wBAkO4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

package/dist/components/Select/WSelectAsyncSingle.vue.js

@@ -59,6 +59,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     allowCopy: { type: Boolean },
     emptyValue: {},
     leftError: { type: Boolean },
+    filterField: {},
+    filterValue: {},
     teleport: { type: Boolean },
     noZIndex: { type: Boolean },
     maxHeight: {},
@@ -90,7 +92,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         disableClear: !_ctx.allowClear,
         previewData: _ctx.previewData ? [_ctx.previewData] : void 0,
         createdData: _ctx.createdData ? [_ctx.createdData] : void 0,
-        hidePrefix: true
+        hidePrefix: true,
+        filterValue: _ctx.filterValue === void 0 ? _ctx.modelValue : _ctx.filterValue
       }, {
         class: _ctx.$attrs.class,
         onSelect: _cache[0] || (_cache[0] = ($event) => updateModelValue($event)),

package/dist/components/Select/WSelectSingle.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WSelectSingle.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Select/WSelectSingle.vue"],"names":[],"mappings":"AA2FA,OAAO,KAAK,EAAC,qBAAqB,EAAE,iBAAiB,EAAC,MAAM,SAAS,CAAA;yBAOpD,KAAK,SAAS,MAAM,GAAG,MAAM,EAAE,IAAI,SAAS,WAAW,EAAE,kBAAkB,EAAE,eAAe,SAAS,qBAAqB,CAAC,IAAI,CAAC,EAAE,UAAU,SAAS,OAAO,uBAC/J,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WA2OxD,mBAAmB,CAAC;;;;gRAAyD,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB;;MAAsB,GAAG,IAAI;WACpE,GAAG;;uBAnCe,GAAG;0BACA,GAAG;;;;;;YACL,GAAG;uBACJ,GAAG;;;YAlMzB,oBAAoB,0DAAoB,IAAI;YAC5C,4BAA4B,SAAS,MAAM,GAAG,SAAS,GAAG,IAAI;YAC9D,YAAY,GAAG,IAAI;;;;;YAqOmB,OAAO,CAAC,OAAO,WAAW,CAAC;;AArPvE,wBAqP4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"WSelectSingle.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Select/WSelectSingle.vue"],"names":[],"mappings":"AA4FA,OAAO,KAAK,EAAC,qBAAqB,EAAE,iBAAiB,EAAC,MAAM,SAAS,CAAA;yBAOpD,KAAK,SAAS,MAAM,GAAG,MAAM,EAAE,IAAI,SAAS,WAAW,EAAE,kBAAkB,EAAE,eAAe,SAAS,qBAAqB,CAAC,IAAI,CAAC,EAAE,UAAU,SAAS,OAAO,uBAC/J,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WA6OxD,mBAAmB,CAAC;;;;gRAAyD,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB;;MAAsB,GAAG,IAAI;WACpE,GAAG;;uBAnCe,GAAG;0BACA,GAAG;;;;;;YACL,GAAG;uBACJ,GAAG;;;YApMzB,oBAAoB,0DAAoB,IAAI;YAC5C,4BAA4B,SAAS,MAAM,GAAG,SAAS,GAAG,IAAI;YAC9D,YAAY,GAAG,IAAI;;;;;YAuOmB,OAAO,CAAC,OAAO,WAAW,CAAC;;AAvPvE,wBAuP4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

package/dist/components/Select/WSelectSingle.vue.js

@@ -55,6 +55,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     allowCopy: { type: Boolean },
     emptyValue: {},
     leftError: { type: Boolean },
+    filterField: {},
+    filterValue: {},
     teleport: { type: Boolean },
     noZIndex: { type: Boolean },
     maxHeight: {},
@@ -89,7 +91,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         modelValue: arrayValue.value,
         disableClear: !_ctx.allowClear,
         createdData: _ctx.createdData ? [_ctx.createdData] : void 0,
-        hidePrefix: true
+        hidePrefix: true,
+        filterValue: _ctx.filterValue === void 0 ? _ctx.modelValue : _ctx.filterValue
       }, {
         class: _ctx.$attrs.class,
         onSelect: _cache[0] || (_cache[0] = ($event) => updateModelValue($event)),

package/dist/components/Select/WSelectStringified.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WSelectStringified.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Select/WSelectStringified.vue"],"names":[],"mappings":"AA6FA,OAAO,KAAK,EAAC,qBAAqB,EAAE,sBAAsB,EAAC,MAAM,SAAS,CAAA;yBAOzD,KAAK,SAAS,MAAM,EAAE,IAAI,SAAS,WAAW,EAAE,kBAAkB,EAAE,eAAe,SAAS,qBAAqB,CAAC,IAAI,CAAC,eAC1H,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WA8NxD,mBAAmB,CAAC;;;;yQAAyD,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB;;MAAsB,GAAG,IAAI;WACpE,GAAG;;uBAnCe,GAAG;0BACA,GAAG;;;;;;YACL,GAAG;uBACJ,GAAG;;;YAvLzB,oBAAoB,SAAS,KAAK,GAAG,IAAI,GAAG,IAAI;YAChD,4BAA4B,SAAS,MAAM,GAAG,SAAS,GAAG,IAAI;YAC9D,YAAY,GAAG,IAAI;;;;;YA0NmB,OAAO,CAAC,OAAO,WAAW,CAAC;;AAxOvE,wBAwO4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"WSelectStringified.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Select/WSelectStringified.vue"],"names":[],"mappings":"AA8FA,OAAO,KAAK,EAAC,qBAAqB,EAAE,sBAAsB,EAAC,MAAM,SAAS,CAAA;yBAOzD,KAAK,SAAS,MAAM,EAAE,IAAI,SAAS,WAAW,EAAE,kBAAkB,EAAE,eAAe,SAAS,qBAAqB,CAAC,IAAI,CAAC,eAC1H,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WAgOxD,mBAAmB,CAAC;;;;yQAAyD,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB;;MAAsB,GAAG,IAAI;WACpE,GAAG;;uBAnCe,GAAG;0BACA,GAAG;;;;;;YACL,GAAG;uBACJ,GAAG;;;YAzLzB,oBAAoB,SAAS,KAAK,GAAG,IAAI,GAAG,IAAI;YAChD,4BAA4B,SAAS,MAAM,GAAG,SAAS,GAAG,IAAI;YAC9D,YAAY,GAAG,IAAI;;;;;YA4NmB,OAAO,CAAC,OAAO,WAAW,CAAC;;AA1OvE,wBA0O4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

package/dist/components/Select/WSelectStringified.vue.js

@@ -55,6 +55,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     allowCopy: { type: Boolean },
     emptyValue: {},
     leftError: { type: Boolean },
+    filterField: {},
+    filterValue: {},
     teleport: { type: Boolean },
     noZIndex: { type: Boolean },
     maxHeight: {},
@@ -92,7 +94,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createBlock(_sfc_main$1, mergeProps({ ref: "selectComponent" }, {
         ...props,
-        modelValue: arrayValue.value
+        modelValue: arrayValue.value,
+        filterValue: _ctx.filterValue === void 0 ? arrayValue.value : _ctx.filterValue
       }, {
         class: _ctx.$attrs.class,
         onSelect: _cache[0] || (_cache[0] = ($event) => updateModelValue($event, true)),

package/dist/main.js

@@ -79,7 +79,7 @@ export { default as WTabsItem } from './components/Tabs/WTabsItem.vue.js';
 export { default as WToggle } from './components/Toggle/WToggle.vue.js';
 export { default as WTooltip } from './components/Tooltip/WTooltip.vue.js';
 export { default as WTooltipContainer } from './components/Tooltip/WTooltipContainer.vue.js';
-export { ApiError, ApiErrorCancel, handleApiError } from './utils/api.js';
+export { ApiError, ApiErrorCancel, encodeQueryParam, encodeQueryParams, handleApiError } from './utils/api.js';
 export { Notify, initNotify } from './utils/Notify.js';
 export { Modal, initModal } from './utils/Modal.js';
 import * as DOMListenerContainer from './utils/DOMListenerContainer.js';

package/dist/types/global.d.ts

@@ -25,6 +25,16 @@ declare type PaginatedResponse<ValueType extends Record<string, unknown> | unkno
   results: ValueType[]
 }
 
+declare type EncodeQueryParam<T> = string extends T
+? string
+: number extends T
+? T
+: string
+
+declare type EncodeQueryParams<T> = {
+  [Key in keyof T]: EncodeQueryParam<T[Key]>
+}
+
 declare type ValidateFn = (value: string | number | undefined | string[] | boolean | null) => string | undefined
 
 declare type InputType = 'number' | 'text' | 'tel' | 'search' | 'password' | 'email' | 'search' | 'url'

package/dist/types/types.d.ts

@@ -7,4 +7,4 @@ interface DefaultError extends Error {}
 
 export interface DefaultQueryConfig {
   ApiError: DefaultError
-}
+}

package/dist/utils/api.d.ts

@@ -15,5 +15,7 @@ export declare const handleApiError: <Error>(error: Error, form?: {
 } | null, field?: string, formValidator?: {
     invalidate: ComponentInstance<typeof WFormValidator>["invalidate"];
 } | null) => Promise<Error>;
+export declare const encodeQueryParam: <T>(value: T) => EncodeQueryParam<T> | undefined;
+export declare const encodeQueryParams: <T>(params: T) => EncodeQueryParams<T>;
 export {};
 //# sourceMappingURL=api.d.ts.map

package/dist/utils/api.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"api.d.ts","sourceRoot":"","sources":["../../src/utils/api.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,6BAA6B,CAAA;AACpD,OAAO,KAAK,cAAc,MAAM,sCAAsC,CAAA;AAMtE,KAAK,aAAa,CAAC,QAAQ,IAAI;KAC5B,GAAG,IAAI,QAAQ,GAAG,kBAAkB,GAAG,MAAM,QAAQ,CAAC,CAAC,EAAE,GAAG,SAAS,QAAQ,GAAG,MAAM,GAAG,MAAM,EAAE;CACnG,CAAA;AAED,qBAAa,QAAQ,CAAC,IAAI,SAAS,WAAW,GAAG,WAAW,CAAC,OAAO,CAAC,EAAE,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,CAAE,SAAQ,KAAK;aACvF,QAAQ,EAAE,eAAe,CAAC,SAAS,EAAE,IAAI,CAAC;gBAA1C,QAAQ,EAAE,eAAe,CAAC,SAAS,EAAE,IAAI,CAAC;CAGvE;AAED,qBAAa,cAAc,CAAC,IAAI,SAAS,WAAW,GAAG,WAAW,CAAC,OAAO,CAAC,CAAE,SAAQ,QAAQ,CAAC,IAAI,EAAE,SAAS,CAAC;gBAChG,QAAQ,EAAE,eAAe,CAAC,SAAS,EAAE,IAAI,CAAC;CAGvD;AAED,eAAO,MAAM,cAAc,GAAI,KAAK,SAC3B,KAAK,SACL;IAAC,UAAU,EAAE,iBAAiB,CAAC,OAAO,KAAK,CAAC,CAAC,YAAY,CAAC,CAAA;CAAC,GAAG,IAAI,UACjE,MAAM,kBACE;IAAC,UAAU,EAAE,iBAAiB,CAAC,OAAO,cAAc,CAAC,CAAC,YAAY,CAAC,CAAA;CAAC,GAAG,IAAI,KAC1F,OAAO,CAAC,KAAK,CAgBf,CAAA"}
+{"version":3,"file":"api.d.ts","sourceRoot":"","sources":["../../src/utils/api.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,6BAA6B,CAAA;AACpD,OAAO,KAAK,cAAc,MAAM,sCAAsC,CAAA;AAMtE,KAAK,aAAa,CAAC,QAAQ,IAAI;KAC5B,GAAG,IAAI,QAAQ,GAAG,kBAAkB,GAAG,MAAM,QAAQ,CAAC,CAAC,EAAE,GAAG,SAAS,QAAQ,GAAG,MAAM,GAAG,MAAM,EAAE;CACnG,CAAA;AAED,qBAAa,QAAQ,CAAC,IAAI,SAAS,WAAW,GAAG,WAAW,CAAC,OAAO,CAAC,EAAE,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,CAAE,SAAQ,KAAK;aACvF,QAAQ,EAAE,eAAe,CAAC,SAAS,EAAE,IAAI,CAAC;gBAA1C,QAAQ,EAAE,eAAe,CAAC,SAAS,EAAE,IAAI,CAAC;CAGvE;AAED,qBAAa,cAAc,CAAC,IAAI,SAAS,WAAW,GAAG,WAAW,CAAC,OAAO,CAAC,CAAE,SAAQ,QAAQ,CAAC,IAAI,EAAE,SAAS,CAAC;gBAChG,QAAQ,EAAE,eAAe,CAAC,SAAS,EAAE,IAAI,CAAC;CAGvD;AAED,eAAO,MAAM,cAAc,GAAI,KAAK,SAC3B,KAAK,SACL;IAAC,UAAU,EAAE,iBAAiB,CAAC,OAAO,KAAK,CAAC,CAAC,YAAY,CAAC,CAAA;CAAC,GAAG,IAAI,UACjE,MAAM,kBACE;IAAC,UAAU,EAAE,iBAAiB,CAAC,OAAO,cAAc,CAAC,CAAC,YAAY,CAAC,CAAA;CAAC,GAAG,IAAI,KAC1F,OAAO,CAAC,KAAK,CAgBf,CAAA;AAED,eAAO,MAAM,gBAAgB,GAAI,CAAC,SAAS,CAAC,KAAG,gBAAgB,CAAC,CAAC,CAAC,GAAG,SAYpE,CAAA;AAED,eAAO,MAAM,iBAAiB,GAAI,CAAC,UAAU,CAAC,KAAG,iBAAiB,CAAC,CAAC,CAUnE,CAAA"}

package/dist/utils/api.js

@@ -24,5 +24,24 @@ const handleApiError = (error, form, field, formValidator) => {
   }
   return Promise.reject(error);
 };
+const encodeQueryParam = (value) => {
+  if (value === void 0) return void 0;
+  if (Array.isArray(value)) {
+    if (value.length === 0) return void 0;
+    if (value.every(Number.isInteger) || value.every((item) => typeof item === "string")) return value.join(",");
+    else return JSON.stringify(value);
+  } else {
+    if (value instanceof Object) return JSON.stringify(value);
+    else return `${value}`;
+  }
+};
+const encodeQueryParams = (params) => {
+  const result = {};
+  for (const key in params) {
+    const value = encodeQueryParam(params[key]);
+    if (value !== void 0) result[key] = value;
+  }
+  return result;
+};
 
-export { ApiError, ApiErrorCancel, handleApiError };
+export { ApiError, ApiErrorCancel, encodeQueryParam, encodeQueryParams, handleApiError };

package/package.json

@@ -4,7 +4,7 @@
     "type": "git",
     "url": "https://github.com/rsmple/eco-vue-js.git"
   },
-  "version": "0.9.20",
+  "version": "0.9.21",
   "scripts": {
     "build": "run-p type-check \"build-only {@}\" --",
     "preview": "vite preview",