eco-vue-js 0.11.5 → 0.11.7

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

@@ -2,10 +2,12 @@ import { SelectOptionComponent, SelectOptionProps, SelectSingleProps } from './t
 import { VNode } from 'vue';
 declare const _default: <Model extends number | string, Data extends DefaultData, QueryParamsOptions, OptionComponent extends SelectOptionComponent<Data>, AllowClear extends boolean = false>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
+        readonly onBlur?: ((value: FocusEvent) => any) | undefined;
+        readonly onFocus?: ((value: FocusEvent | undefined) => any) | undefined;
         readonly "onUpdate:model-value"?: ((value: AllowClear extends true ? Model | null : Model) => any) | undefined;
         readonly "onInit-model"?: (() => any) | undefined;
         readonly "onUpdate:query-options-error"?: ((value: string | undefined) => any) | undefined;
-    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onUpdate:model-value" | "onInit-model" | "onUpdate:query-options-error"> & SelectSingleProps<Model, Data, QueryParamsOptions, OptionComponent, AllowClear> & Partial<{}>> & import('vue').PublicProps;
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onFocus" | "onBlur" | "onUpdate:model-value" | "onInit-model" | "onUpdate:query-options-error"> & SelectSingleProps<Model, Data, QueryParamsOptions, OptionComponent, AllowClear> & Partial<{}>> & import('vue').PublicProps;
     expose(exposed: import('vue').ShallowUnwrapRef<{
         blur: () => void;
     }>): void;
@@ -25,6 +27,8 @@ declare const _default: <Model extends number | string, Data extends DefaultData
         (e: "update:model-value", value: AllowClear extends true ? Model | null : Model): void;
         (e: "update:query-options-error", value: string | undefined): void;
         (e: "init-model"): void;
+        (e: "focus", value: FocusEvent | undefined): void;
+        (e: "blur", value: FocusEvent): void;
     };
 }>) => import('vue').VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;

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":"AAoDA;AA4GA,OAAO,KAAK,EAAC,qBAAqB,EAAE,iBAAiB,EAAE,iBAAiB,EAAC,MAAM,SAAS,CAAA;AAExF,OAAO,EAAC,KAAK,KAAK,EAAyC,MAAM,KAAK,CAAA;yBAIrD,KAAK,SAAS,MAAM,GAAG,MAAM,EAAE,IAAI,SAAS,WAAW,EAAE,kBAAkB,EAAE,eAAe,SAAS,qBAAqB,CAAC,IAAI,CAAC,EAAE,UAAU,SAAS,OAAO,GAAG,KAAK,EACpL,aAAa,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,EAC9D,YAAY,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,EAC3G,eAAe,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EACjE;WA8MO,mBAAmB,CAAC;;;;8RAAkE,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB;;MAAsB,GAAG,IAAI;WACpE,GAAG;;gBAlKD,MAAM,KAAK,EAAE;mBACV,MAAM,KAAK,EAAE;gBAChB,MAAM,KAAK,EAAE;iBACZ,CAAC,KAAK,EAAE,UAAU,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC,KAAK,KAAK,EAAE;;gBAHxD,MAAM,KAAK,EAAE;mBACV,MAAM,KAAK,EAAE;gBAChB,MAAM,KAAK,EAAE;iBACZ,CAAC,KAAK,EAAE,UAAU,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC,KAAK,KAAK,EAAE;;;YAjC5D,oBAAoB,0DAAoB,IAAI;YAC5C,4BAA4B,SAAS,MAAM,GAAG,SAAS,GAAG,IAAI;YAC9D,YAAY,GAAG,IAAI;;EAkMrB,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AAzNzE,wBAyN4E;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":"AAqDA;AA+GA,OAAO,KAAK,EAAC,qBAAqB,EAAE,iBAAiB,EAAE,iBAAiB,EAAC,MAAM,SAAS,CAAA;AAExF,OAAO,EAAC,KAAK,KAAK,EAAyC,MAAM,KAAK,CAAA;yBAIrD,KAAK,SAAS,MAAM,GAAG,MAAM,EAAE,IAAI,SAAS,WAAW,EAAE,kBAAkB,EAAE,eAAe,SAAS,qBAAqB,CAAC,IAAI,CAAC,EAAE,UAAU,SAAS,OAAO,GAAG,KAAK,EACpL,aAAa,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,EAC9D,YAAY,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,EAC3G,eAAe,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EACjE;WAsNO,mBAAmB,CAAC;;;;;;qTAAkE,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB;;MAAsB,GAAG,IAAI;WACpE,GAAG;;gBAxKD,MAAM,KAAK,EAAE;mBACV,MAAM,KAAK,EAAE;gBAChB,MAAM,KAAK,EAAE;iBACZ,CAAC,KAAK,EAAE,UAAU,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC,KAAK,KAAK,EAAE;;gBAHxD,MAAM,KAAK,EAAE;mBACV,MAAM,KAAK,EAAE;gBAChB,MAAM,KAAK,EAAE;iBACZ,CAAC,KAAK,EAAE,UAAU,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC,KAAK,KAAK,EAAE;;;YAnC5D,oBAAoB,0DAAoB,IAAI;YAC5C,4BAA4B,SAAS,MAAM,GAAG,SAAS,GAAG,IAAI;YAC9D,YAAY,GAAG,IAAI;YACnB,OAAO,SAAS,UAAU,GAAG,SAAS,GAAG,IAAI;YAC7C,MAAM,SAAS,UAAU,GAAG,IAAI;;EAwMlC,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AAjOzE,wBAiO4E;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

@@ -67,8 +67,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     savedText: {},
     topText: { type: Boolean },
     parentElement: {},
-    maxHeight: {},
-    maxWidth: {},
     horizontalAlign: {},
     top: { type: Boolean },
     bottom: { type: Boolean },
@@ -78,7 +76,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     queryParamsOptions: {},
     options: {}
   },
-  emits: ["update:model-value", "update:query-options-error", "init-model"],
+  emits: ["update:model-value", "update:query-options-error", "init-model", "focus", "blur"],
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const emit = __emit;
@@ -109,9 +107,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         class: _ctx.$attrs.class,
         onSelect: _cache[0] || (_cache[0] = ($event) => updateModelValue($event)),
         onUnselect: _cache[1] || (_cache[1] = ($event) => updateModelValue(_ctx.allowClear ? null : $event)),
-        onFocus: _cache[2] || (_cache[2] = ($event) => _ctx.searchModel && typeof _ctx.modelValue === "string" ? unref(selectComponentRef)?.setSearch(_ctx.modelValue) : void 0),
-        "onUpdate:queryOptionsError": _cache[3] || (_cache[3] = ($event) => _ctx.$emit("update:query-options-error", $event)),
-        onInitModel: _cache[4] || (_cache[4] = ($event) => _ctx.$emit("init-model"))
+        onFocus: _cache[2] || (_cache[2] = ($event) => {
+          _ctx.searchModel && typeof _ctx.modelValue === "string" ? unref(selectComponentRef)?.setSearch(_ctx.modelValue) : void 0;
+          _ctx.$emit("focus", $event);
+        }),
+        onBlur: _cache[3] || (_cache[3] = ($event) => _ctx.$emit("blur", $event)),
+        "onUpdate:queryOptionsError": _cache[4] || (_cache[4] = ($event) => _ctx.$emit("update:query-options-error", $event)),
+        onInitModel: _cache[5] || (_cache[5] = ($event) => _ctx.$emit("init-model"))
       }), createSlots({ _: 2 }, [
         _ctx.$slots.title ? {
           name: "title",

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

@@ -67,8 +67,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     savedText: {},
     topText: { type: Boolean },
     parentElement: {},
-    maxHeight: {},
-    maxWidth: {},
     horizontalAlign: {},
     top: { type: Boolean },
     bottom: { type: Boolean },

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

@@ -41,7 +41,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const firstItem = ref();
     const lastItem = ref();
     const count = ref(0);
-    const isModelValueSearch = computed(() => props.search && props.modelValue.includes(props.search));
+    const isModelValueSearch = computed(() => !!props.search && props.modelValue.includes(props.search));
     const setLoadingOption = (value) => {
       loadingOption.value = value;
     };

package/dist/components/Tooltip/WTooltipContainer.vue.d.ts

@@ -4,8 +4,6 @@ declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import
         $: import('vue').ComponentInternalInstance;
         $data: {};
         $props: {
-            readonly maxHeight: number;
-            readonly maxWidth: number;
             readonly horizontalAlign: HorizontalAlign;
             readonly top?: boolean | undefined;
             readonly bottom?: boolean | undefined;

package/dist/components/Tooltip/WTooltipContainer.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WTooltipContainer.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Tooltip/WTooltipContainer.vue"],"names":[],"mappings":"AAgDA;AAmFA,OAAO,EAAC,eAAe,EAAC,MAAM,yBAAyB,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCA2L6zf,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;AAT1+f,wBAOG"}
+{"version":3,"file":"WTooltipContainer.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Tooltip/WTooltipContainer.vue"],"names":[],"mappings":"AA8CA;AAiFA,OAAO,EAAC,eAAe,EAAC,MAAM,yBAAyB,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAuL8sgB,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;AAT33gB,wBAOG"}

package/dist/components/Tooltip/WTooltipContainer.vue.js

@@ -36,8 +36,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             key: dropdownKey.value,
             "parent-element": unref(tooltipMeta).parent,
             "horizontal-align": unref(tooltipMeta).left ? unref(HorizontalAlign).LEFT_CENTER : unref(tooltipMeta).right ? unref(HorizontalAlign).RIGHT_CENTER : unref(HorizontalAlign).CENTER,
-            "max-height": unref(tooltipMeta)?.maxHeight ?? 120,
-            "max-width": unref(tooltipMeta).left || unref(tooltipMeta).right ? 400 : 240,
             top: unref(tooltipMeta).top,
             bottom: unref(tooltipMeta).bottom,
             "emit-update": "",
@@ -62,7 +60,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               }, 1032, ["tooltip-meta", "is-top", "is-left", "is-right"])
             ]),
             _: 1
-          }, 8, ["parent-element", "horizontal-align", "max-height", "max-width", "top", "bottom", "onUpdate:rect"])) : createCommentVNode("", true)
+          }, 8, ["parent-element", "horizontal-align", "top", "bottom", "onUpdate:rect"])) : createCommentVNode("", true)
         ]),
         _: 1
       });

package/dist/utils/HorizontalAlign.d.ts

@@ -3,7 +3,6 @@ export declare enum HorizontalAlign {
     LEFT_CENTER = "LEFT_CENTER",
     LEFT_INNER = "LEFT_INNER",
     FILL = "FILL",
-    FILL_MIN = "FILL_MIN",
     CENTER = "CENTER",
     RIGHT_INNER = "RIGHT_INNER",
     RIGHT_CENTER = "RIGHT_CENTER",

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

@@ -1 +1 @@
-{"version":3,"file":"HorizontalAlign.d.ts","sourceRoot":"","sources":["../../../src/utils/HorizontalAlign.ts"],"names":[],"mappings":"AAAA,oBAAY,eAAe;IACzB,UAAU,eAAe;IACzB,WAAW,gBAAgB;IAC3B,UAAU,eAAe;IACzB,IAAI,SAAS;IACb,QAAQ,aAAa;IACrB,MAAM,WAAW;IACjB,WAAW,gBAAgB;IAC3B,YAAY,iBAAiB;IAC7B,WAAW,gBAAgB;CAC5B"}
+{"version":3,"file":"HorizontalAlign.d.ts","sourceRoot":"","sources":["../../../src/utils/HorizontalAlign.ts"],"names":[],"mappings":"AAAA,oBAAY,eAAe;IACzB,UAAU,eAAe;IACzB,WAAW,gBAAgB;IAC3B,UAAU,eAAe;IACzB,IAAI,SAAS;IACb,MAAM,WAAW;IACjB,WAAW,gBAAgB;IAC3B,YAAY,iBAAiB;IAC7B,WAAW,gBAAgB;CAC5B"}

package/dist/utils/HorizontalAlign.js

@@ -3,7 +3,6 @@ var HorizontalAlign = /* @__PURE__ */ ((HorizontalAlign2) => {
   HorizontalAlign2["LEFT_CENTER"] = "LEFT_CENTER";
   HorizontalAlign2["LEFT_INNER"] = "LEFT_INNER";
   HorizontalAlign2["FILL"] = "FILL";
-  HorizontalAlign2["FILL_MIN"] = "FILL_MIN";
   HorizontalAlign2["CENTER"] = "CENTER";
   HorizontalAlign2["RIGHT_INNER"] = "RIGHT_INNER";
   HorizontalAlign2["RIGHT_CENTER"] = "RIGHT_CENTER";

package/package.json

@@ -4,7 +4,7 @@
     "type": "git",
     "url": "https://github.com/rsmple/eco-vue-js.git"
   },
-  "version": "0.11.5",
+  "version": "0.11.7",
   "dependencies": {
     "@stylistic/eslint-plugin": "5.2.3",
     "@tanstack/eslint-plugin-query": "5.83.1",

package/tailwind-base/plugins/default.ts

@@ -35,16 +35,22 @@ const pluginDefault = plugin(function ({matchUtilities, addVariant, addUtilities
   
   addBase({
     '*': {
-      '--w-left-inner': 'calc(var(--nav-bar-width) + var(--inner-margin))',
-      '--w-right-inner': 'calc(var(--actions-bar-width) + var(--inner-margin))',
-      '--w-width-inner': 'calc(100vw - var(--actions-bar-width) - var(--nav-bar-width) - var(--inner-margin) - var(--inner-margin) - var(--scroll-bar-width))',
-      '--w-height-inner': 'calc(100vh - var(--header-height) - var(--infinite-list-header-height, 0px) - var(--scroll-bar-width))',
+      '--w-left-inner': 'calc(var(--nav-bar-width, 0px) + var(--inner-margin, 0px))',
+      '--w-right-inner': 'calc(var(--actions-bar-width, 0px) + var(--inner-margin, 0px) + var(--scroll-bar-width, 0px))',
+      '--w-width-inner': 'calc(100vw - var(--w-left-inner, 0px) - var(--w-right-inner, 0px))',
+
+      '--w-top-inner': 'calc(var(--header-height, 0px) + var(--infinite-list-header-height, 0px))',
+      '--w-bottom-inner': 'var(--scroll-bar-width, 0px)',
+      '--w-height-inner': 'calc(100vh - var(--w-top-inner, 0px) - var(--w-bottom-inner, 0px))',
     },
     '.w-modal-wrapper *': {
-      '--w-left-inner': 'var(--w-modal-wrapper-padding)',
-      '--w-right-inner': 'var(--w-modal-wrapper-padding)',
-      '--w-width-inner': 'calc(var(--w-modal-wrapper-width, 35rem) - var(--w-modal-wrapper-padding) - var(--w-modal-wrapper-padding) - var(--scroll-bar-width))',
-      '--w-height-inner': 'calc(var(--w-modal-content-height) - var(--w-modal-header-height) - var(--w-modal-footer-height) - var(--infinite-list-header-height, 0px) - var(--scroll-bar-width))',
+      '--w-left-inner': 'var(--w-modal-wrapper-padding, 0px)',
+      '--w-right-inner': 'calc(var(--w-modal-wrapper-padding, 0px) + var(--scroll-bar-width, 0px)))',
+      '--w-width-inner': 'calc(var(--w-modal-wrapper-width, 35rem) - var(--w-left-inner, 0px) - var(--w-left-inner, 0px))',
+
+      '--w-top-inner': 'calc(var(--w-modal-header-height, 0px) + var(--infinite-list-header-height, 0px))',
+      '--w-bottom-inner': 'calc(var(--w-modal-footer-height, 0px) + var(--scroll-bar-width, 0px))',
+      '--w-height-inner': 'calc(var(--w-modal-content-height, 0px) - var(--w-top-inner, 0px) - var(--w-bottom-inner, 0px))',
     },
   })