vue-efko-data-view 1.0.1 → 1.0.3

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 +4 -4
  2. package/dist/data-view.cjs.js.map +1 -1
  3. package/dist/data-view.es.js +1388 -1329
  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";: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-a32f7554]{display:flex;flex-wrap:wrap}.filter-tag[data-v-a32f7554]{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.3",
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",