@vc-shell/framework 1.1.65 → 1.1.66
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.
- package/CHANGELOG.md +10 -0
- package/dist/framework.js +6690 -6570
- package/dist/index.css +1 -1
- package/dist/shared/components/change-password-button/index.d.ts +1 -1
- package/dist/shared/components/generic-dropdown/generic-dropdown.vue.d.ts.map +1 -1
- package/dist/shared/components/logout-button/index.d.ts +1 -1
- package/dist/shared/modules/dynamic/composables/useFilterBuilder/index.d.ts.map +1 -1
- package/dist/shared/modules/dynamic/index.d.ts.map +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/dist/ui/components/atoms/vc-progress/vc-progress.vue.d.ts.map +1 -1
- package/dist/ui/components/organisms/vc-blade/_internal/vc-blade-toolbar/_internal/vc-blade-toolbar-buttons/_internal/vc-blade-toolbar-button/vc-blade-toolbar-base-button.vue.d.ts.map +1 -1
- package/dist/ui/components/organisms/vc-table/_internal/vc-table-column-switcher/vc-table-column-switcher.vue.d.ts.map +1 -1
- package/dist/ui/components/organisms/vc-table/_internal/vc-table-desktop-view/_internal/vc-table-columns-header/vc-table-columns-header.vue.d.ts.map +1 -1
- package/dist/ui/components/organisms/vc-table/_internal/vc-table-desktop-view/_internal/vc-table-row/vc-table-row.vue.d.ts.map +1 -1
- package/dist/ui/components/organisms/vc-table/_internal/vc-table-empty/vc-table-empty.vue.d.ts.map +1 -1
- package/dist/ui/components/organisms/vc-table/composables/useTableColumnReorder.d.ts.map +1 -1
- package/dist/ui/components/organisms/vc-table/composables/useTableColumnResize.d.ts.map +1 -1
- package/dist/ui/components/organisms/vc-table/composables/useTableState.d.ts +1 -0
- package/dist/ui/components/organisms/vc-table/composables/useTableState.d.ts.map +1 -1
- package/dist/ui/components/organisms/vc-table/vc-table.vue.d.ts.map +1 -1
- package/package.json +4 -4
- package/shared/components/change-password-button/index.ts +1 -1
- package/shared/components/generic-dropdown/generic-dropdown.vue +10 -2
- package/shared/components/logout-button/index.ts +1 -1
- package/shared/modules/dynamic/composables/useFilterBuilder/index.ts +1 -2
- package/shared/modules/dynamic/index.ts +0 -1
- package/ui/components/atoms/index.ts +1 -1
- package/ui/components/atoms/vc-col/vc-col.stories.ts +4 -4
- package/ui/components/atoms/vc-icon/icons/index.ts +1 -1
- package/ui/components/atoms/vc-progress/vc-progress.vue +3 -8
- package/ui/components/atoms/vc-skeleton/vc-skeleton.vue +3 -3
- package/ui/components/organisms/vc-blade/_internal/vc-blade-toolbar/_internal/vc-blade-toolbar-buttons/_internal/vc-blade-toolbar-button/vc-blade-toolbar-base-button.vue +0 -1
- package/ui/components/organisms/vc-table/_internal/vc-table-column-switcher/vc-table-column-switcher.vue +1 -0
- package/ui/components/organisms/vc-table/_internal/vc-table-desktop-view/_internal/vc-table-columns-header/vc-table-columns-header.vue +80 -10
- package/ui/components/organisms/vc-table/_internal/vc-table-desktop-view/_internal/vc-table-row/vc-table-row.vue +9 -5
- package/ui/components/organisms/vc-table/_internal/vc-table-empty/vc-table-empty.vue +0 -1
- package/ui/components/organisms/vc-table/composables/useTableColumnReorder.ts +6 -4
- package/ui/components/organisms/vc-table/composables/useTableColumnResize.ts +148 -39
- package/ui/components/organisms/vc-table/composables/useTableState.ts +61 -8
- package/ui/components/organisms/vc-table/vc-table.vue +2 -1
- package/ui/composables/useAdaptiveItems.ts +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"vc-progress.vue.d.ts","sourceRoot":"","sources":["../../../../../ui/components/atoms/vc-progress/vc-progress.vue"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"vc-progress.vue.d.ts","sourceRoot":"","sources":["../../../../../ui/components/atoms/vc-progress/vc-progress.vue"],"names":[],"mappings":"AAAA,MAiEM,WAAW,KAAK;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;CACjC;;aADW,SAAS,GAAG,SAAS;WADvB,MAAM;;AAyDhB,wBAOG"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"vc-blade-toolbar-base-button.vue.d.ts","sourceRoot":"","sources":["../../../../../../../../../../../ui/components/organisms/vc-blade/_internal/vc-blade-toolbar/_internal/vc-blade-toolbar-buttons/_internal/vc-blade-toolbar-button/vc-blade-toolbar-base-button.vue"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"vc-blade-toolbar-base-button.vue.d.ts","sourceRoot":"","sources":["../../../../../../../../../../../ui/components/organisms/vc-blade/_internal/vc-blade-toolbar/_internal/vc-blade-toolbar-buttons/_internal/vc-blade-toolbar-button/vc-blade-toolbar-base-button.vue"],"names":[],"mappings":"AAAA,OAuHO,EAAO,WAAW,EAAO,MAAM,KAAK,CAAC;AAE5C,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;;;;;;;AA8GrC,wBAOG"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"vc-table-column-switcher.vue.d.ts","sourceRoot":"","sources":["../../../../../../../ui/components/organisms/vc-table/_internal/vc-table-column-switcher/vc-table-column-switcher.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"vc-table-column-switcher.vue.d.ts","sourceRoot":"","sources":["../../../../../../../ui/components/organisms/vc-table/_internal/vc-table-column-switcher/vc-table-column-switcher.vue"],"names":[],"mappings":"AA8HA,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAC/D,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAG9C,MAAM,WAAW,KAAK;IACpB,KAAK,EAAE,eAAe,EAAE,CAAC;IACzB,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,KAAK;IACpB,CAAC,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,aAAa,GAAG,IAAI,CAAC;IAC9C,CAAC,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,OAAO,GAAG,IAAI,CAAC;CAC3C;;;;;;;;AA8KD,wBAQG"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"vc-table-columns-header.vue.d.ts","sourceRoot":"","sources":["../../../../../../../../../ui/components/organisms/vc-table/_internal/vc-table-desktop-view/_internal/vc-table-columns-header/vc-table-columns-header.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"vc-table-columns-header.vue.d.ts","sourceRoot":"","sources":["../../../../../../../../../ui/components/organisms/vc-table/_internal/vc-table-desktop-view/_internal/vc-table-columns-header/vc-table-columns-header.vue"],"names":[],"mappings":"AAqUA,OAAO,KAAK,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAGpE,OAAO,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;yBAElD,CAAC,SAAS,SAAS,GAAG,MAAM,EAC5C,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;WA0XO,mBAAmB,CAAC;;;;;;;;;eAxXnB,CAAC,EAAE;sBACI,eAAe,EAAE;sBACjB,OAAO;wBACL,OAAO;uBACR,OAAO;mBACX,OAAO;kBACR,OAAO;oBACL,MAAM;wBACF,MAAM;2BACH,OAAO;6BACL,OAAO;+BACL,eAAe,EAAE;kBAC9B,MAAM;yBACC,eAAe,EAAE;oBACtB,CAAC,EAAE;QA0WgD,OAAO,IAAsB,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;iDAzC2D,GAAG;;;YA9TnE,iBAAiB,SAAS,OAAO,GAAG,IAAI;YACxC,gBAAgB,SAAS,OAAO,GAAG,IAAI;YACvC,aAAa,QAAQ,eAAe,GAAG,IAAI;YAC3C,uBAAuB,SAAS,OAAO,GAAG,IAAI;YAC9C,eAAe,GAAG,IAAI;YACtB,cAAc,GAAG,IAAI;YACrB,cAAc,QAAQ,aAAa,GAAG,IAAI;;EAqW5C,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AArYzE,wBAqY4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"vc-table-row.vue.d.ts","sourceRoot":"","sources":["../../../../../../../../../ui/components/organisms/vc-table/_internal/vc-table-desktop-view/_internal/vc-table-row/vc-table-row.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"vc-table-row.vue.d.ts","sourceRoot":"","sources":["../../../../../../../../../ui/components/organisms/vc-table/_internal/vc-table-desktop-view/_internal/vc-table-row/vc-table-row.vue"],"names":[],"mappings":"AAqPA,OAAO,KAAK,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpE,OAAO,KAAK,EAAE,oBAAoB,EAAiB,MAAM,oCAAoC,CAAC;AAC9F,OAAO,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAC;yBACd,CAAC,SAAS,SAAS,GAAG,MAAM,EAC5C,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;WA2RO,mBAAmB,CAAC;cAzRpB,CAAC;eACA,MAAM;sBACC,eAAe,EAAE;sBACjB,OAAO;yBACJ,QAAQ,CAAC,MAAM,CAAC;mBACtB,CAAC,EAAE;2BACK,CAAC,EAAE;0BACJ,OAAO;qBACZ,MAAM;2BACA,OAAO;kBAChB,OAAO;4BACG,OAAO;qBACd,oBAAoB,EAAE,EAAE;2BAClB,MAAM;oBACb,CAAC,IAAI,EAAE,CAAC,KAAK,OAAO;QA2Q+B,OAAO,IAAsB,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;;;;;cA3B2D,GAAG;;;YA7OnE,WAAW,QAAQ,CAAC,GAAG,IAAI;YAC3B,cAAc,GAAG,IAAI;YACrB,cAAc,SAAS,UAAU,GAAG,IAAI;YACxC,cAAc,SAAS,SAAS,GAAG,IAAI;YACvC,aAAa,SAAS,SAAS,GAAG,IAAI;YACtC,cAAc,SAAS,SAAS,GAAG,IAAI;YACvC,YAAY,SAAS,SAAS,GAAG,IAAI;YACrC,SAAS,SAAS,SAAS,GAAG,IAAI;YAClC,aAAa,SAAS,MAAM,GAAG,IAAI;YACnC,aAAa,QAAQ,CAAC,GAAG,IAAI;YAC7B,gBAAgB,QAAQ;YAAE,KAAK,EAAE;gBAAE,KAAK,EAAE,MAAM,CAAC;gBAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;aAAE,CAAC;YAAC,KAAK,EAAE,MAAM,CAAA;SAAE,GAAG,IAAI;YAClG,YAAY,QAAQ;YAAE,GAAG,EAAE,MAAM,GAAG,SAAS,CAAC;YAAC,KAAK,EAAE,MAAM,CAAA;SAAE,GAAG,IAAI;;EAiQvE,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AAtSzE,wBAsS4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
|
package/dist/ui/components/organisms/vc-table/_internal/vc-table-empty/vc-table-empty.vue.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"vc-table-empty.vue.d.ts","sourceRoot":"","sources":["../../../../../../../ui/components/organisms/vc-table/_internal/vc-table-empty/vc-table-empty.vue"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"vc-table-empty.vue.d.ts","sourceRoot":"","sources":["../../../../../../../ui/components/organisms/vc-table/_internal/vc-table-empty/vc-table-empty.vue"],"names":[],"mappings":"AAAA,OAwGO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,WAAW,KAAK;IACpB,KAAK,EAAE,GAAG,EAAE,CAAC;IACb,WAAW,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,EAAE;QACT,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,IAAI,EAAE,MAAM,GAAG,GAAG,CAAC,MAAM,CAAC,CAAC;QAC3B,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;KAC3B,CAAC;IACF,KAAK,CAAC,EAAE;QACN,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,IAAI,EAAE,MAAM,GAAG,GAAG,CAAC,MAAM,CAAC,CAAC;QAC3B,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;KAC3B,CAAC;CACH;AAID,KAAK,WAAW,GAAG;IACjB,QAAQ,EAAE,IAAI,CAAC;IACf,KAAK,EAAE,IAAI,CAAC;CACb,CAAC;AAuHF,QAAA,MAAM,eAAe,sRAMnB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAQ1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useTableColumnReorder.d.ts","sourceRoot":"","sources":["../../../../../../ui/components/organisms/vc-table/composables/useTableColumnReorder.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,GAAG,EAAE,MAAM,KAAK,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAEtD,wBAAgB,qBAAqB,CAAC,CAAC,SAAS,SAAS,GAAG,MAAM,EAChE,eAAe,EAAE,GAAG,CAAC,eAAe,EAAE,CAAC,EACvC,aAAa,EAAE,MAAM,IAAI,EACzB,SAAS,EAAE,GAAG,CAAC,WAAW,GAAG,SAAS,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qCAqCC,UAAU;qCA4BV,SAAS,QAAQ,eAAe;oCAoBjC,SAAS;qCAoER,SAAS;
|
|
1
|
+
{"version":3,"file":"useTableColumnReorder.d.ts","sourceRoot":"","sources":["../../../../../../ui/components/organisms/vc-table/composables/useTableColumnReorder.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,GAAG,EAAE,MAAM,KAAK,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAEtD,wBAAgB,qBAAqB,CAAC,CAAC,SAAS,SAAS,GAAG,MAAM,EAChE,eAAe,EAAE,GAAG,CAAC,eAAe,EAAE,CAAC,EACvC,aAAa,EAAE,MAAM,IAAI,EACzB,SAAS,EAAE,GAAG,CAAC,WAAW,GAAG,SAAS,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qCAqCC,UAAU;qCA4BV,SAAS,QAAQ,eAAe;oCAoBjC,SAAS;qCAoER,SAAS;gCAqBd,SAAS,QAAQ,eAAe;EA4EpE"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useTableColumnResize.d.ts","sourceRoot":"","sources":["../../../../../../ui/components/organisms/vc-table/composables/useTableColumnResize.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,GAAG,EAAE,MAAM,KAAK,CAAC;AAC/B,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;
|
|
1
|
+
{"version":3,"file":"useTableColumnResize.d.ts","sourceRoot":"","sources":["../../../../../../ui/components/organisms/vc-table/composables/useTableColumnResize.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,GAAG,EAAE,MAAM,KAAK,CAAC;AAC/B,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAE3C,wBAAgB,oBAAoB,CAClC,eAAe,EAAE,GAAG,CAAC,eAAe,EAAE,CAAC,EACvC,aAAa,EAAE,MAAM,IAAI,EACzB,SAAS,EAAE,GAAG,CAAC,WAAW,GAAG,SAAS,CAAC;;;yBAwBX,UAAU,QAAQ,eAAe;;EAiO9D"}
|
|
@@ -5,6 +5,7 @@ export interface UseTableStateOptions {
|
|
|
5
5
|
stateKey: Ref<string, string>;
|
|
6
6
|
columnSelector: Ref<"auto" | "defined" | MaybeRef<ITableColumns[]> | (() => ITableColumns[]), "auto" | "defined" | MaybeRef<ITableColumns[]> | (() => ITableColumns[])>;
|
|
7
7
|
expanded: Ref<boolean, boolean>;
|
|
8
|
+
headerRef?: Ref<HTMLElement | undefined>;
|
|
8
9
|
}
|
|
9
10
|
export declare function useTableState(options: UseTableStateOptions): {
|
|
10
11
|
internalColumns: Ref<TableColPartial[], TableColPartial[]>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useTableState.d.ts","sourceRoot":"","sources":["../../../../../../ui/components/organisms/vc-table/composables/useTableState.ts"],"names":[],"mappings":"AACA,OAAO,EAAO,GAAG,EAA6B,QAAQ,
|
|
1
|
+
{"version":3,"file":"useTableState.d.ts","sourceRoot":"","sources":["../../../../../../ui/components/organisms/vc-table/composables/useTableState.ts"],"names":[],"mappings":"AACA,OAAO,EAAO,GAAG,EAA6B,QAAQ,EAAY,MAAM,KAAK,CAAC;AAG9E,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAC3C,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAE1D,MAAM,WAAW,oBAAoB;IACnC,QAAQ,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC9B,cAAc,EAAE,GAAG,CACjB,MAAM,GAAG,SAAS,GAAG,QAAQ,CAAC,aAAa,EAAE,CAAC,GAAG,CAAC,MAAM,aAAa,EAAE,CAAC,EACxE,MAAM,GAAG,SAAS,GAAG,QAAQ,CAAC,aAAa,EAAE,CAAC,GAAG,CAAC,MAAM,aAAa,EAAE,CAAC,CACzE,CAAC;IACF,QAAQ,EAAE,GAAG,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;IAChC,SAAS,CAAC,EAAE,GAAG,CAAC,WAAW,GAAG,SAAS,CAAC,CAAC;CAC1C;AAED,wBAAgB,aAAa,CAAC,OAAO,EAAE,oBAAoB;;;;;;;uCA0FhB,eAAe,EAAE;yBA6C9B,aAAa;oCAyEF,aAAa,EAAE,UAAS,GAAG,EAAE;EAyDrE"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"vc-table.vue.d.ts","sourceRoot":"","sources":["../../../../../ui/components/organisms/vc-table/vc-table.vue"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"vc-table.vue.d.ts","sourceRoot":"","sources":["../../../../../ui/components/organisms/vc-table/vc-table.vue"],"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.1.
|
|
3
|
+
"version": "1.1.66",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"main": "./dist/framework.js",
|
|
6
6
|
"types": "./dist/index.d.ts",
|
|
@@ -85,9 +85,9 @@
|
|
|
85
85
|
"@fullhuman/postcss-purgecss": "^7.0.2",
|
|
86
86
|
"@laynezh/vite-plugin-lib-assets": "v1.1.0",
|
|
87
87
|
"@types/dompurify": "^3.0.5",
|
|
88
|
-
"@vc-shell/api-client-generator": "^1.1.
|
|
89
|
-
"@vc-shell/config-generator": "^1.1.
|
|
90
|
-
"@vc-shell/ts-config": "^1.1.
|
|
88
|
+
"@vc-shell/api-client-generator": "^1.1.66",
|
|
89
|
+
"@vc-shell/config-generator": "^1.1.66",
|
|
90
|
+
"@vc-shell/ts-config": "^1.1.66",
|
|
91
91
|
"@vitejs/plugin-vue": "^5.2.3",
|
|
92
92
|
"@vue/test-utils": "^2.4.5",
|
|
93
93
|
"cypress-signalr-mock": "^1.5.0",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { default as ChangePasswordButton } from
|
|
1
|
+
export { default as ChangePasswordButton } from "./change-password-button.vue";
|
|
@@ -19,8 +19,11 @@
|
|
|
19
19
|
ref="floatingEl"
|
|
20
20
|
v-on-click-outside="[() => $emit('update:opened', false), { ignore: [referenceEl] }]"
|
|
21
21
|
class="vc-dropdown__dropdown"
|
|
22
|
+
:style="{
|
|
23
|
+
maxHeight: calcHeight,
|
|
24
|
+
...floatingStyle,
|
|
25
|
+
}"
|
|
22
26
|
:class="dropdownClasses"
|
|
23
|
-
:style="floatingStyle"
|
|
24
27
|
>
|
|
25
28
|
<div
|
|
26
29
|
class="vc-dropdown__content"
|
|
@@ -150,6 +153,11 @@ const floatingStyle = computed(() => {
|
|
|
150
153
|
width: "max-content",
|
|
151
154
|
};
|
|
152
155
|
});
|
|
156
|
+
|
|
157
|
+
const calcHeight = computed(() => {
|
|
158
|
+
if (!props.maxHeight) return "";
|
|
159
|
+
return typeof props.maxHeight === "number" ? `${props.maxHeight}px` : props.maxHeight;
|
|
160
|
+
});
|
|
153
161
|
</script>
|
|
154
162
|
|
|
155
163
|
<style lang="scss">
|
|
@@ -173,7 +181,7 @@ const floatingStyle = computed(() => {
|
|
|
173
181
|
}
|
|
174
182
|
|
|
175
183
|
&__dropdown {
|
|
176
|
-
@apply tw-rounded-[6px] tw-w-full tw-overflow-
|
|
184
|
+
@apply tw-rounded-[6px] tw-w-full tw-overflow-auto tw-flex tw-flex-col tw-relative tw-h-max;
|
|
177
185
|
|
|
178
186
|
&--mobile {
|
|
179
187
|
@apply tw-w-full;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { default as LogoutButton } from
|
|
1
|
+
export { default as LogoutButton } from "./logout-button.vue";
|
|
@@ -390,8 +390,7 @@ export default <Query>(args: {
|
|
|
390
390
|
h(
|
|
391
391
|
VcCol,
|
|
392
392
|
{
|
|
393
|
-
class:
|
|
394
|
-
"tw-px-5 tw-py-[10px] !tw-flex-auto tw-border-t tw-border-solid tw-border-[var(--neutrals-200)]",
|
|
393
|
+
class: "tw-px-5 tw-py-[10px] !tw-flex-auto tw-border-t tw-border-solid tw-border-[var(--neutrals-200)]",
|
|
395
394
|
},
|
|
396
395
|
() =>
|
|
397
396
|
h("div", { class: "tw-flex tw-justify-start" }, [
|
|
@@ -56,10 +56,10 @@ type Story = StoryObj<typeof meta>;
|
|
|
56
56
|
export const Default: Story = {
|
|
57
57
|
render: (args) => ({
|
|
58
58
|
components: { VcCol, VcImage },
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
59
|
+
setup() {
|
|
60
|
+
return { args };
|
|
61
|
+
},
|
|
62
|
+
template: `
|
|
63
63
|
<vc-col v-bind="args">
|
|
64
64
|
<vc-image src="https://picsum.photos/200" size="xl"/>
|
|
65
65
|
<vc-image src="https://picsum.photos/200" size="xl"/>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { default as MenuBurgerIcon } from "./MenuBurgerIcon.vue";
|
|
1
|
+
export { default as MenuBurgerIcon } from "./MenuBurgerIcon.vue";
|
|
@@ -32,14 +32,9 @@ withDefaults(defineProps<Props>(), {
|
|
|
32
32
|
--progressbar-foreground-color: var(--accent-200);
|
|
33
33
|
--progressbar-border-width: 1px;
|
|
34
34
|
--progressbar-border-color: var(--neutrals-200);
|
|
35
|
-
--progressbar-striped-bg:
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
var(--accent-200) 50%,
|
|
39
|
-
var(--accent-200) 75%,
|
|
40
|
-
transparent 75%
|
|
41
|
-
)
|
|
42
|
-
left/30px 30px repeat-x,
|
|
35
|
+
--progressbar-striped-bg:
|
|
36
|
+
linear-gradient(45deg, transparent 50%, var(--accent-200) 50%, var(--accent-200) 75%, transparent 75%) left/30px
|
|
37
|
+
30px repeat-x,
|
|
43
38
|
var(--accent-50);
|
|
44
39
|
--progressbar-striped-color: var(--accent-200);
|
|
45
40
|
}
|
|
@@ -25,14 +25,14 @@ const props = withDefaults(
|
|
|
25
25
|
{
|
|
26
26
|
rows: 1,
|
|
27
27
|
animated: false,
|
|
28
|
-
}
|
|
28
|
+
},
|
|
29
29
|
);
|
|
30
30
|
|
|
31
31
|
function getRowWidth(index: number) {
|
|
32
32
|
if (index === props.rows) {
|
|
33
|
-
return
|
|
33
|
+
return "60%";
|
|
34
34
|
}
|
|
35
|
-
return
|
|
35
|
+
return "100%";
|
|
36
36
|
}
|
|
37
37
|
</script>
|
|
38
38
|
|
|
@@ -30,16 +30,21 @@
|
|
|
30
30
|
{
|
|
31
31
|
'vc-table-columns-header__cell--sortable': item.sortable,
|
|
32
32
|
'vc-table-columns-header__cell--last': index === filteredCols.length - 1,
|
|
33
|
+
'vc-table-columns-header__cell--fixed-width': !!item.width,
|
|
33
34
|
},
|
|
34
35
|
item.align ? tableAlignment[item.align] : '',
|
|
35
36
|
]"
|
|
36
|
-
:style="
|
|
37
|
+
:style="
|
|
38
|
+
item.width
|
|
39
|
+
? { maxWidth: item.width, width: item.width, flex: '0 1 auto', minWidth: '60px' }
|
|
40
|
+
: { flex: '1 1 0', minWidth: '60px' }
|
|
41
|
+
"
|
|
37
42
|
@mousedown="reorderableColumns && onColumnHeaderMouseDown($event)"
|
|
38
43
|
@dragstart="reorderableColumns && onColumnHeaderDragStart($event, item)"
|
|
39
44
|
@dragover="reorderableColumns && onColumnHeaderDragOver($event)"
|
|
40
45
|
@dragleave="reorderableColumns && onColumnHeaderDragLeave($event)"
|
|
41
46
|
@drop="reorderableColumns && onColumnHeaderDrop($event, item)"
|
|
42
|
-
@click="$emit('headerClick', item)"
|
|
47
|
+
@click="!columnResizing && !isResizing && $emit('headerClick', item)"
|
|
43
48
|
>
|
|
44
49
|
<div class="vc-table-columns-header__cell-content">
|
|
45
50
|
<div class="vc-table-columns-header__cell-title">
|
|
@@ -78,8 +83,10 @@
|
|
|
78
83
|
class="vc-table-columns-header__cell-resizer"
|
|
79
84
|
:class="{
|
|
80
85
|
'vc-table-columns-header__cell-resizer--cursor': resizableColumns,
|
|
86
|
+
'vc-table-columns-header__cell-resizer--last': index === filteredCols.length - 1,
|
|
81
87
|
}"
|
|
82
|
-
@mousedown.stop="
|
|
88
|
+
@mousedown.stop.prevent="handleResizerMouseDown($event, item)"
|
|
89
|
+
@click.stop.prevent
|
|
83
90
|
/>
|
|
84
91
|
</div>
|
|
85
92
|
|
|
@@ -166,7 +173,47 @@ const {
|
|
|
166
173
|
onColumnHeaderDrop,
|
|
167
174
|
} = useTableColumnReorder<T>(internalColumns, () => emit("columnReorder"), headerRef);
|
|
168
175
|
|
|
169
|
-
const { resizer, handleMouseDown } = useTableColumnResize(
|
|
176
|
+
const { resizer, handleMouseDown, columnResizing } = useTableColumnResize(
|
|
177
|
+
internalColumns,
|
|
178
|
+
() => emit("columnResize"),
|
|
179
|
+
headerRef,
|
|
180
|
+
);
|
|
181
|
+
|
|
182
|
+
// Additional flag to prevent clicks during resize
|
|
183
|
+
const isResizing = ref(false);
|
|
184
|
+
let resizeTimeout: NodeJS.Timeout;
|
|
185
|
+
|
|
186
|
+
const handleResizerMouseDown = (e: MouseEvent, item: TableColPartial) => {
|
|
187
|
+
e.preventDefault();
|
|
188
|
+
e.stopPropagation();
|
|
189
|
+
|
|
190
|
+
isResizing.value = true;
|
|
191
|
+
|
|
192
|
+
// Disable pointer events on header cells during resize
|
|
193
|
+
const headerCells = headerRef.value?.querySelectorAll(".vc-table-columns-header__cell");
|
|
194
|
+
headerCells?.forEach((cell) => {
|
|
195
|
+
(cell as HTMLElement).style.pointerEvents = "none";
|
|
196
|
+
});
|
|
197
|
+
|
|
198
|
+
// Re-enable pointer events on resizers
|
|
199
|
+
const resizers = headerRef.value?.querySelectorAll(".vc-table-columns-header__cell-resizer");
|
|
200
|
+
resizers?.forEach((resizer) => {
|
|
201
|
+
(resizer as HTMLElement).style.pointerEvents = "auto";
|
|
202
|
+
});
|
|
203
|
+
|
|
204
|
+
handleMouseDown(e, item);
|
|
205
|
+
|
|
206
|
+
// Re-enable pointer events after mouse up
|
|
207
|
+
const restorePointerEvents = () => {
|
|
208
|
+
headerCells?.forEach((cell) => {
|
|
209
|
+
(cell as HTMLElement).style.pointerEvents = "";
|
|
210
|
+
});
|
|
211
|
+
isResizing.value = false;
|
|
212
|
+
document.removeEventListener("mouseup", restorePointerEvents);
|
|
213
|
+
};
|
|
214
|
+
|
|
215
|
+
document.addEventListener("mouseup", restorePointerEvents);
|
|
216
|
+
};
|
|
170
217
|
</script>
|
|
171
218
|
|
|
172
219
|
<style lang="scss">
|
|
@@ -176,13 +223,13 @@ const { resizer, handleMouseDown } = useTableColumnResize(internalColumns, () =>
|
|
|
176
223
|
}
|
|
177
224
|
|
|
178
225
|
.vc-table-columns-header {
|
|
179
|
-
@apply tw-border-y tw-border-[color:var(--table-header-border-color)] tw-border-solid;
|
|
226
|
+
@apply tw-border-y tw-border-[color:var(--table-header-border-color)] tw-border-solid tw-relative;
|
|
180
227
|
&__row {
|
|
181
|
-
@apply tw-flex tw-flex-row [box-shadow:var(--table-header-border)] tw-bg-[--table-header-bg];
|
|
228
|
+
@apply tw-flex tw-flex-row [box-shadow:var(--table-header-border)] tw-bg-[--table-header-bg] tw-overflow-x-hidden;
|
|
182
229
|
}
|
|
183
230
|
|
|
184
231
|
&__checkbox {
|
|
185
|
-
@apply tw-
|
|
232
|
+
@apply tw-w-[36px] tw-max-w-[36px] tw-min-w-[36px] tw-relative tw-flex tw-items-center tw-justify-center tw-bg-[--table-header-bg] tw-box-border tw-sticky tw-top-0 tw-select-none tw-overflow-hidden tw-z-[1];
|
|
186
233
|
}
|
|
187
234
|
|
|
188
235
|
&__checkbox-content {
|
|
@@ -194,7 +241,16 @@ const { resizer, handleMouseDown } = useTableColumnResize(internalColumns, () =>
|
|
|
194
241
|
}
|
|
195
242
|
|
|
196
243
|
&__cell {
|
|
197
|
-
@apply tw-flex
|
|
244
|
+
@apply tw-flex tw-items-center tw-h-[var(--table-header-height)] tw-bg-[--table-header-bg] tw-box-border tw-sticky tw-top-0 tw-select-none tw-z-[1] tw-relative tw-flex-1;
|
|
245
|
+
overflow: hidden;
|
|
246
|
+
|
|
247
|
+
&--last {
|
|
248
|
+
overflow: visible;
|
|
249
|
+
}
|
|
250
|
+
|
|
251
|
+
&--fixed-width {
|
|
252
|
+
@apply tw-flex-1;
|
|
253
|
+
}
|
|
198
254
|
|
|
199
255
|
&--sortable {
|
|
200
256
|
@apply tw-cursor-pointer;
|
|
@@ -228,19 +284,33 @@ const { resizer, handleMouseDown } = useTableColumnResize(internalColumns, () =>
|
|
|
228
284
|
}
|
|
229
285
|
|
|
230
286
|
&__cell-resizer {
|
|
231
|
-
@apply tw-w-
|
|
287
|
+
@apply tw-w-1 tw-border-r tw-border-[--table-resizer-color] tw-border-solid tw-h-full tw-absolute tw-right-0 tw-flex tw-justify-end tw-z-10;
|
|
288
|
+
|
|
289
|
+
&::before {
|
|
290
|
+
content: "";
|
|
291
|
+
@apply tw-absolute tw-right-0 tw-w-[9px] tw-h-full tw-cursor-col-resize tw-z-10;
|
|
292
|
+
}
|
|
232
293
|
|
|
233
294
|
&--cursor {
|
|
234
295
|
@apply tw-cursor-col-resize;
|
|
235
296
|
}
|
|
297
|
+
|
|
298
|
+
&--last {
|
|
299
|
+
@apply tw-z-[100];
|
|
300
|
+
}
|
|
236
301
|
}
|
|
237
302
|
|
|
238
303
|
&__column-switcher {
|
|
239
|
-
@apply tw-absolute tw-
|
|
304
|
+
@apply tw-absolute tw-z-10 tw-right-0 tw-top-[11px] tw-flex tw-items-center tw-pointer-events-none;
|
|
305
|
+
|
|
306
|
+
> * {
|
|
307
|
+
@apply tw-pointer-events-auto;
|
|
308
|
+
}
|
|
240
309
|
}
|
|
241
310
|
|
|
242
311
|
&__resizer {
|
|
243
312
|
@apply tw-w-px tw-absolute tw-z-10 tw-hidden tw-h-full tw-bg-[--table-resizer-color] tw-cursor-col-resize;
|
|
313
|
+
max-width: 100%;
|
|
244
314
|
}
|
|
245
315
|
|
|
246
316
|
&__reorder-ref {
|
|
@@ -42,8 +42,8 @@
|
|
|
42
42
|
:id="`${(item && typeof item === 'object' && 'id' in item && item.id) || index}_${cell.id}`"
|
|
43
43
|
:key="`${(item && typeof item === 'object' && 'id' in item && item.id) || index}_${cell.id}`"
|
|
44
44
|
class="vc-table-row__cell"
|
|
45
|
-
:class="[cell.class]"
|
|
46
|
-
:style="{ maxWidth: cell.width, width: cell.width }"
|
|
45
|
+
:class="[cell.class, { 'vc-table-row__cell--fixed-width': !!cell.width }]"
|
|
46
|
+
:style="cell.width ? { maxWidth: cell.width, width: cell.width, flex: '0 1 auto', minWidth: '60px' } : { flex: '1 1 0', minWidth: '60px' }"
|
|
47
47
|
>
|
|
48
48
|
<div class="vc-table-row__cell-content">
|
|
49
49
|
<slot
|
|
@@ -144,7 +144,7 @@ defineEmits<{
|
|
|
144
144
|
|
|
145
145
|
<style lang="scss">
|
|
146
146
|
.vc-table-row {
|
|
147
|
-
@apply tw-flex tw-w-full tw-h-14 tw-min-h-14 tw-relative;
|
|
147
|
+
@apply tw-flex tw-w-full tw-h-14 tw-min-h-14 tw-relative tw-overflow-x-hidden;
|
|
148
148
|
|
|
149
149
|
&--odd {
|
|
150
150
|
@apply tw-bg-[--table-row-bg-odd];
|
|
@@ -167,7 +167,7 @@ defineEmits<{
|
|
|
167
167
|
}
|
|
168
168
|
|
|
169
169
|
&__checkbox {
|
|
170
|
-
@apply tw-w-[36px] tw-max-w-[36px] tw-min-w-[36px] tw-relative tw-flex
|
|
170
|
+
@apply tw-w-[36px] tw-max-w-[36px] tw-min-w-[36px] tw-relative tw-flex tw-items-center tw-justify-center;
|
|
171
171
|
}
|
|
172
172
|
|
|
173
173
|
&__checkbox-content {
|
|
@@ -179,7 +179,11 @@ defineEmits<{
|
|
|
179
179
|
}
|
|
180
180
|
|
|
181
181
|
&__cell {
|
|
182
|
-
@apply tw-box-border tw-overflow-hidden tw-px-3 tw-flex
|
|
182
|
+
@apply tw-box-border tw-overflow-hidden tw-px-3 tw-flex tw-items-center tw-relative tw-flex-1;
|
|
183
|
+
|
|
184
|
+
&--fixed-width {
|
|
185
|
+
@apply tw-flex-1;
|
|
186
|
+
}
|
|
183
187
|
}
|
|
184
188
|
|
|
185
189
|
&__cell-content {
|
|
@@ -172,7 +172,9 @@ export function useTableColumnReorder<T extends TableItem | string>(
|
|
|
172
172
|
from %= value.length;
|
|
173
173
|
}
|
|
174
174
|
|
|
175
|
-
|
|
175
|
+
// Store the item being moved with all its properties
|
|
176
|
+
const [movedItem] = value.splice(from, 1);
|
|
177
|
+
value.splice(to, 0, movedItem);
|
|
176
178
|
}
|
|
177
179
|
}
|
|
178
180
|
|
|
@@ -199,10 +201,10 @@ export function useTableColumnReorder<T extends TableItem | string>(
|
|
|
199
201
|
return;
|
|
200
202
|
}
|
|
201
203
|
|
|
202
|
-
const dragIndex = internalColumns.value.
|
|
203
|
-
const dropIndex = internalColumns.value.
|
|
204
|
+
const dragIndex = internalColumns.value.findIndex((col) => col.id === draggedColumn.value!.id);
|
|
205
|
+
const dropIndex = internalColumns.value.findIndex((col) => col.id === item.id);
|
|
204
206
|
|
|
205
|
-
let allowDrop = dragIndex !== dropIndex;
|
|
207
|
+
let allowDrop = dragIndex !== -1 && dropIndex !== -1 && dragIndex !== dropIndex;
|
|
206
208
|
|
|
207
209
|
if (
|
|
208
210
|
allowDrop &&
|