eco-vue-js 0.7.2 → 0.8.0

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

@@ -1,4 +1,4 @@
-import { ButtonGroupPropsForEntity, ButtonGroupPropsForModel } from './types';
+import { ButtonGroupProps } from './types';
 
 declare const _default: <Model extends number | string | null | boolean, Entity extends Record<string, unknown>, ValueGetter extends {
     fn(value: Entity): Model;
@@ -7,13 +7,14 @@ declare const _default: <Model extends number | string | null | boolean, Entity
         "onUpdate:modelValue"?: ((value: Model) => any) | undefined;
     } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<import('vue').ExtractPropTypes<{}>> & {
         "onUpdate:modelValue"?: ((value: Model) => any) | undefined;
-    }, never>, "onUpdate:modelValue"> & (ButtonGroupPropsForEntity<Model, Entity, ValueGetter> | ButtonGroupPropsForModel<Model, Entity, ValueGetter>)> & import('vue').PublicProps;
+    }, never>, "onUpdate:modelValue"> & ButtonGroupProps<Model, Entity, ValueGetter>> & import('vue').PublicProps;
     expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
     attrs: any;
     slots: ReturnType<() => {
         title?(_: {}): any;
-        default?(_: {
-            item: ValueGetter extends undefined ? Model : Entity;
+        option?(_: {
+            option: ValueGetter extends undefined ? Model : Entity;
+            selected: boolean;
         }): any;
         right?(_: {}): any;
     }>;

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

@@ -1 +1 @@
-{"version":3,"file":"WButtonGroup.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Button/WButtonGroup.vue"],"names":[],"mappings":"AA2EA,OAAO,KAAK,EAAC,yBAAyB,EAAE,wBAAwB,EAAC,MAAM,SAAS,CAAA;yBAG/D,KAAK,SAAS,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,OAAO,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,WAAW,SAAS;IAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,KAAK,CAAA;CAAC,CAAC,IAAI,CAAC,GAAG,SAAS,2BAC3J,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,cAAc,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBACvF,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WAkJxD,cAAc,CAAC;;;;sJAAyD,CAAC,4BAA2B;oBAC3F,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;WACH,UAAU;uBA1BO,GAAG;;;YACA,GAAG;uBACL,GAAG;MAwBY;UAClC,KA7IH,mBAAmB,SAAS,KAAK,KAAG,IAAI,MA6IG;;;;YAGL,OAAO,CAAC,OAAO,WAAW,CAAC;;AA5JvE,wBA4J4E;AAM5E,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"WButtonGroup.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Button/WButtonGroup.vue"],"names":[],"mappings":"AAsFA,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,SAAS,CAAA;yBAG5B,KAAK,SAAS,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,OAAO,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,WAAW,SAAS;IAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,KAAK,CAAA;CAAC,CAAC,IAAI,CAAC,GAAG,SAAS,2BAC3J,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,cAAc,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBACvF,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WA+JxD,cAAc,CAAC;;;;oFAAyD,CAAC,4BAA2B;oBAC3F,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;WACH,UAAU;uBA1BO,GAAG;;;;YACD,GAAG;uBACJ,GAAG;MAwBY;UAClC,KA1JH,mBAAmB,SAAS,KAAK,KAAG,IAAI,MA0JG;;;;YAGL,OAAO,CAAC,OAAO,WAAW,CAAC;;AAzKvE,wBAyK4E;AAM5E,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

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

@@ -1,4 +1,4 @@
-import { defineComponent, openBlock, createBlock, mergeProps, createSlots, withCtx, createElementVNode, normalizeClass, createElementBlock, Fragment, renderList, unref, renderSlot } from 'vue';
+import { defineComponent, openBlock, createBlock, mergeProps, createSlots, withCtx, createElementVNode, normalizeClass, createElementBlock, Fragment, renderList, unref, renderSlot, resolveDynamicComponent, createCommentVNode } from 'vue';
 import _sfc_main$2 from './WButton.vue.js';
 import { SemanticType } from '../../utils/SemanticType.js';
 import _sfc_main$1 from '../FieldWrapper/WFieldWrapper.vue.js';
@@ -9,6 +9,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   props: {
     list: {},
     valueGetter: { type: Function },
+    optionComponent: {},
     modelValue: {},
     loading: {},
     minimize: { type: Boolean },
@@ -66,9 +67,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 onClick: ($event) => (_ctx.alwaysEmit || getValue(item) !== _ctx.modelValue) && _ctx.$emit("update:modelValue", getValue(item))
               }, {
                 default: withCtx(() => [
-                  renderSlot(_ctx.$slots, "default", {
-                    item
-                  })
+                  renderSlot(_ctx.$slots, "option", {
+                    option: item,
+                    selected: getValue(item) === _ctx.modelValue
+                  }, () => [
+                    _ctx.optionComponent ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.optionComponent), {
+                      key: 0,
+                      option: item,
+                      selected: getValue(item) === _ctx.modelValue
+                    }, null, 8, ["option", "selected"])) : createCommentVNode("", true)
+                  ])
                 ]),
                 _: 2
               }, 1032, ["semantic-type", "loading", "disabled", "minimize", "join", "class", "onClick"]);

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

@@ -1,10 +1,16 @@
 import { FieldWrapperProps } from '../FieldWrapper/types';
 import { SemanticType } from '../../utils/SemanticType';
 import { DropdownMenuProps } from '../DropdownMenu/types';
+import { Component } from 'vue';
 
-interface Props<Model extends number | string | null | boolean> extends Omit<FieldWrapperProps, 'modelValue'> {
+export type ButtonGroupOptionProps<Option> = {
+    option: Option;
+    selected?: boolean;
+};
+export type ButtonGroupOptionComponent<Option> = Component<ButtonGroupOptionProps<Option>>;
+interface ButtonGroupPropsBase<Model extends number | string | null | boolean> extends Omit<FieldWrapperProps, 'modelValue'> {
     modelValue: Model;
-    loading?: number | string;
+    loading?: Model;
     minimize?: boolean;
     wrap?: boolean;
     col?: boolean;
@@ -12,18 +18,23 @@ interface Props<Model extends number | string | null | boolean> extends Omit<Fie
     stretch?: boolean;
     alwaysEmit?: boolean;
 }
-export interface ButtonGroupPropsForModel<Model extends number | string | null | boolean, Entity extends Record<string, unknown>, ValueGetter extends {
+interface ButtonGroupPropsForModel<Model extends number | string | null | boolean, Entity extends Record<string, unknown>, ValueGetter extends {
     fn(value: Entity): Model;
-}['fn'] | undefined = undefined> extends Props<Model> {
+}['fn'] | undefined = undefined> extends ButtonGroupPropsBase<Model> {
     list: Model[];
     valueGetter?: ValueGetter | undefined;
+    optionComponent?: ButtonGroupOptionComponent<Model>;
 }
-export interface ButtonGroupPropsForEntity<Model extends number | string | null | boolean, Entity extends Record<string, unknown>, ValueGetter extends {
+interface ButtonGroupPropsForEntity<Model extends number | string | null | boolean, Entity extends Record<string, unknown>, ValueGetter extends {
     fn(value: Entity): Model;
-}['fn'] | undefined = undefined> extends Props<Model> {
+}['fn'] | undefined = undefined> extends ButtonGroupPropsBase<Model> {
     list: Entity[];
     valueGetter: ValueGetter | ((value: Entity) => Model);
+    optionComponent?: ButtonGroupOptionComponent<Entity>;
 }
+export type ButtonGroupProps<Model extends number | string | null | boolean, Entity extends Record<string, unknown>, ValueGetter extends {
+    fn(value: Entity): Model;
+}['fn'] | undefined = undefined> = ButtonGroupPropsForEntity<Model, Entity, ValueGetter> | ButtonGroupPropsForModel<Model, Entity, ValueGetter>;
 export interface ButtonDropdownProps extends Omit<DropdownMenuProps, 'isOpen' | 'updateAlign' | 'emitUpdate'> {
     semanticType?: SemanticType;
     leftToggle?: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Button/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,iCAAiC,CAAA;AACtE,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,sBAAsB,CAAA;AACtD,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,iCAAiC,CAAA;AAEtE,UAAU,KAAK,CAAC,KAAK,SAAS,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,OAAO,CAC5D,SAAQ,IAAI,CAAC,iBAAiB,EAAE,YAAY,CAAC;IAC7C,UAAU,EAAE,KAAK,CAAA;IACjB,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,GAAG,CAAC,EAAE,OAAO,CAAA;IACb,YAAY,CAAC,EAAE,YAAY,CAAA;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB;AAED,MAAM,WAAW,wBAAwB,CAAC,KAAK,SAAS,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,OAAO,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,WAAW,SAAS;IAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,KAAK,CAAA;CAAC,CAAC,IAAI,CAAC,GAAG,SAAS,GAAG,SAAS,CAC5M,SAAQ,KAAK,CAAC,KAAK,CAAC;IACpB,IAAI,EAAE,KAAK,EAAE,CAAA;IACb,WAAW,CAAC,EAAE,WAAW,GAAG,SAAS,CAAA;CACtC;AAED,MAAM,WAAW,yBAAyB,CAAC,KAAK,SAAS,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,OAAO,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,WAAW,SAAS;IAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,KAAK,CAAA;CAAC,CAAC,IAAI,CAAC,GAAG,SAAS,GAAG,SAAS,CAC7M,SAAQ,KAAK,CAAC,KAAK,CAAC;IACpB,IAAI,EAAE,MAAM,EAAE,CAAA;IACd,WAAW,EAAE,WAAW,GAAG,CAAC,CAAC,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,CAAA;CACtD;AAED,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAAC,iBAAiB,EAAE,QAAQ,GAAG,aAAa,GAAG,YAAY,CAAC;IAC3G,YAAY,CAAC,EAAE,YAAY,CAAA;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Button/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,iCAAiC,CAAA;AACtE,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,sBAAsB,CAAA;AACtD,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,iCAAiC,CAAA;AACtE,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,KAAK,CAAA;AAElC,MAAM,MAAM,sBAAsB,CAAC,MAAM,IAAI;IAAC,MAAM,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAC,CAAA;AAEjF,MAAM,MAAM,0BAA0B,CAAC,MAAM,IAAI,SAAS,CAAC,sBAAsB,CAAC,MAAM,CAAC,CAAC,CAAA;AAE1F,UAAU,oBAAoB,CAAC,KAAK,SAAS,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,OAAO,CAC3E,SAAQ,IAAI,CAAC,iBAAiB,EAAE,YAAY,CAAC;IAC7C,UAAU,EAAE,KAAK,CAAA;IACjB,OAAO,CAAC,EAAE,KAAK,CAAA;IACf,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,GAAG,CAAC,EAAE,OAAO,CAAA;IACb,YAAY,CAAC,EAAE,YAAY,CAAA;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB;AAED,UAAU,wBAAwB,CAAC,KAAK,SAAS,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,OAAO,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,WAAW,SAAS;IAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,KAAK,CAAA;CAAC,CAAC,IAAI,CAAC,GAAG,SAAS,GAAG,SAAS,CACrM,SAAQ,oBAAoB,CAAC,KAAK,CAAC;IACnC,IAAI,EAAE,KAAK,EAAE,CAAA;IACb,WAAW,CAAC,EAAE,WAAW,GAAG,SAAS,CAAA;IACrC,eAAe,CAAC,EAAE,0BAA0B,CAAC,KAAK,CAAC,CAAA;CACpD;AAED,UAAU,yBAAyB,CAAC,KAAK,SAAS,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,OAAO,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,WAAW,SAAS;IAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,KAAK,CAAA;CAAC,CAAC,IAAI,CAAC,GAAG,SAAS,GAAG,SAAS,CACtM,SAAQ,oBAAoB,CAAC,KAAK,CAAC;IACnC,IAAI,EAAE,MAAM,EAAE,CAAA;IACd,WAAW,EAAE,WAAW,GAAG,CAAC,CAAC,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,CAAA;IACrD,eAAe,CAAC,EAAE,0BAA0B,CAAC,MAAM,CAAC,CAAA;CACrD;AAED,MAAM,MAAM,gBAAgB,CAAC,KAAK,SAAS,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,OAAO,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,WAAW,SAAS;IAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,KAAK,CAAA;CAAC,CAAC,IAAI,CAAC,GAAG,SAAS,GAAG,SAAS,IAAI,yBAAyB,CAAC,KAAK,EAAE,MAAM,EAAE,WAAW,CAAC,GAAG,wBAAwB,CAAC,KAAK,EAAE,MAAM,EAAE,WAAW,CAAC,CAAA;AAEjT,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAAC,iBAAiB,EAAE,QAAQ,GAAG,aAAa,GAAG,YAAY,CAAC;IAC3G,YAAY,CAAC,EAAE,YAAY,CAAA;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB"}

package/dist/components/Form/WFormValidator.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WFormValidator.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Form/WFormValidator.vue"],"names":[],"mappings":"AA8iBA,iBAAS,cAAc;aAVZ,MAAM,IAAI;;aAAV,MAAM,IAAI;EA+GpB;AACD,QAAA,MAAM,eAAe;WApXZ,MAAM;YACL,MAAM;eACH,UAAU,GAAG,UAAU,EAAE;sBAClB,MAAM;sBACN,MAAM;gBACZ,OAAO;;;wBA+OC,MAAM;qBA/DN,IAAI;;;;;WArLjB,MAAM;YACL,MAAM;eACH,UAAU,GAAG,UAAU,EAAE;sBAClB,MAAM;sBACN,MAAM;gBACZ,OAAO;;;;UAuXnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AAOxG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACpC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC;AAEN,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AAC5D,KAAK,uBAAuB,CAAC,CAAC,IAAI;KAChC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACpC;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAC9D;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CACzD,CAAC"}
+{"version":3,"file":"WFormValidator.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Form/WFormValidator.vue"],"names":[],"mappings":"AA0iBA,iBAAS,cAAc;aAVZ,MAAM,IAAI;;aAAV,MAAM,IAAI;EA+GpB;AACD,QAAA,MAAM,eAAe;WAjXZ,MAAM;YACL,MAAM;eACH,UAAU,GAAG,UAAU,EAAE;sBAClB,MAAM;sBACN,MAAM;gBACZ,OAAO;;;wBA4OC,MAAM;qBA/DN,IAAI;;;;;WAlLjB,MAAM;YACL,MAAM;eACH,UAAU,GAAG,UAAU,EAAE;sBAClB,MAAM;sBACN,MAAM;gBACZ,OAAO;;;;UAoXnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AAOxG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACpC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC;AAEN,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AAC5D,KAAK,uBAAuB,CAAC,CAAC,IAAI;KAChC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACpC;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAC9D;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CACzD,CAAC"}

package/dist/components/Form/WFormValidator.vue.js

@@ -3,6 +3,7 @@ import { wFormTitleUpdater, wFormErrorMessageUpdater, wFormHasChangesUpdater, wF
 import { useTabActiveListener } from '../Tabs/use/useTabActiveListener.js';
 import { scrollToValidator } from './models/utils.js';
 import { useIsInsideTab } from '../Tabs/use/useIsInsideTab.js';
+import { validateRequired } from '../../utils/validate.js';
 
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "WFormValidator",
@@ -61,10 +62,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
     };
     const _validate = (value) => {
-      if (required.value && !value) {
-        const message2 = "A value is required";
-        return message2;
-      }
+      const requiredMessage = required.value ? validateRequired(value) : void 0;
+      if (requiredMessage) return requiredMessage;
       if (props.forbiddenRegexp && typeof value === "string") {
         const match = value.match(props.forbiddenRegexp);
         if (match?.length) {

package/dist/components/FormAsync/WFormAsyncButtonGroup.vue.d.ts

@@ -0,0 +1,25 @@
+import { FormAsyncButtonGroupProps } from './types';
+
+declare const _default: <Model, FieldType extends string | number | boolean | null, QueryParams, Entity extends Record<string, unknown>, ValueGetter extends {
+    fn(value: Entity): FieldType;
+}["fn"] | undefined = undefined>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_Prettify<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_Prettify<Pick<Partial<{}> & Omit<{} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<import('vue').ExtractPropTypes<{}>>, never>, never> & FormAsyncButtonGroupProps<Model, FieldType, QueryParams, Entity, ValueGetter>> & import('vue').PublicProps;
+    expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
+    attrs: any;
+    slots: ReturnType<() => {
+        default?(_: {
+            option: FieldType | Entity | (ValueGetter extends undefined ? FieldType : Entity);
+            selected: boolean;
+        }): any;
+    }>;
+    emit: {};
+}>) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}> & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+export default _default;
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+//# sourceMappingURL=WFormAsyncButtonGroup.vue.d.ts.map

package/dist/components/FormAsync/WFormAsyncButtonGroup.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WFormAsyncButtonGroup.vue.d.ts","sourceRoot":"","sources":["../../../src/components/FormAsync/WFormAsyncButtonGroup.vue"],"names":[],"mappings":"AA6FA,OAAO,KAAK,EAAC,yBAAyB,EAAC,MAAM,SAAS,CAAA;yBAOrC,KAAK,EAAE,SAAS,SAAS,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,EAAE,WAAW,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,WAAW,SAAS;IAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,CAAA;CAAC,CAAC,IAAI,CAAC,GAAG,SAAS,2BACvL,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,cAAc,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBACvF,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WAoKxD,cAAc,CAAC,+QAAyD,CAAC,4BAA2B;oBAC3F,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;WACH,UAAU;;;;YAzBS,GAAG;MAyBW;;;;;YAIC,OAAO,CAAC,OAAO,WAAW,CAAC;;AA9KvE,wBA8K4E;AAM5E,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

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

@@ -0,0 +1,101 @@
+import { defineComponent, toRef, ref, computed, onBeforeUnmount, openBlock, createBlock, mergeProps, unref, createSlots, withCtx, renderSlot } from 'vue';
+import { Notify } from '../../utils/Notify.js';
+import _sfc_main$1 from '../Button/WButtonGroup.vue.js';
+import { get, set } from '../../utils/utils.js';
+import { handleApiError } from '../../utils/api.js';
+import { Modal } from '../../utils/Modal.js';
+
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "WFormAsyncButtonGroup",
+  props: {
+    useQueryFn: {},
+    noParams: { type: Boolean },
+    queryParams: {},
+    queryEnabled: { type: Boolean },
+    field: {},
+    apiMethod: { type: Function },
+    confimGetter: { type: Function },
+    list: {},
+    valueGetter: { type: Function },
+    optionComponent: {},
+    minimize: { type: Boolean },
+    wrap: { type: Boolean },
+    col: { type: Boolean },
+    semanticType: {},
+    stretch: { type: Boolean },
+    alwaysEmit: { type: Boolean },
+    title: {},
+    description: {},
+    errorMessage: {},
+    tooltipText: {},
+    maxLength: {},
+    mono: { type: Boolean },
+    hasChanges: { type: Boolean },
+    skeleton: { type: Boolean },
+    disabled: { type: Boolean },
+    required: { type: Boolean },
+    noMargin: { type: Boolean },
+    allowCopy: { type: Boolean }
+  },
+  setup(__props) {
+    const props = __props;
+    const { data, setData, isLoadingError } = props.noParams === true ? props.useQueryFn({ enabled: toRef(props, "queryEnabled") }) : props.useQueryFn(toRef(props, "queryParams"), { enabled: toRef(props, "queryEnabled") });
+    const submittingItem = ref();
+    const modelValue = computed(() => get(data.value ?? {}, props.field) ?? null);
+    const save = (value) => {
+      if (submittingItem.value !== void 0) return;
+      submittingItem.value = value;
+      return props.apiMethod(set({}, props.field, value)).then((response) => {
+        setData(response.data);
+        Notify.success({ title: "Saved" });
+      }).catch((error) => handleApiError(error, void 0, props.field)).finally(() => {
+        submittingItem.value = void 0;
+      });
+    };
+    let closeModal = null;
+    const showModal = (value) => {
+      closeModal?.();
+      const confirmProps = props.confimGetter?.(value);
+      if (!confirmProps) {
+        save(value);
+        return;
+      }
+      closeModal = Modal.addConfirm({
+        ...confirmProps,
+        onAccept: () => {
+          return save(value);
+        }
+      }, () => closeModal = null);
+    };
+    onBeforeUnmount(() => {
+      closeModal?.();
+      closeModal = null;
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(_sfc_main$1, mergeProps({
+        ...props,
+        modelValue: modelValue.value,
+        list: _ctx.list,
+        optionComponent: _ctx.optionComponent,
+        loading: submittingItem.value,
+        disabled: _ctx.disabled || unref(isLoadingError),
+        skeleton: _ctx.skeleton || !unref(data)
+      }, {
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => showModal($event))
+      }), createSlots({ _: 2 }, [
+        _ctx.$slots.option ? {
+          name: "option",
+          fn: withCtx(({ option, selected }) => [
+            renderSlot(_ctx.$slots, "default", {
+              option,
+              selected
+            })
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1040);
+    };
+  }
+});
+
+export { _sfc_main as default };

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

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

package/dist/components/FormAsync/WFormAsyncInput.vue.d.ts

@@ -0,0 +1,26 @@
+import { FormAsyncInputProps } from './types';
+
+declare const _default: <Model, FieldType extends string | number, QueryParams>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_Prettify<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_Prettify<Pick<Partial<{}> & Omit<{
+        onSuccess?: ((value: Model) => any) | undefined;
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<import('vue').ExtractPropTypes<{}>> & {
+        onSuccess?: ((value: Model) => any) | undefined;
+    }, never>, "onSuccess"> & FormAsyncInputProps<Model, FieldType, QueryParams>> & import('vue').PublicProps;
+    expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
+    attrs: any;
+    slots: ReturnType<() => {
+        title?(_: {}): any;
+        subtitle?(_: {}): any;
+        right?(_: {}): any;
+    }>;
+    emit: ((e: "success", value: Model) => void) & {};
+}>) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}> & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+export default _default;
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+//# sourceMappingURL=WFormAsyncInput.vue.d.ts.map

package/dist/components/FormAsync/WFormAsyncInput.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WFormAsyncInput.vue.d.ts","sourceRoot":"","sources":["../../../src/components/FormAsync/WFormAsyncInput.vue"],"names":[],"mappings":"AA8HA,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,SAAS,CAAA;yBAI/B,KAAK,EAAE,SAAS,SAAS,MAAM,GAAG,MAAM,EAAE,WAAW,eACxD,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,cAAc,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBACvF,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WA8MxD,cAAc,CAAC;;;;gFAAyD,CAAC,4BAA2B;oBAC3F,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;WACH,UAAU;uBA7BO,GAAG;0BACA,GAAG;uBACN,GAAG;MA2Ba;UAClC,KAzMH,SAAS,SAAS,KAAK,KAAG,IAAI,MAyMO;;;;YAGC,OAAO,CAAC,OAAO,WAAW,CAAC;;AAxNvE,wBAwN4E;AAM5E,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

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

@@ -0,0 +1,131 @@
+import { defineComponent, toRef, ref, computed, onBeforeUnmount, openBlock, createBlock, mergeProps, unref, createSlots, withCtx, renderSlot } from 'vue';
+import _sfc_main$1 from '../Input/WInputAsync.vue.js';
+import { Notify } from '../../utils/Notify.js';
+import { validateRequired } from '../../utils/validate.js';
+import { Modal } from '../../utils/Modal.js';
+import { handleApiError } from '../../utils/api.js';
+import { get, set } from '../../utils/utils.js';
+
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "WFormAsyncInput",
+  props: {
+    useQueryFn: {},
+    noParams: { type: Boolean },
+    queryParams: {},
+    queryEnabled: { type: Boolean },
+    field: {},
+    apiMethod: { type: Function },
+    confimGetter: { type: Function },
+    validate: {},
+    type: {},
+    textarea: { type: Boolean },
+    resize: { type: Boolean },
+    placeholder: {},
+    icon: {},
+    size: {},
+    maxLength: {},
+    name: {},
+    autocomplete: {},
+    autofocus: { type: Boolean },
+    readonly: { type: Boolean },
+    disabledActions: { type: Boolean },
+    loading: { type: Boolean },
+    spellcheck: { type: Boolean },
+    customBackspaceHandle: { type: Boolean },
+    textSecure: { type: Boolean },
+    allowClear: { type: Boolean },
+    allowPaste: { type: Boolean },
+    hideInput: { type: Boolean },
+    title: {},
+    description: {},
+    errorMessage: {},
+    tooltipText: {},
+    mono: { type: Boolean },
+    hasChanges: { type: Boolean },
+    skeleton: { type: Boolean },
+    disabled: { type: Boolean },
+    required: { type: Boolean },
+    noMargin: { type: Boolean },
+    allowCopy: { type: Boolean }
+  },
+  emits: ["success"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const { data, setData, isLoadingError } = props.noParams === true ? props.useQueryFn({ enabled: toRef(props, "queryEnabled") }) : props.useQueryFn(toRef(props, "queryParams"), { enabled: toRef(props, "queryEnabled") });
+    const submitting = ref(false);
+    const modelValue = computed(() => get(data.value ?? {}, props.field));
+    const validateFn = computed(() => {
+      const result = Array.isArray(props.validate) ? props.validate.slice() : props.validate ? [props.validate] : [];
+      if (props.required && !props.textSecure) result.push(validateRequired);
+      return result;
+    });
+    const save = (value) => {
+      if (submitting.value) return;
+      submitting.value = true;
+      return props.apiMethod(set({}, props.field, value ?? null)).then((response) => {
+        setData(response.data);
+        Notify.success({ title: "Saved" });
+        emit("success", response.data);
+      }).catch((error) => handleApiError(error, void 0, props.field)).finally(() => {
+        submitting.value = false;
+      });
+    };
+    let closeModal = null;
+    const showModal = (value) => {
+      closeModal?.();
+      const confirmProps = props.confimGetter?.(value);
+      if (!confirmProps) {
+        save(value);
+        return;
+      }
+      closeModal = Modal.addConfirm({
+        ...confirmProps,
+        onAccept: () => {
+          return save(value);
+        }
+      }, () => closeModal = null);
+    };
+    onBeforeUnmount(() => {
+      closeModal?.();
+      closeModal = null;
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(_sfc_main$1, mergeProps({
+        ...props,
+        modelValue: _ctx.textSecure ? void 0 : modelValue.value,
+        skeleton: _ctx.skeleton || !unref(data),
+        disabled: _ctx.disabled || unref(isLoadingError),
+        loading: _ctx.loading || submitting.value,
+        validate: validateFn.value,
+        placeholderSecure: _ctx.textSecure ? !!modelValue.value : void 0
+      }, {
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => showModal($event))
+      }), createSlots({ _: 2 }, [
+        _ctx.$slots.title ? {
+          name: "title",
+          fn: withCtx(() => [
+            renderSlot(_ctx.$slots, "title")
+          ]),
+          key: "0"
+        } : void 0,
+        _ctx.$slots.subtitle ? {
+          name: "subtitle",
+          fn: withCtx(() => [
+            renderSlot(_ctx.$slots, "subtitle")
+          ]),
+          key: "1"
+        } : void 0,
+        _ctx.$slots.right ? {
+          name: "right",
+          fn: withCtx(() => [
+            renderSlot(_ctx.$slots, "right")
+          ]),
+          key: "2"
+        } : void 0
+      ]), 1040);
+    };
+  }
+});
+
+export { _sfc_main as default };

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

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

package/dist/components/FormAsync/WFormAsyncSelectSingle.vue.d.ts

@@ -0,0 +1,27 @@
+import { FormAsyncSelectProps } from './types';
+import { SelectOptionComponent } from '../Select/types';
+
+declare const _default: <Model, FieldType extends string | number, QueryParams, Data extends DefaultData, OptionComponent extends SelectOptionComponent<Data>, AllowClear extends boolean = false>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_Prettify<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_Prettify<Pick<Partial<{}> & Omit<{
+        onSuccess?: ((value: Model) => any) | undefined;
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<import('vue').ExtractPropTypes<{}>> & {
+        onSuccess?: ((value: Model) => any) | undefined;
+    }, never>, "onSuccess"> & FormAsyncSelectProps<Model, FieldType, QueryParams, Data, OptionComponent, AllowClear>> & import('vue').PublicProps;
+    expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
+    attrs: any;
+    slots: ReturnType<() => {
+        title?(_: {}): any;
+        subtitle?(_: {}): any;
+        right?(_: {}): any;
+    }>;
+    emit: ((e: "success", value: Model) => void) & {};
+}>) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}> & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+export default _default;
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+//# sourceMappingURL=WFormAsyncSelectSingle.vue.d.ts.map

package/dist/components/FormAsync/WFormAsyncSelectSingle.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WFormAsyncSelectSingle.vue.d.ts","sourceRoot":"","sources":["../../../src/components/FormAsync/WFormAsyncSelectSingle.vue"],"names":[],"mappings":"AA0GA,OAAO,KAAK,EAAC,oBAAoB,EAAC,MAAM,SAAS,CAAA;AACjD,OAAO,KAAK,EAAC,qBAAqB,EAAC,MAAM,2BAA2B,CAAA;yBAQnD,KAAK,EAAE,SAAS,SAAS,MAAM,GAAG,MAAM,EAAE,WAAW,EAAE,IAAI,SAAS,WAAW,EAAE,eAAe,SAAS,qBAAqB,CAAC,IAAI,CAAC,EAAE,UAAU,SAAS,OAAO,uBACnK,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,cAAc,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBACvF,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WA2LxD,cAAc,CAAC;;;;oHAAyD,CAAC,4BAA2B;oBAC3F,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;WACH,UAAU;uBA5BO,GAAG;0BACA,GAAG;uBACN,GAAG;MA0Ba;UAClC,KAtLH,SAAS,SAAS,KAAK,KAAG,IAAI,MAsLO;;;;YAGC,OAAO,CAAC,OAAO,WAAW,CAAC;;AArMvE,wBAqM4E;AAM5E,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

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

@@ -0,0 +1,139 @@
+import { defineComponent, toRef, ref, computed, onBeforeUnmount, openBlock, createBlock, mergeProps, unref, createSlots, withCtx, renderSlot } from 'vue';
+import _sfc_main$1 from '../Select/WSelectSingle.vue.js';
+import { get, set } from '../../utils/utils.js';
+import { Notify } from '../../utils/Notify.js';
+import { handleApiError } from '../../utils/api.js';
+import { Modal } from '../../utils/Modal.js';
+
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "WFormAsyncSelectSingle",
+  props: {
+    useQueryFn: {},
+    noParams: { type: Boolean },
+    queryParams: {},
+    queryEnabled: { type: Boolean },
+    field: {},
+    apiMethod: { type: Function },
+    confimGetter: { type: Function },
+    allowClear: { type: Boolean },
+    searchModel: { type: Boolean },
+    useQueryFnOptions: {},
+    valueGetter: { type: Function },
+    searchFn: { type: Function },
+    emptyStub: {},
+    hidePrefix: { type: Boolean },
+    allowCreate: { type: Boolean },
+    hideOptionIcon: { type: Boolean },
+    mobileTitle: {},
+    persist: { type: Boolean },
+    type: {},
+    textarea: { type: Boolean },
+    resize: { type: Boolean },
+    placeholder: {},
+    icon: {},
+    size: {},
+    maxLength: {},
+    name: {},
+    autocomplete: {},
+    autofocus: { type: Boolean },
+    readonly: { type: Boolean },
+    disabledActions: { type: Boolean },
+    loading: { type: Boolean },
+    spellcheck: { type: Boolean },
+    customBackspaceHandle: { type: Boolean },
+    textSecure: { type: Boolean },
+    placeholderSecure: { type: Boolean },
+    allowPaste: { type: Boolean },
+    title: {},
+    description: {},
+    errorMessage: {},
+    tooltipText: {},
+    mono: { type: Boolean },
+    hasChanges: { type: Boolean },
+    skeleton: { type: Boolean },
+    disabled: { type: Boolean },
+    required: { type: Boolean },
+    noMargin: { type: Boolean },
+    allowCopy: { type: Boolean },
+    teleport: { type: Boolean },
+    noZIndex: { type: Boolean },
+    maxHeight: {},
+    maxWidth: {},
+    horizontalAlign: {},
+    optionComponent: {},
+    optionComponentProps: {}
+  },
+  emits: ["success"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const { data, setData, isLoadingError } = props.noParams === true ? props.useQueryFn({ enabled: toRef(props, "queryEnabled") }) : props.useQueryFn(toRef(props, "queryParams"), { enabled: toRef(props, "queryEnabled") });
+    const submitting = ref(false);
+    const modelValue = computed(() => get(data.value ?? {}, props.field) ?? null);
+    const save = (value) => {
+      if (submitting.value) return;
+      submitting.value = true;
+      return props.apiMethod(set({}, props.field, value)).then((response) => {
+        setData(response.data);
+        Notify.success({ title: "Saved" });
+        emit("success", response.data);
+      }).catch((error) => handleApiError(error, void 0, props.field)).finally(() => {
+        submitting.value = false;
+      });
+    };
+    let closeModal = null;
+    const showModal = (value) => {
+      closeModal?.();
+      const confirmProps = props.confimGetter?.(value);
+      if (!confirmProps) {
+        save(value);
+        return;
+      }
+      closeModal = Modal.addConfirm({
+        ...confirmProps,
+        onAccept: () => {
+          return save(value);
+        }
+      }, () => closeModal = null);
+    };
+    onBeforeUnmount(() => {
+      closeModal?.();
+      closeModal = null;
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(_sfc_main$1, mergeProps({
+        ...props,
+        modelValue: modelValue.value,
+        skeleton: _ctx.skeleton || !unref(data),
+        disabled: _ctx.disabled || unref(isLoadingError),
+        loading: _ctx.loading || submitting.value
+      }, {
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => showModal($event ?? null))
+      }), createSlots({ _: 2 }, [
+        _ctx.$slots.title ? {
+          name: "title",
+          fn: withCtx(() => [
+            renderSlot(_ctx.$slots, "title")
+          ]),
+          key: "0"
+        } : void 0,
+        _ctx.$slots.subtitle ? {
+          name: "subtitle",
+          fn: withCtx(() => [
+            renderSlot(_ctx.$slots, "subtitle")
+          ]),
+          key: "1"
+        } : void 0,
+        _ctx.$slots.right ? {
+          name: "right",
+          fn: withCtx(() => [
+            renderSlot(_ctx.$slots, "right")
+          ]),
+          key: "2"
+        } : void 0
+      ]), 1040);
+    };
+  }
+});
+
+export { _sfc_main as default };

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

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