@vc-shell/framework 1.0.225 → 1.0.227

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (24) hide show
  1. package/CHANGELOG.md +24 -0
  2. package/dist/framework.js +1033 -1009
  3. package/dist/index.css +1 -1
  4. package/dist/shared/modules/dynamic/components/fields/Table.d.ts.map +1 -1
  5. package/dist/shared/modules/dynamic/components/fields/storybook/Checkbox.stories.d.ts +8 -8
  6. package/dist/shared/modules/dynamic/components/fields/storybook/InputCurrency.stories.d.ts +8 -8
  7. package/dist/shared/modules/dynamic/components/fields/storybook/RadioButtonGroup.stories.d.ts +8 -8
  8. package/dist/shared/modules/dynamic/helpers/nodeBuilder.d.ts.map +1 -1
  9. package/dist/shared/modules/dynamic/types/index.d.ts +14 -6
  10. package/dist/shared/modules/dynamic/types/index.d.ts.map +1 -1
  11. package/dist/tsconfig.tsbuildinfo +1 -1
  12. package/dist/ui/components/atoms/vc-tooltip/vc-tooltip.vue.d.ts +16 -0
  13. package/dist/ui/components/atoms/vc-tooltip/vc-tooltip.vue.d.ts.map +1 -1
  14. package/dist/ui/components/organisms/vc-table/_internal/vc-table-mobile-item/vc-table-mobile-item.vue.d.ts +6 -3
  15. package/dist/ui/components/organisms/vc-table/_internal/vc-table-mobile-item/vc-table-mobile-item.vue.d.ts.map +1 -1
  16. package/dist/ui/components/organisms/vc-table/vc-table.vue.d.ts.map +1 -1
  17. package/package.json +4 -4
  18. package/shared/modules/dynamic/components/fields/Table.ts +1 -2
  19. package/shared/modules/dynamic/factories/base/useDetailsFactory.ts +2 -2
  20. package/shared/modules/dynamic/helpers/nodeBuilder.ts +15 -0
  21. package/shared/modules/dynamic/types/index.ts +14 -6
  22. package/ui/components/atoms/vc-tooltip/vc-tooltip.vue +11 -9
  23. package/ui/components/organisms/vc-table/_internal/vc-table-mobile-item/vc-table-mobile-item.vue +21 -10
  24. package/ui/components/organisms/vc-table/vc-table.vue +28 -19
package/dist/ui/components/atoms/vc-tooltip/vc-tooltip.vue.d.ts CHANGED
@@ -1,13 +1,29 @@
1
1
  import { Placement } from "@floating-ui/vue";
2
2
  export interface Props {
3
3
  placement?: Placement;
4
+ offset?: {
5
+ crossAxis?: number;
6
+ mainAxis?: number;
7
+ };
4
8
  }
5
9
  declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
6
10
  placement: string;
11
+ offset: () => {
12
+ crossAxis: number;
13
+ mainAxis: number;
14
+ };
7
15
  }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
8
16
  placement: string;
17
+ offset: () => {
18
+ crossAxis: number;
19
+ mainAxis: number;
20
+ };
9
21
  }>>>, {
10
22
  placement: Placement;
23
+ offset: {
24
+ crossAxis?: number | undefined;
25
+ mainAxis?: number | undefined;
26
+ };
11
27
  }, {}>, Readonly<{
12
28
  default: void;
13
29
  tooltip?: void | undefined;
package/dist/ui/components/atoms/vc-tooltip/vc-tooltip.vue.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"vc-tooltip.vue.d.ts","sourceRoot":"","sources":["../../../../../ui/components/atoms/vc-tooltip/vc-tooltip.vue.ts"],"names":[],"mappings":"AAEA,OAAO,EAAsB,SAAS,EAAU,MAAM,kBAAkB,CAAC;AAEzE,MAAM,WAAW,KAAK;IACpB,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB;;;;;;;;;;;;;;AAuKD,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,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAE1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QACxE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KACb,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACT,CAAC;AACN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC;AACxD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}
1
+ {"version":3,"file":"vc-tooltip.vue.d.ts","sourceRoot":"","sources":["../../../../../ui/components/atoms/vc-tooltip/vc-tooltip.vue.ts"],"names":[],"mappings":"AAEA,OAAO,EAAsB,SAAS,EAA4B,MAAM,kBAAkB,CAAC;AAE3F,MAAM,WAAW,KAAK;IACpB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,MAAM,CAAC,EAAE;QACP,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;KACnB,CAAC;CACH;;;;;;;;;;;;;;;;;;;;;;;;;;AAwKD,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,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAE1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QACxE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KACb,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACT,CAAC;AACN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC;AACxD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}
package/dist/ui/components/organisms/vc-table/_internal/vc-table-mobile-item/vc-table-mobile-item.vue.d.ts CHANGED
@@ -11,8 +11,9 @@ export interface TableItem {
11
11
  declare const _default: <T extends string | TableItem>(__VLS_props: {
12
12
  onClick?: (() => any) | undefined;
13
13
  onSelect?: (() => any) | undefined;
14
- item: T;
14
+ items: T[];
15
15
  actionBuilder?: ((item: T) => IActionBuilderResult[] | undefined) | undefined;
16
+ index: number;
16
17
  onSwipeStart?: ((id: string) => any) | undefined;
17
18
  swipingItem?: string | undefined;
18
19
  isSelected?: boolean | undefined;
@@ -26,8 +27,9 @@ declare const _default: <T extends string | TableItem>(__VLS_props: {
26
27
  props: {
27
28
  onClick?: (() => any) | undefined;
28
29
  onSelect?: (() => any) | undefined;
29
- item: T;
30
+ items: T[];
30
31
  actionBuilder?: ((item: T) => IActionBuilderResult[] | undefined) | undefined;
32
+ index: number;
31
33
  onSwipeStart?: ((id: string) => any) | undefined;
32
34
  swipingItem?: string | undefined;
33
35
  isSelected?: boolean | undefined;
@@ -45,8 +47,9 @@ declare const _default: <T extends string | TableItem>(__VLS_props: {
45
47
  props: {
46
48
  onClick?: (() => any) | undefined;
47
49
  onSelect?: (() => any) | undefined;
48
- item: T;
50
+ items: T[];
49
51
  actionBuilder?: ((item: T) => IActionBuilderResult[] | undefined) | undefined;
52
+ index: number;
50
53
  onSwipeStart?: ((id: string) => any) | undefined;
51
54
  swipingItem?: string | undefined;
52
55
  isSelected?: boolean | undefined;
package/dist/ui/components/organisms/vc-table/_internal/vc-table-mobile-item/vc-table-mobile-item.vue.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"vc-table-mobile-item.vue.d.ts","sourceRoot":"","sources":["../../../../../../../ui/components/organisms/vc-table/_internal/vc-table-mobile-item/vc-table-mobile-item.vue.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AAKpE,MAAM,WAAW,KAAK;IACpB,CAAC,KAAK,EAAE,YAAY,EAAE,EAAE,EAAE,MAAM,GAAG,IAAI,CAAC;IACxC,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI,CAAC;IACvB,CAAC,KAAK,EAAE,QAAQ,GAAG,IAAI,CAAC;CACzB;AACD,MAAM,WAAW,SAAS;IAExB,CAAC,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC;IACjB,OAAO,CAAC,EAAE,oBAAoB,EAAE,CAAC;CAClC;;;;UA2fO,CAAC;4BACgB,CAAC,KAAK,oBAAoB,EAAE,GAAG,SAAS;;;;;WAU1D,GAAG;;yBA1CoB,GAAG;;;yCAyCjB,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,KAAG,IAAI;;;;cAVjD,CAAC;gCACgB,CAAC,KAAK,oBAAoB,EAAE,GAAG,SAAS;;;;;oBASjD,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;yBA1CoB,GAAG;;;;;;;;;;kBA+BzB,CAAC;oCACgB,CAAC,KAAK,oBAAoB,EAAE,GAAG,SAAS;;;;;wBASjD,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;eAClD,GAAG;;6BA1CoB,GAAG;;;;;AAzdjC,wBAwgB2E"}
1
+ {"version":3,"file":"vc-table-mobile-item.vue.d.ts","sourceRoot":"","sources":["../../../../../../../ui/components/organisms/vc-table/_internal/vc-table-mobile-item/vc-table-mobile-item.vue.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AAKpE,MAAM,WAAW,KAAK;IACpB,CAAC,KAAK,EAAE,YAAY,EAAE,EAAE,EAAE,MAAM,GAAG,IAAI,CAAC;IACxC,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI,CAAC;IACvB,CAAC,KAAK,EAAE,QAAQ,GAAG,IAAI,CAAC;CACzB;AACD,MAAM,WAAW,SAAS;IAExB,CAAC,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC;IACjB,OAAO,CAAC,EAAE,oBAAoB,EAAE,CAAC;CAClC;;;;WAsgBQ,CAAC,EAAE;4BACa,CAAC,KAAK,oBAAoB,EAAE,GAAG,SAAS;WAGxD,MAAM;;;;;WAQR,GAAG;;yBA3CoB,GAAG;;;yCA0CjB,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,KAAG,IAAI;;;;eAXhD,CAAC,EAAE;gCACa,CAAC,KAAK,oBAAoB,EAAE,GAAG,SAAS;eAGxD,MAAM;;;;;oBAOC,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;yBA3CoB,GAAG;;;;;;;;;;mBA+BxB,CAAC,EAAE;oCACa,CAAC,KAAK,oBAAoB,EAAE,GAAG,SAAS;mBAGxD,MAAM;;;;;wBAOC,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;eAClD,GAAG;;6BA3CoB,GAAG;;;;;AApejC,wBAohB2E"}
package/dist/ui/components/organisms/vc-table/vc-table.vue.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"vc-table.vue.d.ts","sourceRoot":"","sources":["../../../../../ui/components/organisms/vc-table/vc-table.vue.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"vc-table.vue.d.ts","sourceRoot":"","sources":["../../../../../ui/components/organisms/vc-table/vc-table.vue.ts"],"names":[],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vc-shell/framework",
3
- "version": "1.0.225",
3
+ "version": "1.0.227",
4
4
  "type": "module",
5
5
  "main": "./dist/framework.js",
6
6
  "types": "./dist/index.d.ts",
@@ -60,9 +60,9 @@
60
60
  "devDependencies": {
61
61
  "@types/dompurify": "^3.0.5",
62
62
  "@types/quill": "^2.0.14",
63
- "@vc-shell/api-client-generator": "^1.0.225",
64
- "@vc-shell/config-generator": "^1.0.225",
65
- "@vc-shell/ts-config": "^1.0.225",
63
+ "@vc-shell/api-client-generator": "^1.0.227",
64
+ "@vc-shell/config-generator": "^1.0.227",
65
+ "@vc-shell/ts-config": "^1.0.227",
66
66
  "@vitejs/plugin-vue": "^5.0.3",
67
67
  "sass": "^1.69.6",
68
68
  "shx": "^0.3.4",
package/shared/modules/dynamic/components/fields/Table.ts CHANGED
@@ -1,13 +1,12 @@
1
1
  /* eslint-disable @typescript-eslint/no-explicit-any */
2
2
  import { useTableTemplates } from "./../../composables";
3
- import { Component, ExtractPropTypes, computed, h, inject, isRef, nextTick, toValue, unref } from "vue";
3
+ import { Component, ExtractPropTypes, computed, h, inject, toValue, unref } from "vue";
4
4
  import { Table } from "../factories";
5
5
  import componentProps from "./props";
6
6
  import { TableSchema } from "../../types";
7
7
  import { useI18n } from "vue-i18n";
8
8
  import { unrefNested } from "../../helpers/unrefNested";
9
9
  import { setModel } from "../../helpers/setters";
10
- import { safeIn } from "../../helpers/safeIn";
11
10
  import { IActionBuilderResult, ITableColumns } from "../../../../../core/types";
12
11
 
13
12
  type TableItemData<T> = {
package/shared/modules/dynamic/factories/base/useDetailsFactory.ts CHANGED
@@ -80,11 +80,11 @@ export const useDetailsFactory = <Item extends { id?: string }>(factoryParams: U
80
80
  const resetModified = createUnrefFn((data: Item, updateInitial = false) => {
81
81
  if (updateInitial) {
82
82
  item.value = data;
83
+
84
+ resetValidationState();
83
85
  }
84
86
 
85
87
  itemTemp.value = _.cloneDeep(data);
86
-
87
- resetValidationState();
88
88
  }) as (data: MaybeRef<Item | undefined> | ComputedRef<Item | undefined>, updateInitial?: MaybeRef<boolean>) => void;
89
89
 
90
90
  const resetValidationState = () => {
package/shared/modules/dynamic/helpers/nodeBuilder.ts CHANGED
@@ -87,6 +87,20 @@ function nodeBuilder<
87
87
  controlSchema.disabled &&
88
88
  disabledHandler(controlSchema.disabled, bladeContext));
89
89
 
90
+ // TODO add to docs
91
+ const onBlur = (event: Event) => {
92
+ if (safeIn("onBlur", controlSchema) && controlSchema.onBlur) {
93
+ const method = controlSchema.onBlur.method;
94
+ if (method && bladeContext.scope?.[method] && typeof bladeContext.scope[method] === "function") {
95
+ bladeContext.scope[method]({
96
+ event,
97
+ property: controlSchema.property,
98
+ context: unrefNested(internalContext),
99
+ });
100
+ }
101
+ }
102
+ };
103
+
90
104
  // eslint-disable-next-line @typescript-eslint/no-explicit-any
91
105
  const onUpdateModelValue = async (e: any) => {
92
106
  if (safeIn("property", controlSchema) && controlSchema.property) {
@@ -118,6 +132,7 @@ function nodeBuilder<
118
132
  label: computed(() => (typeof label !== "undefined" ? t(label) : undefined)),
119
133
  hint: computed(() => (typeof hint !== "undefined" ? t(hint) : undefined)),
120
134
  disabled,
135
+ onBlur,
121
136
  name,
122
137
  rules,
123
138
  placeholder: computed(() => (typeof placeholder !== "undefined" ? t(placeholder) : undefined)),
package/shared/modules/dynamic/types/index.ts CHANGED
@@ -256,6 +256,14 @@ export interface SchemaBase {
256
256
  visibility?: {
257
257
  method: string;
258
258
  };
259
+ /**
260
+ * Method that is called when component emits `blur` event.
261
+ * @description Method should be defined in the blade `scope`.
262
+ * @type {{ method: string }}
263
+ */
264
+ onBlur?: {
265
+ method: string;
266
+ };
259
267
  /** Flag to indicate if the component supports multilanguage.
260
268
  * @type {boolean}
261
269
  */
@@ -396,7 +404,7 @@ export interface MultivalueSchema extends SchemaBase {
396
404
  hint?: string;
397
405
  }
398
406
 
399
- export interface TextareaSchema extends SchemaBase {
407
+ export interface TextareaSchema extends Omit<SchemaBase, "onBlur"> {
400
408
  /**
401
409
  * Component type for textarea.
402
410
  * @type {"vc-textarea"}
@@ -655,7 +663,7 @@ export interface InputCurrencySchema extends Omit<SchemaBase, "multilanguage"> {
655
663
  * Editor schema interface.
656
664
  * @interface
657
665
  */
658
- export interface EditorSchema extends SchemaBase {
666
+ export interface EditorSchema extends Omit<SchemaBase, "onBlur"> {
659
667
  /**
660
668
  * Component type for editor.
661
669
  * @type {"vc-editor"}
@@ -701,7 +709,7 @@ export interface DynamicPropertiesSchema
701
709
  * @interface
702
710
  */
703
711
  export interface GallerySchema
704
- extends Omit<SchemaBase, "placeholder" | "multilanguage" | "update" | "horizontalSeparator"> {
712
+ extends Omit<SchemaBase, "placeholder" | "multilanguage" | "update" | "horizontalSeparator" | "onBlur"> {
705
713
  /**
706
714
  * Component type for the gallery.
707
715
  * @type {"vc-gallery"}
@@ -781,7 +789,7 @@ export interface WidgetsSchema extends Pick<SchemaBase, "id" | "horizontalSepara
781
789
  children: string[];
782
790
  }
783
791
 
784
- export interface CheckboxSchema extends Omit<SchemaBase, "multilanguage" | "placeholder"> {
792
+ export interface CheckboxSchema extends Omit<SchemaBase, "multilanguage" | "placeholder" | "onBlur"> {
785
793
  /**
786
794
  * Component type for checkbox.
787
795
  * @type {"vc-checkbox"}
@@ -803,7 +811,7 @@ export interface CheckboxSchema extends Omit<SchemaBase, "multilanguage" | "plac
803
811
  falseValue?: boolean;
804
812
  }
805
813
 
806
- export interface RadioButtonSchema extends Omit<SchemaBase, "multilanguage" | "placeholder"> {
814
+ export interface RadioButtonSchema extends Omit<SchemaBase, "multilanguage" | "placeholder" | "onBlur"> {
807
815
  /**
808
816
  * Component type for radio button.
809
817
  * @type {"vc-radio-button-group"}
@@ -869,7 +877,7 @@ export interface FieldsetSchema extends Pick<SchemaBase, "id" | "visibility" | "
869
877
  * Switch schema interface.
870
878
  * @interface
871
879
  */
872
- export interface SwitchSchema extends Omit<SchemaBase, "placeholder" | "multilanguage"> {
880
+ export interface SwitchSchema extends Omit<SchemaBase, "placeholder" | "multilanguage" | "onBlur"> {
873
881
  /**
874
882
  * Component type for switch.
875
883
  * @type {"vc-switch"}
package/ui/components/atoms/vc-tooltip/vc-tooltip.vue CHANGED
@@ -14,7 +14,7 @@
14
14
  v-if="tooltipVisible"
15
15
  ref="tooltipRef"
16
16
  :style="floatingStyles"
17
- class="tw-absolute tw-z-[101] tw-bg-white tw-border tw-border-solid tw-border-[color:#eef0f2] tw-shadow-[1px_1px_8px_rgba(126,142,157,0.25)] tw-rounded-[3px] tw-text-[color:#8e9daa] tw-font-normal tw-py-1 tw-px-2 tw-ml-4"
17
+ class="tw-absolute tw-z-[101] tw-bg-white tw-border tw-border-solid tw-border-[color:#eef0f2] tw-shadow-[1px_1px_8px_rgba(126,142,157,0.25)] tw-rounded-[3px] tw-text-[color:#8e9daa] tw-font-normal tw-py-1 tw-px-2"
18
18
  >
19
19
  <slot name="tooltip"></slot>
20
20
  </span>
@@ -23,14 +23,22 @@
23
23
  </template>
24
24
 
25
25
  <script lang="ts" setup>
26
- import { useFloating, shift, Placement, offset } from "@floating-ui/vue";
26
+ import { useFloating, shift, Placement, offset as floatingOffset } from "@floating-ui/vue";
27
27
  import { ref } from "vue";
28
28
  export interface Props {
29
29
  placement?: Placement;
30
+ offset?: {
31
+ crossAxis?: number;
32
+ mainAxis?: number;
33
+ };
30
34
  }
31
35
 
32
36
  const props = withDefaults(defineProps<Props>(), {
33
37
  placement: "bottom-end",
38
+ offset: () => ({
39
+ crossAxis: 5,
40
+ mainAxis: 5,
41
+ }),
34
42
  });
35
43
 
36
44
  defineSlots<{
@@ -44,13 +52,7 @@ const tooltipRef = ref<HTMLElement | null>(null);
44
52
 
45
53
  const { floatingStyles } = useFloating(tooltipCompRef, tooltipRef, {
46
54
  placement: props.placement,
47
- middleware: [
48
- offset({
49
- crossAxis: 5,
50
- mainAxis: 5,
51
- }),
52
- shift(),
53
- ],
55
+ middleware: [floatingOffset(props.offset), shift()],
54
56
  });
55
57
  </script>
56
58
 
package/ui/components/organisms/vc-table/_internal/vc-table-mobile-item/vc-table-mobile-item.vue CHANGED
@@ -28,7 +28,7 @@
28
28
  <div
29
29
  class="tw-flex tw-grow tw-basis-[1] tw-flex-col tw-justify-center tw-items-center tw-text-white"
30
30
  :class="[`vc-table-mobile__item-action_${leftSwipeActions[0].type}`]"
31
- @click.stop="leftSwipeActions?.[0].clickHandler(item as T)"
31
+ @click.stop="leftSwipeActions?.[0].clickHandler(items[index] as T, index)"
32
32
  >
33
33
  <VcIcon :icon="leftSwipeActions[0].icon" />
34
34
  <div class="tw-mt-1 tw-text-lg tw-text-center">
@@ -49,7 +49,7 @@
49
49
  :key="`rightSwipeAction-${index}`"
50
50
  class="tw-flex tw-grow tw-basis-[1] tw-flex-col tw-justify-center tw-items-center tw-text-white"
51
51
  :class="[`vc-table-mobile__item-action_${action.type}`]"
52
- @click.stop="action.clickHandler(item as T)"
52
+ @click.stop="action.clickHandler(items[index] as T, index)"
53
53
  >
54
54
  <VcIcon :icon="action.icon" />
55
55
  <div class="tw-mt-1 tw-text-lg tw-text-center">
@@ -95,7 +95,7 @@
95
95
  v-for="(itemAction, i) in itemActions"
96
96
  :key="i"
97
97
  class="tw-flex tw-grow tw-shrink-0 tw-flex-col tw-items-center tw-text-[#319ed4] tw-my-2 tw-box-border tw-p-1 tw-max-w-[80px]"
98
- @click="itemAction.clickHandler(item as T)"
98
+ @click="itemAction.clickHandler(items[index] as T, index)"
99
99
  >
100
100
  <VcIcon
101
101
  :icon="itemAction.icon"
@@ -116,10 +116,10 @@
116
116
  </template>
117
117
 
118
118
  <script lang="ts" setup generic="T extends TableItem | string">
119
- import { Ref, computed, ref, onMounted, watch, onUpdated } from "vue";
119
+ import { Ref, computed, ref, onMounted, watch, onUpdated, nextTick } from "vue";
120
120
  import { IActionBuilderResult } from "../../../../../../core/types";
121
121
  import { useI18n } from "vue-i18n";
122
- import { useSwipe } from "@vueuse/core";
122
+ import { useSwipe, watchDebounced } from "@vueuse/core";
123
123
  import { vOnClickOutside } from "@vueuse/components";
124
124
 
125
125
  export interface Emits {
@@ -134,10 +134,11 @@ export interface TableItem {
134
134
  }
135
135
 
136
136
  const props = defineProps<{
137
- item: T;
137
+ items: T[];
138
138
  actionBuilder?: (item: T) => IActionBuilderResult[] | undefined;
139
139
  swipingItem?: string;
140
140
  isSelected?: boolean;
141
+ index: number;
141
142
  }>();
142
143
 
143
144
  const emit = defineEmits<Emits>();
@@ -156,8 +157,9 @@ const { isSwiping, lengthX } = useSwipe(target, {
156
157
  threshold: 0,
157
158
  onSwipeStart() {
158
159
  getActions();
159
- if (typeof props.item !== "string") {
160
- emit("swipeStart", props.item.id);
160
+ const item = props.items[props.index];
161
+ if (typeof item !== "string") {
162
+ emit("swipeStart", item.id);
161
163
  }
162
164
  if (containerWidth.value) {
163
165
  reset();
@@ -207,7 +209,8 @@ const leftSwipeActions = computed(
207
209
  watch(
208
210
  () => props.swipingItem,
209
211
  (newVal) => {
210
- if (typeof props.item !== "string" && newVal !== props.item.id) {
212
+ const item = props.items[props.index];
213
+ if (typeof item !== "string" && newVal !== item.id) {
211
214
  left.value = "0";
212
215
  actionsWidth.value = "0";
213
216
  }
@@ -222,6 +225,14 @@ onUpdated(() => {
222
225
  adjustHeight();
223
226
  });
224
227
 
228
+ watchDebounced(
229
+ () => props.items,
230
+ () => {
231
+ adjustHeight();
232
+ },
233
+ { deep: true, debounce: 450 },
234
+ );
235
+
225
236
  function reset() {
226
237
  left.value = "0";
227
238
  actionsWidth.value = "0";
@@ -243,7 +254,7 @@ const direction = computed(() => {
243
254
  function getActions() {
244
255
  if (!(itemActions.value && itemActions.value.length)) {
245
256
  if (props.actionBuilder && typeof props.actionBuilder === "function") {
246
- itemActions.value = props.actionBuilder(props.item);
257
+ itemActions.value = props.actionBuilder(props.items[props.index]);
247
258
  }
248
259
  }
249
260
  }
package/ui/components/organisms/vc-table/vc-table.vue CHANGED
@@ -70,7 +70,8 @@
70
70
  <VcTableMobileItem
71
71
  v-for="(item, i) in items"
72
72
  :key="i"
73
- :item="item"
73
+ :index="i"
74
+ :items="items"
74
75
  :action-builder="itemActionBuilder"
75
76
  :swiping-item="mobileSwipeItem"
76
77
  :is-selected="isSelected(item)"
@@ -147,7 +148,7 @@
147
148
  v-for="(item, index) in filteredCols"
148
149
  :id="item.id"
149
150
  :key="item.id"
150
- class="tw-flex-1 tw-flex tw-items-center tw-h-[42px] tw-bg-[#f9f9f9] !tw-border-0 tw-shadow-[inset_0px_1px_0px_#eaedf3,_inset_0px_-1px_0px_#eaedf3] tw-box-border tw-sticky tw-top-0 tw-select-none tw-overflow-hidden tw-z-[1]"
151
+ class="vc-table__header tw-flex-1 tw-flex tw-items-center tw-h-[42px] tw-bg-[#f9f9f9] !tw-border-0 tw-shadow-[inset_0px_1px_0px_#eaedf3,_inset_0px_-1px_0px_#eaedf3] tw-box-border tw-sticky tw-top-0 tw-select-none tw-overflow-hidden tw-z-[1]"
151
152
  :class="[
152
153
  {
153
154
  'tw-cursor-pointer tw-group': item.sortable,
@@ -196,7 +197,6 @@
196
197
  </div>
197
198
  </div>
198
199
  <div
199
- v-if="index !== filteredCols.length - 1"
200
200
  class="tw-w-[5px] tw-mr-[3px] tw-border-r tw-border-r-[#e5e7eb] tw-border-solid tw-h-full tw-top-0 tw-bottom-0 tw-absolute tw-right-0 tw-flex tw-justify-end"
201
201
  :class="{
202
202
  'tw-cursor-col-resize': props.resizableColumns,
@@ -326,7 +326,7 @@
326
326
  v-if="
327
327
  enableItemActions && itemActionBuilder && typeof item === 'object' && selectedRowIndex === itemIndex
328
328
  "
329
- class="tw-absolute tw-flex tw-right-0 actions tw-h-full tw-bg-[#f4f8fb]"
329
+ class="tw-absolute tw-flex tw-right-[10px] actions tw-h-full tw-bg-[#f4f8fb]"
330
330
  :class="{
331
331
  'group-hover:!tw-bg-[#dfeef9]': hasClickListener,
332
332
  }"
@@ -339,11 +339,16 @@
339
339
  v-for="(itemAction, i) in itemActions[itemIndex]"
340
340
  :key="i"
341
341
  :class="[
342
- 'tw-text-[#319ed4] tw-cursor-pointer tw-w-[22px] tw-h-[22px] tw-flex tw-items-center tw-justify-center',
342
+ 'tw-text-[#319ed4] tw-cursor-pointer tw-w-[22px] tw-h-[22px] tw-flex tw-items-center tw-justify-center hover:tw-text-[#257fad]',
343
343
  ]"
344
344
  @click.stop="itemAction.clickHandler(item, itemIndex)"
345
345
  >
346
- <VcTooltip>
346
+ <VcTooltip
347
+ placement="bottom"
348
+ :offset="{
349
+ mainAxis: 5,
350
+ }"
351
+ >
347
352
  <VcIcon
348
353
  :icon="itemAction.icon"
349
354
  size="m"
@@ -603,22 +608,25 @@ const mobileTemplateRenderer = ({ item, index }: { item: TableItem | string; ind
603
608
  "div",
604
609
  { class: "tw-border-b tw-border-solid tw-border-b-[#e3e7ec] tw-p-3 tw-gap-2 tw-flex tw-flex-wrap" },
605
610
  props.columns.map((x) => {
606
- return h("div", { class: "tw-grow tw-w-[33%] tw-ml-3 tw-truncate" }, [
611
+ return h("div", { class: "tw-grow tw-w-[33%] tw-ml-3 tw-truncate", key: `mobile-view-item-${index}` }, [
607
612
  h(VcLabel, { class: "tw-mb-1 tw-truncate", required: x?.rules?.required }, () => toValue(x.title)),
608
613
  slots[`item_${x.id}`]
609
- ? slots[`item_${x.id}`]({ item, cell: x, index })
614
+ ? slots[`item_${x.id}`]?.({ item, cell: x, index })
610
615
  : [
611
- h(VcTableCell, {
612
- cell: { ...x, class: "!tw-justify-start" },
613
- item,
614
- class: "",
615
- editing: props.editing,
616
- index,
617
- onUpdate: (event) => {
618
- emit("onEditComplete", { event: event, index });
619
- },
620
- onBlur: (event) => emit("onCellBlur", event),
621
- }),
616
+ typeof item === "object"
617
+ ? h(VcTableCell, {
618
+ cell: { ...x, class: "!tw-justify-start" },
619
+ item,
620
+ key: `mobile-view-cell-${index}`,
621
+ class: "tw-mb-4",
622
+ editing: props.editing,
623
+ index,
624
+ onUpdate: (event) => {
625
+ emit("onEditComplete", { event: event, index });
626
+ },
627
+ onBlur: (event) => emit("onCellBlur", event),
628
+ })
629
+ : undefined,
622
630
  ],
623
631
  ]);
624
632
  }),
@@ -887,6 +895,7 @@ function onColumnResizeEnd() {
887
895
  const nextColElement = (table.value as HTMLDivElement).querySelector(`#${nextColumn.value.id}`);
888
896
 
889
897
  const nextColumnWidth = (nextColElement as HTMLElement).offsetWidth - delta;
898
+
890
899
  if (newColumnWidth > 15 && nextColumnWidth > 15) {
891
900
  resizeTableCells(newColumnWidth, nextColumnWidth);
892
901
  }