vue-efko-data-view 1.0.1 → 1.0.2

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 (9) hide show
  1. package/dist/data-view.cjs.js +7 -7
  2. package/dist/data-view.cjs.js.map +1 -1
  3. package/dist/data-view.es.js +1408 -1371
  4. package/dist/data-view.es.js.map +1 -1
  5. package/dist/dataview/DataView.vue.d.ts +2 -2
  6. package/dist/dataview/table/ui/table-cell/TableBodyCell.vue.d.ts +10 -0
  7. package/dist/index.d.ts +1 -0
  8. package/dist/style.css +1 -1
  9. package/package.json +5 -1
package/dist/dataview/DataView.vue.d.ts CHANGED
@@ -61,7 +61,7 @@ declare function __VLS_template(): {
61
61
  refs: {
62
62
  tagCloudContainer: HTMLDivElement;
63
63
  };
64
- rootEl: any;
64
+ rootEl: HTMLDivElement;
65
65
  };
66
66
  type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
67
67
  declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
@@ -102,7 +102,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
102
102
  useFilterModal: boolean;
103
103
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
104
104
  tagCloudContainer: HTMLDivElement;
105
- }, any>;
105
+ }, HTMLDivElement>;
106
106
  declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
107
107
  export default _default;
108
108
  type __VLS_WithTemplateSlots<T, S> = T & {
package/dist/dataview/table/ui/table-cell/TableBodyCell.vue.d.ts ADDED
@@ -0,0 +1,10 @@
1
+ import { CSSProperties } from 'vue';
2
+ import { ColumnConfig } from '../../interface/table.d';
3
+ type __VLS_Props = {
4
+ loading: boolean;
5
+ column: ColumnConfig;
6
+ record: Record<string, unknown>;
7
+ tagStyle?: CSSProperties;
8
+ };
9
+ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
10
+ export default _default;
package/dist/index.d.ts CHANGED
@@ -7,6 +7,7 @@ export { default as CardFiltersDrawer } from './dataview/card/CardFiltersDrawer.
7
7
  export { default as CardFiltersModal } from './dataview/card/CardFiltersModal.vue';
8
8
  export { default as LazyLoadTrigger } from './dataview/lazyload/LazyLoadTrigger.vue';
9
9
  export { default as LazyLoadContainer } from './dataview/lazyload/LazyLoadContainer.vue';
10
+ export { default as TableBodyCell } from './dataview/table/ui/table-cell/TableBodyCell.vue';
10
11
  export type { FilterValues } from './dataview/DataView.d';
11
12
  export type { ColumnConfig, FilterItem, FilterValue, Meta, SortPayload } from './dataview/table/interface/table.d';
12
13
  export type { TableRecord } from './dataview/card/TheCard.d';
package/dist/style.css CHANGED
@@ -1 +1 @@
1
- .tag-cloud[data-v-0e8e5dd7]{display:flex;flex-wrap:wrap}.filter-tag[data-v-0e8e5dd7]{padding:5px 10px;border-radius:10px;font-size:14px;font-weight:600;margin:4px}.data-card[data-v-65504714]{transition:box-shadow .18s ease-out,transform .18s ease-out}.data-card[data-v-65504714]:hover{transform:translateY(-2px);box-shadow:0 12px 30px #21252914}.data-card__header[data-v-65504714]{display:flex;align-items:center;min-height:32px}.data-card__body[data-v-65504714]{display:flex;flex-direction:column;gap:4px}.data-card__row[data-v-65504714]{display:flex;align-items:flex-start;gap:8px;padding:2px 0}.data-card__label[data-v-65504714]{flex:0 0 auto;font-weight:500;font-size:12px;color:#6c757d}.data-card__value[data-v-65504714]{flex:1 1 auto;font-size:13px;word-break:break-word}.data-card__footer[data-v-65504714]{display:flex;justify-content:flex-end;margin-top:12px}.card-grid[data-v-07cfb68f]{display:grid;gap:24px}.card-grid--row[data-v-07cfb68f]{grid-template-columns:minmax(0,1fr)}.card-grid--grid[data-v-07cfb68f]{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.filter-select[data-v-cfb3f123] .multiselect-placeholder{font-size:12px}span[data-v-35036cad],span[data-v-454326bc]{line-height:1}
1
+ @import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}:where(.efko-dataview) .visible{visibility:visible}:where(.efko-dataview) .fixed{position:fixed}:where(.efko-dataview) .mb-1{margin-bottom:.25rem}:where(.efko-dataview) .mb-2{margin-bottom:.5rem}:where(.efko-dataview) .mb-3{margin-bottom:.75rem}:where(.efko-dataview) .mb-4{margin-bottom:1rem}:where(.efko-dataview) .mr-1{margin-right:.25rem}:where(.efko-dataview) .mr-2{margin-right:.5rem}:where(.efko-dataview) .mt-2{margin-top:.5rem}:where(.efko-dataview) .mt-4{margin-top:1rem}:where(.efko-dataview) .block{display:block}:where(.efko-dataview) .inline-block{display:inline-block}:where(.efko-dataview) .flex{display:flex}:where(.efko-dataview) .table{display:table}:where(.efko-dataview) .grid{display:grid}:where(.efko-dataview) .w-full{width:100%}:where(.efko-dataview) .transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}:where(.efko-dataview) .flex-col{flex-direction:column}:where(.efko-dataview) .flex-wrap{flex-wrap:wrap}:where(.efko-dataview) .items-center{align-items:center}:where(.efko-dataview) .justify-center{justify-content:center}:where(.efko-dataview) .justify-between{justify-content:space-between}:where(.efko-dataview) .gap-1{gap:.25rem}:where(.efko-dataview) .gap-2{gap:.5rem}:where(.efko-dataview) .gap-4{gap:1rem}:where(.efko-dataview) .border{border-width:1px}:where(.efko-dataview) .bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}:where(.efko-dataview) .p-2{padding:.5rem}:where(.efko-dataview) .py-5{padding-top:1.25rem;padding-bottom:1.25rem}:where(.efko-dataview) .text-right{text-align:right}:where(.efko-dataview) .text-base{font-size:1rem;line-height:1.5rem}:where(.efko-dataview) .text-lg{font-size:1.125rem;line-height:1.75rem}:where(.efko-dataview) .text-sm{font-size:.875rem;line-height:1.25rem}:where(.efko-dataview) .font-bold{font-weight:700}:where(.efko-dataview) .font-medium{font-weight:500}:where(.efko-dataview) .shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}:where(.efko-dataview) .filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}:where(.efko-dataview) .transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.efko-dataview,.efko-dataview *{font-family:Montserrat,sans-serif;font-optical-sizing:auto;font-style:normal}.efko-dataview .ant-btn-icon-only,.efko-dataview .ant-input-search-button{display:flex;align-items:center;justify-content:center}.efko-dataview .ant-skeleton-input{width:100%!important;min-width:100%!important;max-width:100%!important}.efko-dataview .ant-layout-footer{padding:0!important}.efko-dataview .ant-form-item-required:before{display:none!important}.efko-dataview .ant-form-item-required:after{display:inline-block!important;margin-inline-end:4px!important;color:#ff4d4f!important;font-size:14px!important;font-family:SimSun,sans-serif!important;line-height:1!important;content:"*"!important}.efko-dataview ::-webkit-scrollbar{width:12px}.efko-dataview ::-webkit-scrollbar-track{background:#f0f0f0;border-radius:10px}.efko-dataview ::-webkit-scrollbar-thumb{background-color:#888;border-radius:10px;border:3px solid #f0f0f0}.efko-dataview ::-webkit-scrollbar-thumb:hover{background-color:#555}.efko-dataview .multiselect-tag,.efko-dataview .multiselect-option.is-selected,.efko-dataview .multiselect-option.is-selected.is-pointed{background:var(--color-main-bg);color:var(--color-menu-selected)}.efko-dataview .multiselect,.efko-dataview .multiselect-search{border-radius:6px}.efko-dataview .multiselect.is-active{box-shadow:none;border-radius:6px;border:var(--color-primary) 1px solid!important}.efko-dataview .multiselect:hover{border:var(--color-primary) 1px solid!important;border-radius:6px;transition:all .5s}.efko-dataview .multiselect,.efko-dataview .multiselect-wrapper{min-height:30px}.efko-dataview .ant-btn.ant-btn-primary{display:inline-flex;align-items:center;justify-content:center}.efko-dataview .multiselect-multiple-label,.efko-dataview .multiselect-placeholder,.efko-dataview .multiselect-single-label,.efko-dataview .multiselect input,.efko-dataview .multiselect-option,.efko-dataview .multiselect-no-options{font-weight:400;font-size:14px}.efko-dataview .multiselect-placeholder{font-weight:400;font-size:14px;color:#bfbfbf}.efko-dataview .multiselect-dropdown{bottom:-8px;border:none;border-radius:9px;box-shadow:0 6px 16px #00000014,0 3px 6px -4px #0000001f,0 9px 28px 8px #0000000d;padding:4px;overflow-y:auto;box-sizing:content-box}.efko-dataview .multiselect-dropdown:hover{cursor:default}.efko-dataview .multiselect{border-color:#d9d9d9}.efko-dataview .multiselect-no-options{text-align:center}.efko-dataview .multiselect-caret{background:no-repeat center/contain;mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="64 64 896 896"><path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path></svg>');-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="64 64 896 896"><path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path></svg>');background-color:#bababa}.efko-dataview .multiselect-clear-icon{background:no-repeat center/contain;mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="64 64 896 896"><path d="M512 64c247.4 0 448 200.6 448 448S759.4 960 512 960 64 759.4 64 512 264.6 64 512 64zm127.98 274.82h-.04l-.08.06L512 466.75 384.14 338.88c-.04-.05-.06-.06-.08-.06a.12.12 0 00-.07 0c-.03 0-.05.01-.09.05l-45.02 45.02a.2.2 0 00-.05.09.12.12 0 000 .07v.02a.27.27 0 00.06.06L466.75 512 338.88 639.86c-.05.04-.06.06-.06.08a.12.12 0 000 .07c0 .03.01.05.05.09l45.02 45.02a.2.2 0 00.09.05.12.12 0 00.07 0c.02 0 .04-.01.08-.05L512 557.25l127.86 127.87c.04.04.06.05.08.05a.12.12 0 00.07 0c.03 0 .05-.01.09-.05l45.02-45.02a.2.2 0 00.05-.09.12.12 0 000-.07v-.02a.27.27 0 00-.05-.06L557.25 512l127.87-127.86c.04-.04.05-.06.05-.08a.12.12 0 000-.07c0-.03-.01-.05-.05-.09l-45.02-45.02a.2.2 0 00-.09-.05.12.12 0 00-.07 0z"></path></svg>');-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="64 64 896 896"><path d="M512 64c247.4 0 448 200.6 448 448S759.4 960 512 960 64 759.4 64 512 264.6 64 512 64zm127.98 274.82h-.04l-.08.06L512 466.75 384.14 338.88c-.04-.05-.06-.06-.08-.06a.12.12 0 00-.07 0c-.03 0-.05.01-.09.05l-45.02 45.02a.2.2 0 00-.05.09.12.12 0 000 .07v.02a.27.27 0 00.06.06L466.75 512 338.88 639.86c-.05.04-.06.06-.06.08a.12.12 0 000 .07c0 .03.01.05.05.09l45.02 45.02a.2.2 0 00.09.05.12.12 0 00.07 0c.02 0 .04-.01.08-.05L512 557.25l127.86 127.87c.04.04.06.05.08.05a.12.12 0 00.07 0c.03 0 .05-.01.09-.05l45.02-45.02a.2.2 0 00.05-.09.12.12 0 000-.07v-.02a.27.27 0 00-.05-.06L557.25 512l127.87-127.86c.04-.04.05-.06.05-.08a.12.12 0 000-.07c0-.03-.01-.05-.05-.09l-45.02-45.02a.2.2 0 00-.09-.05.12.12 0 00-.07 0z"></path></svg>');background-color:#bababa}.efko-dataview .ant-select-tree-treenode.ant-select-tree-treenode-switcher-open{width:100%}.efko-dataview .multiselect-option.is-pointed{border-radius:4px}.tag-cloud[data-v-39962791]{display:flex;flex-wrap:wrap}.filter-tag[data-v-39962791]{padding:5px 10px;border-radius:10px;font-size:14px;font-weight:600;margin:4px}.data-card[data-v-c6be2770]{transition:box-shadow .18s ease-out,transform .18s ease-out}.data-card[data-v-c6be2770]:hover{transform:translateY(-2px);box-shadow:0 12px 30px #21252914}.data-card__header[data-v-c6be2770]{display:flex;align-items:center;min-height:32px}.data-card__body[data-v-c6be2770]{display:flex;flex-direction:column;gap:4px}.data-card__row[data-v-c6be2770]{display:flex;align-items:flex-start;gap:8px;padding:2px 0}.data-card__label[data-v-c6be2770]{flex:0 0 auto;font-weight:500;font-size:12px;color:#6c757d}.data-card__value[data-v-c6be2770]{flex:1 1 auto;font-size:13px;word-break:break-word}.data-card__footer[data-v-c6be2770]{display:flex;justify-content:flex-end;margin-top:12px}.card-grid[data-v-e3e3f0a2]{display:grid;gap:24px}.card-grid--row[data-v-e3e3f0a2]{grid-template-columns:minmax(0,1fr)}.card-grid--grid[data-v-e3e3f0a2]{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.filter-select[data-v-cfb3f123] .multiselect-placeholder{font-size:12px}span[data-v-2b4aab81],span[data-v-f8bc496a]{line-height:1}
package/package.json CHANGED
@@ -1,10 +1,11 @@
1
1
  {
2
2
  "name": "vue-efko-data-view",
3
- "version": "1.0.1",
3
+ "version": "1.0.2",
4
4
  "description": "Reusable data view component with table and card modes.",
5
5
  "main": "dist/data-view.cjs.js",
6
6
  "module": "dist/data-view.es.js",
7
7
  "types": "dist/index.d.ts",
8
+ "style": "dist/style.css",
8
9
  "publishConfig": {
9
10
  "access": "public",
10
11
  "registry": "https://registry.npmjs.org/"
@@ -33,6 +34,9 @@
33
34
  "@types/lodash": "^4.14.202",
34
35
  "@types/node": "^22.10.1",
35
36
  "@vitejs/plugin-vue": "^5.0.0",
37
+ "autoprefixer": "^10.4.20",
38
+ "postcss": "^8.4.49",
39
+ "tailwindcss": "^3.4.17",
36
40
  "typescript": "^5.9.3",
37
41
  "vite": "^5.0.0",
38
42
  "vite-plugin-dts": "^4.0.0",