eco-vue-js 0.5.16 → 0.5.17

package/dist/components/Button/WButtonDropdown.vue.d.ts

@@ -4,6 +4,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     contentMaxHeight?: number | undefined;
     contentMaxWidth?: number | undefined;
     horizontalAlign?: HorizontalAlign | undefined;
+    leftToggle?: boolean | undefined;
     disabled?: boolean | undefined;
     teleport?: boolean | undefined;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
@@ -11,6 +12,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     contentMaxHeight?: number | undefined;
     contentMaxWidth?: number | undefined;
     horizontalAlign?: HorizontalAlign | undefined;
+    leftToggle?: boolean | undefined;
     disabled?: boolean | undefined;
     teleport?: boolean | undefined;
 }>>>, {}, {}>, {

package/dist/components/Button/WButtonDropdown.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WButtonDropdown.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Button/WButtonDropdown.vue"],"names":[],"mappings":"AAiDA;AAEA,OAAO,EAAC,eAAe,EAAE,KAAK,YAAY,EAAC,MAAM,QAAQ,CAAA;;;;;;;;;;;;;;;;;;;;AA8MzD,wBAAwG;AACxG,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}
+{"version":3,"file":"WButtonDropdown.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Button/WButtonDropdown.vue"],"names":[],"mappings":"AA+DA;AAEA,OAAO,EAAC,eAAe,EAAE,KAAK,YAAY,EAAC,MAAM,QAAQ,CAAA;;;;;;;;;;;;;;;;;;;;;;AAqPzD,wBAAwG;AACxG,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}

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

@@ -1,4 +1,4 @@
-import { defineComponent, ref, openBlock, createBlock, unref, withCtx, createElementVNode, createElementBlock, Fragment, renderList, resolveDynamicComponent, createVNode, normalizeClass, renderSlot } from 'vue';
+import { defineComponent, ref, openBlock, createBlock, unref, withCtx, createElementVNode, createVNode, normalizeClass, createCommentVNode, createElementBlock, Fragment, renderList, resolveDynamicComponent, renderSlot } from 'vue';
 import IconArrow from '../../assets/icons/default/IconArrow.svg.js';
 import './WButtonAction.vue.js';
 import _sfc_main$2 from './WButton.vue.js';
@@ -20,6 +20,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     contentMaxHeight: {},
     contentMaxWidth: {},
     horizontalAlign: {},
+    leftToggle: { type: Boolean },
     disabled: { type: Boolean },
     teleport: { type: Boolean }
   },
@@ -39,6 +40,20 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }, {
         toggle: withCtx(() => [
           createElementVNode("div", _hoisted_1, [
+            _ctx.leftToggle ? (openBlock(), createBlock(_sfc_main$2, {
+              key: 0,
+              "semantic-type": _ctx.semanticType,
+              disabled: _ctx.disabled,
+              join: "",
+              onClick: _cache[0] || (_cache[0] = ($event) => isOpen.value = !isOpen.value)
+            }, {
+              default: withCtx(() => [
+                createVNode(unref(IconArrow), {
+                  class: normalizeClass(["square-4 transition-transform", { "rotate-180": isOpen.value }])
+                }, null, 8, ["class"])
+              ]),
+              _: 1
+            }, 8, ["semantic-type", "disabled"])) : createCommentVNode("", true),
             (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.$slots.button?.(), (item, index) => {
               return openBlock(), createBlock(resolveDynamicComponent(item), {
                 key: index,
@@ -46,11 +61,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 class: "flex-1"
               });
             }), 128)),
-            createVNode(_sfc_main$2, {
+            !_ctx.leftToggle ? (openBlock(), createBlock(_sfc_main$2, {
+              key: 1,
               "semantic-type": _ctx.semanticType,
               disabled: _ctx.disabled,
               join: "",
-              onClick: _cache[0] || (_cache[0] = ($event) => isOpen.value = !isOpen.value)
+              onClick: _cache[1] || (_cache[1] = ($event) => isOpen.value = !isOpen.value)
             }, {
               default: withCtx(() => [
                 createVNode(unref(IconArrow), {
@@ -58,7 +74,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 }, null, 8, ["class"])
               ]),
               _: 1
-            }, 8, ["semantic-type", "disabled"])
+            }, 8, ["semantic-type", "disabled"])) : createCommentVNode("", true)
           ])
         ]),
         content: withCtx(() => [

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

@@ -52,7 +52,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const isMobile = getIsMobile();
     const focused = ref(false);
     const isFetchingPrefix = ref(false);
-    const isDisabled = computed(() => props.loading || isFetchingPrefix.value || props.readonly || props.disabled);
+    const isDisabled = computed(() => props.loading || props.readonly || props.disabled);
     const close = () => {
       isOpen.value = false;
       focused.value = false;

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

@@ -27,11 +27,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const emit = __emit;
     const element = ref();
     const toggle = () => {
+      if (props.skeleton || props.loading)
+        return;
       if (props.isSelected)
         emit("unselect");
       else
         emit("select");
-      return false;
     };
     const scrollIntoView = () => {
       element.value?.scrollIntoView({ behavior: "auto", block: "center" });

package/package.json

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