@hbdlzy/ui-core 0.1.1 → 0.1.3

package/dist/style.css

@@ -1 +1 @@
-.base-card[data-v-6bfddf1c]{display:flex;flex-direction:column;min-width:0;min-height:0;padding:var(--base-card-padding);border:1px solid var(--base-card-border-color);background:var(--base-card-background-color);box-shadow:0 0 2px 0 var(--base-card-shadow-color);border-radius:var(--base-card-radius)}.base-card__header[data-v-6bfddf1c]{display:flex;align-items:center;justify-content:space-between;gap:var(--base-card-header-gap);margin-bottom:var(--base-card-header-margin-bottom);min-height:24px;flex-wrap:wrap}.base-card__header-left[data-v-6bfddf1c],.base-card__header-right[data-v-6bfddf1c]{display:flex;align-items:center;min-width:0;flex-wrap:wrap}.base-card__header-left[data-v-6bfddf1c]{flex:1 1 auto;gap:var(--base-card-left-gap)}.base-card__header-right[data-v-6bfddf1c]{flex:0 1 auto;justify-content:flex-end;gap:var(--base-card-right-gap)}.base-card__title-wrap[data-v-6bfddf1c]{display:flex;align-items:center;min-width:0}.base-card__title-marker[data-v-6bfddf1c]{width:var(--base-card-marker-width);height:var(--base-card-marker-height);background:var(--base-card-marker-color);border-radius:var(--base-card-marker-radius);margin-right:var(--base-card-marker-gap);flex:0 0 auto}.base-card__title[data-v-6bfddf1c]{margin:0;min-width:0;color:var(--base-card-title-color);font-size:var(--base-card-title-size);font-weight:var(--base-card-title-weight);line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.base-card__meta[data-v-6bfddf1c]{color:var(--base-card-meta-color);font-size:var(--base-card-meta-size);line-height:1.4}.base-card__export[data-v-6bfddf1c]{border:none;background:transparent;padding:0;color:var(--base-card-export-color);cursor:pointer;font-size:var(--base-card-meta-size);line-height:1.4}.base-card__export[data-v-6bfddf1c]:disabled{opacity:.5;cursor:not-allowed}.base-card__body[data-v-6bfddf1c]{display:flex;flex:1 1 auto;flex-direction:column;min-height:0}.base-card__tip[data-v-6bfddf1c]{flex:0 0 auto}.base-card__content[data-v-6bfddf1c]{flex:1 1 auto;min-height:0}.base-table[data-v-429ba785]{display:flex;flex-direction:column;height:100%;min-height:0}.base-table__toolbar[data-v-429ba785]{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px;min-height:32px;flex-wrap:wrap}.base-table__toolbar-left[data-v-429ba785]{flex:1 1 auto;min-width:0}.base-table__toolbar-right[data-v-429ba785]{flex:0 1 auto}.base-table__actions[data-v-429ba785]{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.base-table__link[data-v-429ba785]{padding:0;border:none;background:transparent;color:var(--el-color-primary);cursor:pointer}.base-table__text[data-v-429ba785]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.base-table__tags[data-v-429ba785]{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.base-table__image[data-v-429ba785]{border-radius:4px;overflow:hidden}.base-echart[data-v-51bc4772],.base-echart__inner[data-v-51bc4772]{width:100%;height:100%}
+.base-card[data-v-6bfddf1c]{display:flex;flex-direction:column;min-width:0;min-height:0;padding:var(--base-card-padding);border:1px solid var(--base-card-border-color);background:var(--base-card-background-color);box-shadow:0 0 2px 0 var(--base-card-shadow-color);border-radius:var(--base-card-radius)}.base-card__header[data-v-6bfddf1c]{display:flex;align-items:center;justify-content:space-between;gap:var(--base-card-header-gap);margin-bottom:var(--base-card-header-margin-bottom);min-height:24px;flex-wrap:wrap}.base-card__header-left[data-v-6bfddf1c],.base-card__header-right[data-v-6bfddf1c]{display:flex;align-items:center;min-width:0;flex-wrap:wrap}.base-card__header-left[data-v-6bfddf1c]{flex:1 1 auto;gap:var(--base-card-left-gap)}.base-card__header-right[data-v-6bfddf1c]{flex:0 1 auto;justify-content:flex-end;gap:var(--base-card-right-gap)}.base-card__title-wrap[data-v-6bfddf1c]{display:flex;align-items:center;min-width:0}.base-card__title-marker[data-v-6bfddf1c]{width:var(--base-card-marker-width);height:var(--base-card-marker-height);background:var(--base-card-marker-color);border-radius:var(--base-card-marker-radius);margin-right:var(--base-card-marker-gap);flex:0 0 auto}.base-card__title[data-v-6bfddf1c]{margin:0;min-width:0;color:var(--base-card-title-color);font-size:var(--base-card-title-size);font-weight:var(--base-card-title-weight);line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.base-card__meta[data-v-6bfddf1c]{color:var(--base-card-meta-color);font-size:var(--base-card-meta-size);line-height:1.4}.base-card__export[data-v-6bfddf1c]{border:none;background:transparent;padding:0;color:var(--base-card-export-color);cursor:pointer;font-size:var(--base-card-meta-size);line-height:1.4}.base-card__export[data-v-6bfddf1c]:disabled{opacity:.5;cursor:not-allowed}.base-card__body[data-v-6bfddf1c]{display:flex;flex:1 1 auto;flex-direction:column;min-height:0}.base-card__tip[data-v-6bfddf1c]{flex:0 0 auto}.base-card__content[data-v-6bfddf1c]{flex:1 1 auto;min-height:0}.base-table[data-v-7ae8d382]{display:flex;flex-direction:column;height:100%;min-height:0}.base-table__toolbar[data-v-7ae8d382]{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px;min-height:32px;flex-wrap:wrap}.base-table__toolbar-left[data-v-7ae8d382]{flex:1 1 auto;min-width:0}.base-table__toolbar-right[data-v-7ae8d382]{flex:0 1 auto}.base-table__actions[data-v-7ae8d382]{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.base-table__header[data-v-7ae8d382]{display:flex;align-items:center;gap:6px;width:100%;min-width:0}.base-table__header-label[data-v-7ae8d382]{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.base-table__header-actions[data-v-7ae8d382]{display:flex;align-items:center;margin-left:auto;flex-shrink:0}.base-table__header-icon[data-v-7ae8d382]{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;border-radius:999px;background:transparent;color:var(--el-text-color-secondary);cursor:pointer;transition:color .2s ease,background-color .2s ease}.base-table__header-icon[data-v-7ae8d382]:hover,.base-table__header-icon.is-active[data-v-7ae8d382]{color:var(--el-color-primary);background:rgba(64,158,255,.12)}.base-table__header-icon-mark[data-v-7ae8d382]{position:relative;display:inline-block;width:14px;height:14px;box-sizing:border-box;border:2px solid currentColor;border-radius:999px}.base-table__header-icon-mark[data-v-7ae8d382]:after{content:"";position:absolute;right:-6px;bottom:-4px;width:7px;height:2px;border-radius:999px;background:currentColor;transform:rotate(45deg);transform-origin:center}.base-table__header-dropdown[data-v-7ae8d382]{display:inline-flex;align-items:center}.base-table__header-search-panel[data-v-7ae8d382]{display:flex;flex-direction:column;gap:12px;padding:8px}[data-v-7ae8d382] .base-table__header-search-menu{padding:0}[data-v-7ae8d382] .base-table__header-search-dropdown{padding:0;border-radius:12px}.base-table__header-search-footer[data-v-7ae8d382]{display:flex;align-items:center;justify-content:space-between}.base-table__link[data-v-7ae8d382]{padding:0;border:none;background:transparent;color:var(--el-color-primary);cursor:pointer}.base-table__text[data-v-7ae8d382]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.base-table__tags[data-v-7ae8d382]{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.base-table__image[data-v-7ae8d382]{border-radius:4px;overflow:hidden}.base-echart[data-v-51bc4772],.base-echart__inner[data-v-51bc4772]{width:100%;height:100%}.outlined-input[data-v-2bf89ccd]{position:relative}.outlined-input__label[data-v-2bf89ccd]{position:absolute;left:-2px;padding:2px 5px;border-radius:2px;background-color:#fff;font-size:12px;line-height:1;transition:color .2s cubic-bezier(0,0,.2,1),transform .2s cubic-bezier(0,0,.2,1);pointer-events:none}.outlined-input__label--floating[data-v-2bf89ccd]{top:18px;z-index:1;opacity:1;transform:translate(14px,-6px) scale(1);color:var(--el-color-primary)}.outlined-input__label--placeholder[data-v-2bf89ccd]{top:50%;left:1px;z-index:-1;opacity:0;transform:translate(14px,6px) scale(1)}.outlined-input__label--filled[data-v-2bf89ccd]{color:var(--el-text-color-regular)}.outlined-input__suffix-text[data-v-2bf89ccd]{white-space:nowrap}[data-v-2bf89ccd] .outlined-input--bordered .el-input__wrapper{box-shadow:none;border-radius:0;border-bottom:1px solid #cccccc}[data-v-2bf89ccd] .outlined-input--bordered .el-input__wrapper.is-focus{border-bottom-color:var(--el-color-primary)}[data-v-2bf89ccd] .outlined-input--bordered .el-textarea__inner{border-width:0 0 1px;border-radius:0;box-shadow:none}[data-v-2bf89ccd] .outlined-input--bordered .el-textarea__inner:focus{border-bottom-color:var(--el-color-primary)}[data-v-2bf89ccd] .outlined-input--textarea-default .el-textarea__inner{min-height:100px!important;max-height:180px}.outlined-select[data-v-7bd2b5f2]{position:relative}.outlined-select__label[data-v-7bd2b5f2]{position:absolute;left:-2px;padding:2px 5px;border-radius:2px;background-color:#fff;font-size:12px;line-height:1;transition:color .2s cubic-bezier(0,0,.2,1),transform .2s cubic-bezier(0,0,.2,1);pointer-events:none}.outlined-select__label--floating[data-v-7bd2b5f2]{top:18px;z-index:1;opacity:1;transform:translate(14px,-6px) scale(1);color:var(--el-color-primary)}.outlined-select__label--placeholder[data-v-7bd2b5f2]{top:50%;left:1px;z-index:-1;opacity:0;transform:translate(14px,6px) scale(1)}.outlined-select__label--filled[data-v-7bd2b5f2]{color:var(--el-text-color-regular)}[data-v-7bd2b5f2] .outlined-select__control.el-select{width:100%}[data-v-7bd2b5f2] .outlined-select__control .el-select__wrapper{min-height:inherit;height:inherit}[data-v-7bd2b5f2] .outlined-select__control .el-select__tags{padding-top:4px}[data-v-7bd2b5f2] .outlined-select__control .el-select__selection{min-height:inherit}[data-v-7bd2b5f2] .outlined-select--bordered .el-select__wrapper{box-shadow:none;border-radius:0;border-bottom:1px solid #cccccc}[data-v-7bd2b5f2] .outlined-select--bordered .el-select__wrapper.is-focused{border-bottom-color:var(--el-color-primary)}.outlined-date-picker[data-v-c95a293c]{position:relative}.outlined-date-picker__label[data-v-c95a293c]{position:absolute;left:-2px;padding:2px 5px;border-radius:2px;background-color:#fff;font-size:12px;line-height:1;transition:color .2s cubic-bezier(0,0,.2,1),transform .2s cubic-bezier(0,0,.2,1);pointer-events:none}.outlined-date-picker__label--floating[data-v-c95a293c]{top:18px;z-index:1;opacity:1;transform:translate(14px,-6px) scale(1);color:var(--el-color-primary)}.outlined-date-picker__label--placeholder[data-v-c95a293c]{top:50%;left:1px;z-index:-1;opacity:0;transform:translate(14px,6px) scale(1)}.outlined-date-picker__label--filled[data-v-c95a293c]{color:var(--el-text-color-regular)}[data-v-c95a293c] .outlined-date-picker__control.el-date-editor{width:100%}[data-v-c95a293c] .outlined-date-picker__control .el-input__wrapper{position:relative;min-height:inherit;height:inherit}[data-v-c95a293c] .outlined-date-picker__control .el-input__prefix{position:absolute;right:0}[data-v-c95a293c] .outlined-date-picker__control .el-input__suffix{position:absolute;right:30px}[data-v-c95a293c] .outlined-date-picker--bordered .el-input__wrapper{box-shadow:none;border-radius:0;border-bottom:1px solid #cccccc}[data-v-c95a293c] .outlined-date-picker--bordered .el-input__wrapper.is-focus{border-bottom-color:var(--el-color-primary)}.outlined-date-time-picker[data-v-f2fefd22]{display:flex;align-items:center;gap:8px}.outlined-date-time-picker__field[data-v-f2fefd22]{position:relative;flex:1}.outlined-date-time-picker__separator[data-v-f2fefd22]{flex:0 0 auto;color:var(--el-text-color-regular)}.outlined-date-time-picker__label[data-v-f2fefd22]{position:absolute;left:-2px;padding:2px 5px;border-radius:2px;background-color:#fff;font-size:12px;line-height:1;transition:color .2s cubic-bezier(0,0,.2,1),transform .2s cubic-bezier(0,0,.2,1);pointer-events:none}.outlined-date-time-picker__label--floating[data-v-f2fefd22]{top:18px;z-index:1;opacity:1;transform:translate(14px,-6px) scale(1);color:var(--el-color-primary)}.outlined-date-time-picker__label--placeholder[data-v-f2fefd22]{top:50%;left:1px;z-index:-1;opacity:0;transform:translate(14px,6px) scale(1)}.outlined-date-time-picker__label--filled[data-v-f2fefd22]{color:var(--el-text-color-regular)}[data-v-f2fefd22] .outlined-date-time-picker__control.el-date-editor{width:100%}[data-v-f2fefd22] .outlined-date-time-picker__control .el-input__wrapper{position:relative;min-height:inherit;height:inherit}[data-v-f2fefd22] .outlined-date-time-picker__control .el-input__prefix{position:absolute;right:0}[data-v-f2fefd22] .outlined-date-time-picker__control .el-input__suffix{position:absolute;right:30px}[data-v-f2fefd22] .outlined-date-time-picker__field--bordered .el-input__wrapper{box-shadow:none;border-radius:0;border-bottom:1px solid #cccccc}[data-v-f2fefd22] .outlined-date-time-picker__field--bordered .el-input__wrapper.is-focus{border-bottom-color:var(--el-color-primary)}.outlined-time-picker[data-v-6a467b88]{position:relative}.outlined-time-picker__label[data-v-6a467b88]{position:absolute;left:-2px;padding:2px 5px;border-radius:2px;background-color:#fff;font-size:12px;line-height:1;transition:color .2s cubic-bezier(0,0,.2,1),transform .2s cubic-bezier(0,0,.2,1);pointer-events:none}.outlined-time-picker__label--floating[data-v-6a467b88]{top:18px;z-index:1;opacity:1;transform:translate(14px,-6px) scale(1);color:var(--el-color-primary)}.outlined-time-picker__label--placeholder[data-v-6a467b88]{top:50%;left:1px;z-index:-1;opacity:0;transform:translate(14px,6px) scale(1)}.outlined-time-picker__label--filled[data-v-6a467b88]{color:var(--el-text-color-regular)}[data-v-6a467b88] .outlined-time-picker__control.el-date-editor{width:100%}[data-v-6a467b88] .outlined-time-picker__control .el-input__wrapper{position:relative;min-height:inherit;height:inherit}[data-v-6a467b88] .outlined-time-picker__control .el-input__prefix{position:absolute;right:0}[data-v-6a467b88] .outlined-time-picker__control .el-input__suffix{position:absolute;right:30px}[data-v-6a467b88] .outlined-time-picker--bordered .el-input__wrapper{box-shadow:none;border-radius:0;border-bottom:1px solid #cccccc}[data-v-6a467b88] .outlined-time-picker--bordered .el-input__wrapper.is-focus{border-bottom-color:var(--el-color-primary)}.outlined-cascader[data-v-2c93c0e4]{position:relative}.outlined-cascader__label[data-v-2c93c0e4]{position:absolute;left:-2px;padding:2px 5px;border-radius:2px;background-color:#fff;font-size:12px;line-height:1;transition:color .2s cubic-bezier(0,0,.2,1),transform .2s cubic-bezier(0,0,.2,1);pointer-events:none}.outlined-cascader__label--floating[data-v-2c93c0e4]{top:18px;z-index:1;opacity:1;transform:translate(14px,-6px) scale(1);color:var(--el-color-primary)}.outlined-cascader__label--placeholder[data-v-2c93c0e4]{top:50%;left:1px;z-index:-1;opacity:0;transform:translate(14px,6px) scale(1)}.outlined-cascader__label--filled[data-v-2c93c0e4]{color:var(--el-text-color-regular)}[data-v-2c93c0e4] .outlined-cascader__control .el-input{height:100%}[data-v-2c93c0e4] .outlined-cascader--bordered .el-input__wrapper{box-shadow:none;border-radius:0;border-bottom:1px solid #cccccc}[data-v-2c93c0e4] .outlined-cascader--bordered .el-input__wrapper.is-focus{border-bottom-color:var(--el-color-primary)}.outlined-tree-select[data-v-8403e6ea]{position:relative}.outlined-tree-select__label[data-v-8403e6ea]{position:absolute;left:-2px;padding:2px 5px;border-radius:2px;background-color:#fff;font-size:12px;line-height:1;transition:color .2s cubic-bezier(0,0,.2,1),transform .2s cubic-bezier(0,0,.2,1);pointer-events:none}.outlined-tree-select__label--floating[data-v-8403e6ea]{top:18px;z-index:1;opacity:1;transform:translate(14px,-6px) scale(1);color:var(--el-color-primary)}.outlined-tree-select__label--placeholder[data-v-8403e6ea]{top:50%;left:1px;z-index:-1;opacity:0;transform:translate(14px,6px) scale(1)}.outlined-tree-select__label--filled[data-v-8403e6ea]{color:var(--el-text-color-regular)}[data-v-8403e6ea] .outlined-tree-select__control.el-select{width:100%}[data-v-8403e6ea] .outlined-tree-select__control .el-select__wrapper{min-height:inherit;height:inherit}[data-v-8403e6ea] .outlined-tree-select__control .el-select__selection{min-height:inherit}[data-v-8403e6ea] .outlined-tree-select__control .el-select__tags{padding-top:4px}[data-v-8403e6ea] .outlined-tree-select--bordered .el-select__wrapper{box-shadow:none;border-radius:0;border-bottom:1px solid #cccccc}[data-v-8403e6ea] .outlined-tree-select--bordered .el-select__wrapper.is-focused{border-bottom-color:var(--el-color-primary)}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hbdlzy/ui-core",
-  "version": "0.1.1",
+  "version": "0.1.3",
   "description": "Company shared Vue UI core package.",
   "license": "MIT",
   "repository": {
@@ -10,12 +10,12 @@
   },
   "main": "dist/index.cjs",
   "module": "dist/index.js",
-  "types": "src/index.ts",
+  "types": "dist/index.d.ts",
   "exports": {
     ".": {
       "import": "./dist/index.js",
       "require": "./dist/index.cjs",
-      "types": "./src/index.ts"
+      "types": "./dist/index.d.ts"
     },
     "./components.manifest.json": "./components.manifest.json"
   },
@@ -30,6 +30,7 @@
     "vue": "^3.5.14"
   },
   "dependencies": {
+    "dayjs": "^1.11.13",
     "echarts": "^5.5.1",
     "exceljs": "^4.4.0",
     "file-saver": "2.0.5"
@@ -43,6 +44,7 @@
     "registry": "https://registry.npmjs.org/"
   },
   "scripts": {
-    "build": "vite build"
+    "build": "vite build && pnpm run build:types",
+    "build:types": "vue-tsc -p tsconfig.build.json --declaration --emitDeclarationOnly"
   }
 }

package/src/components/BaseCard/BaseCard.types.d.ts

@@ -0,0 +1,36 @@
+export type BaseCardCssValue = string | number;
+export interface BaseCardDefaultExportPayload {
+    title?: string;
+    metaText?: string;
+}
+export interface BaseCardProps {
+    title?: string;
+    metaText?: string;
+    showHeader?: boolean;
+    showRight?: boolean;
+    showTitleMarker?: boolean;
+    showExport?: boolean;
+    exportText?: string;
+    exportDisabled?: boolean;
+    exportPayload?: unknown;
+    padding?: BaseCardCssValue;
+    radius?: BaseCardCssValue;
+    borderColor?: string;
+    backgroundColor?: string;
+    shadowColor?: string;
+    headerGap?: BaseCardCssValue;
+    headerMarginBottom?: BaseCardCssValue;
+    leftGap?: BaseCardCssValue;
+    rightGap?: BaseCardCssValue;
+    titleColor?: string;
+    titleSize?: BaseCardCssValue;
+    titleWeight?: string | number;
+    markerColor?: string;
+    markerWidth?: BaseCardCssValue;
+    markerHeight?: BaseCardCssValue;
+    markerRadius?: BaseCardCssValue;
+    markerGap?: BaseCardCssValue;
+    metaColor?: string;
+    metaSize?: BaseCardCssValue;
+    exportColor?: string;
+}

package/src/components/BaseCard/BaseCard.vue.d.ts

@@ -0,0 +1,122 @@
+import type { BaseCardCssValue, BaseCardProps } from './BaseCard.types';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<BaseCardProps>, {
+    title: string;
+    metaText: string;
+    showHeader: boolean;
+    showRight: boolean;
+    showTitleMarker: boolean;
+    showExport: boolean;
+    exportText: string;
+    exportDisabled: boolean;
+    padding: number;
+    radius: number;
+    borderColor: string;
+    backgroundColor: string;
+    shadowColor: string;
+    headerGap: number;
+    headerMarginBottom: number;
+    leftGap: number;
+    rightGap: number;
+    titleColor: string;
+    titleSize: number;
+    titleWeight: number;
+    markerColor: string;
+    markerWidth: number;
+    markerHeight: number;
+    markerRadius: string;
+    markerGap: number;
+    metaColor: string;
+    metaSize: number;
+    exportColor: string;
+}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    export: (payload?: unknown) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<BaseCardProps>, {
+    title: string;
+    metaText: string;
+    showHeader: boolean;
+    showRight: boolean;
+    showTitleMarker: boolean;
+    showExport: boolean;
+    exportText: string;
+    exportDisabled: boolean;
+    padding: number;
+    radius: number;
+    borderColor: string;
+    backgroundColor: string;
+    shadowColor: string;
+    headerGap: number;
+    headerMarginBottom: number;
+    leftGap: number;
+    rightGap: number;
+    titleColor: string;
+    titleSize: number;
+    titleWeight: number;
+    markerColor: string;
+    markerWidth: number;
+    markerHeight: number;
+    markerRadius: string;
+    markerGap: number;
+    metaColor: string;
+    metaSize: number;
+    exportColor: string;
+}>>> & Readonly<{
+    onExport?: ((payload?: unknown) => any) | undefined;
+}>, {
+    title: string;
+    metaText: string;
+    showHeader: boolean;
+    showRight: boolean;
+    showTitleMarker: boolean;
+    showExport: boolean;
+    exportText: string;
+    exportDisabled: boolean;
+    padding: BaseCardCssValue;
+    radius: BaseCardCssValue;
+    borderColor: string;
+    backgroundColor: string;
+    shadowColor: string;
+    headerGap: BaseCardCssValue;
+    headerMarginBottom: BaseCardCssValue;
+    leftGap: BaseCardCssValue;
+    rightGap: BaseCardCssValue;
+    titleColor: string;
+    titleSize: BaseCardCssValue;
+    titleWeight: string | number;
+    markerColor: string;
+    markerWidth: BaseCardCssValue;
+    markerHeight: BaseCardCssValue;
+    markerRadius: BaseCardCssValue;
+    markerGap: BaseCardCssValue;
+    metaColor: string;
+    metaSize: BaseCardCssValue;
+    exportColor: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
+    "title-label"?(_: {}): any;
+    title?(_: {}): any;
+    "header-right"?(_: {}): any;
+    tip?(_: {}): any;
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/src/components/BaseCard/index.d.ts

@@ -0,0 +1,3 @@
+import BaseCard from './BaseCard.vue';
+export default BaseCard;
+export type { BaseCardCssValue, BaseCardDefaultExportPayload, BaseCardProps } from './BaseCard.types';

package/src/components/BaseEChart/BaseEChart.types.d.ts

@@ -0,0 +1,26 @@
+import type { EChartInitOptions, EChartInstance, EChartLoadingOptions, EChartOption, EChartResizeOptions, EChartSetOptionOptions } from '../../echarts';
+export interface BaseEChartProps {
+    option?: EChartOption;
+    theme?: string | Record<string, unknown>;
+    initOptions?: EChartInitOptions;
+    setOptionOptions?: boolean | EChartSetOptionOptions;
+    loading?: boolean;
+    loadingOptions?: EChartLoadingOptions;
+    autoResize?: boolean;
+    useDefaultColors?: boolean;
+    colorStorageKey?: string;
+    defaultColors?: string[];
+    group?: string;
+}
+export interface BaseEChartExpose {
+    getInstance: () => EChartInstance | null;
+    setOption: (option: EChartOption, setOptionOptions?: boolean | EChartSetOptionOptions) => EChartInstance | null;
+    resize: (resizeOptions?: EChartResizeOptions) => void;
+    dispatchAction: (payload: Record<string, unknown>) => void;
+    showLoading: (type?: string, loadingOptions?: EChartLoadingOptions) => void;
+    hideLoading: () => void;
+    clear: () => void;
+    dispose: () => void;
+    on: (eventName: string, handler: (...args: any[]) => void, context?: unknown) => void;
+    off: (eventName?: string, handler?: (...args: any[]) => void) => void;
+}

package/src/components/BaseEChart/BaseEChart.vue.d.ts

@@ -0,0 +1,66 @@
+import { echarts } from '../../echarts';
+import type { BaseEChartProps } from './BaseEChart.types';
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<BaseEChartProps>, {
+    option: () => {};
+    initOptions: () => echarts.EChartsInitOpts;
+    setOptionOptions: () => echarts.SetOptionOpts;
+    loading: boolean;
+    autoResize: boolean;
+    useDefaultColors: boolean;
+    colorStorageKey: string;
+    defaultColors: () => never[];
+    group: undefined;
+}>>, {
+    getInstance: () => echarts.ECharts | null;
+    setOption: (option: echarts.EChartsOption, setOptionOptions?: boolean | echarts.SetOptionOpts | undefined) => echarts.ECharts | null;
+    resize: (resizeOptions?: echarts.ResizeOpts | undefined) => void;
+    dispatchAction: (payload: Record<string, unknown>) => void;
+    showLoading: (type?: string | undefined, loadingOptions?: object | undefined) => void;
+    hideLoading: () => void;
+    clear: () => void;
+    dispose: () => void;
+    on: (eventName: string, handler: (...args: any[]) => void, context?: unknown) => void;
+    off: (eventName?: string | undefined, handler?: ((...args: any[]) => void) | undefined) => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    ready: (chart: echarts.ECharts) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<BaseEChartProps>, {
+    option: () => {};
+    initOptions: () => echarts.EChartsInitOpts;
+    setOptionOptions: () => echarts.SetOptionOpts;
+    loading: boolean;
+    autoResize: boolean;
+    useDefaultColors: boolean;
+    colorStorageKey: string;
+    defaultColors: () => never[];
+    group: undefined;
+}>>> & Readonly<{
+    onReady?: ((chart: echarts.ECharts) => any) | undefined;
+}>, {
+    option: echarts.EChartsOption;
+    loading: boolean;
+    initOptions: echarts.EChartsInitOpts;
+    setOptionOptions: boolean | echarts.SetOptionOpts;
+    autoResize: boolean;
+    useDefaultColors: boolean;
+    colorStorageKey: string;
+    defaultColors: string[];
+    group: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/src/components/BaseEChart/index.d.ts

@@ -0,0 +1,3 @@
+import BaseEChart from './BaseEChart.vue';
+export default BaseEChart;
+export type { BaseEChartExpose, BaseEChartProps } from './BaseEChart.types';

package/src/components/BaseExportButton/BaseExportButton.types.d.ts

@@ -0,0 +1,21 @@
+import type { ExcelExportOptions } from '../../excel/exportExcel';
+export interface ExportResponseHeaders {
+    [key: string]: string | undefined;
+}
+export interface ExportResponseLike {
+    data: Blob | BlobPart | ArrayBuffer;
+    headers?: ExportResponseHeaders;
+}
+export type ExportRequestHandler = () => Promise<ExportResponseLike>;
+export type ExportMode = 'excel' | 'request' | 'none' | 'invalid';
+export type ExportBeforeHandler = () => boolean | void | Promise<boolean | void>;
+export interface ExportSuccessPayload {
+    mode: Exclude<ExportMode, 'none' | 'invalid'>;
+    fileName?: string;
+}
+export interface BaseExportExcelConfig<Row = Record<string, any>> {
+    excelOptions: ExcelExportOptions<Row>;
+}
+export interface BaseExportRequestConfig {
+    requestHandler: ExportRequestHandler;
+}

package/src/components/BaseExportButton/BaseExportButton.utils.d.ts

@@ -0,0 +1,4 @@
+import type { ExportResponseLike } from './BaseExportButton.types';
+export declare function extractFileNameFromDisposition(contentDisposition?: string): string;
+export declare function normalizeExportFileName(fileName?: string): string;
+export declare function downloadExportResponse(response: ExportResponseLike, fallbackFileName?: string): string;

package/src/components/BaseExportButton/BaseExportButton.vue.d.ts

@@ -0,0 +1,128 @@
+import type { PropType } from 'vue';
+import { type ExcelExportOptions } from '../../excel/exportExcel';
+import type { ExportBeforeHandler, ExportRequestHandler, ExportSuccessPayload } from './BaseExportButton.types';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    type: {
+        type: PropType<"" | "success" | "warning" | "info" | "danger" | "primary">;
+        default: string;
+    };
+    size: {
+        type: PropType<"default" | "small" | "large">;
+        default: string;
+    };
+    plain: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    link: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    text: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    fileName: {
+        type: StringConstructor;
+        default: string;
+    };
+    excelOptions: PropType<ExcelExportOptions<Record<string, any>>>;
+    requestHandler: PropType<ExportRequestHandler>;
+    beforeExport: PropType<ExportBeforeHandler>;
+    successMessage: {
+        type: StringConstructor;
+        default: string;
+    };
+    errorMessage: {
+        type: StringConstructor;
+        default: string;
+    };
+    autoMessage: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    start: () => void;
+    success: (payload: ExportSuccessPayload) => void;
+    error: (error: unknown) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    type: {
+        type: PropType<"" | "success" | "warning" | "info" | "danger" | "primary">;
+        default: string;
+    };
+    size: {
+        type: PropType<"default" | "small" | "large">;
+        default: string;
+    };
+    plain: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    link: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    text: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    fileName: {
+        type: StringConstructor;
+        default: string;
+    };
+    excelOptions: PropType<ExcelExportOptions<Record<string, any>>>;
+    requestHandler: PropType<ExportRequestHandler>;
+    beforeExport: PropType<ExportBeforeHandler>;
+    successMessage: {
+        type: StringConstructor;
+        default: string;
+    };
+    errorMessage: {
+        type: StringConstructor;
+        default: string;
+    };
+    autoMessage: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    onError?: ((error: unknown) => any) | undefined;
+    onSuccess?: ((payload: ExportSuccessPayload) => any) | undefined;
+    onStart?: (() => any) | undefined;
+}>, {
+    type: "" | "success" | "warning" | "info" | "danger" | "primary";
+    label: string;
+    link: boolean;
+    text: boolean;
+    disabled: boolean;
+    size: "default" | "small" | "large";
+    fileName: string;
+    plain: boolean;
+    successMessage: string;
+    errorMessage: string;
+    autoMessage: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/src/components/BaseExportButton/index.d.ts

@@ -0,0 +1,5 @@
+import BaseExportButton from './BaseExportButton.vue';
+export { BaseExportButton };
+export { downloadExportResponse, extractFileNameFromDisposition, normalizeExportFileName } from './BaseExportButton.utils';
+export type { BaseExportExcelConfig, BaseExportRequestConfig, ExportBeforeHandler, ExportMode, ExportRequestHandler, ExportResponseHeaders, ExportResponseLike, ExportSuccessPayload } from './BaseExportButton.types';
+export default BaseExportButton;

package/src/components/BaseTable/BaseTable.types.d.ts

@@ -0,0 +1,163 @@
+export type BaseTableCssValue = string | number;
+export type BaseTableAlign = 'left' | 'center' | 'right';
+export type BaseTableColumnKind = 'text' | 'link' | 'actions' | 'image' | 'tag' | 'html' | 'input';
+export type BaseTableSortOrder = 'ascending' | 'descending' | null;
+export type BaseTableSortDirection = string | null;
+export interface BaseTableHeaderSearchConfig {
+    paramKey?: string;
+    placeholder?: string;
+    width?: BaseTableCssValue;
+    searchText?: string;
+    resetText?: string;
+}
+export interface BaseTableOption {
+    label: string;
+    value: string | number | boolean;
+    tagType?: '' | 'success' | 'warning' | 'info' | 'danger' | 'primary';
+    color?: string;
+}
+export interface BaseTableAction<Row = Record<string, any>> {
+    label: string;
+    type: string;
+    buttonType?: '' | 'primary' | 'success' | 'warning' | 'info' | 'danger';
+    disabled?: boolean | ((row: Row) => boolean);
+    visible?: boolean | ((row: Row) => boolean);
+}
+export interface BaseTableColumn<Row = Record<string, any>> {
+    label: string;
+    prop?: keyof Row | string;
+    kind?: BaseTableColumnKind;
+    type?: string;
+    width?: BaseTableCssValue;
+    minWidth?: BaseTableCssValue;
+    align?: BaseTableAlign;
+    headerAlign?: BaseTableAlign;
+    fixed?: boolean | 'left' | 'right';
+    sortable?: boolean | 'custom';
+    sortField?: string;
+    headerSearch?: boolean | BaseTableHeaderSearchConfig;
+    showOverflowTooltip?: boolean;
+    className?: string;
+    headerClassName?: string;
+    actions?: BaseTableAction<Row>[];
+    clickable?: boolean;
+    options?: BaseTableOption[];
+    optionValueKey?: string;
+    optionLabelKey?: string;
+    optionTagTypeKey?: string;
+    emptyText?: string;
+    inputType?: string;
+    imageFit?: '' | 'fill' | 'contain' | 'cover' | 'none' | 'scale-down';
+    imageWidth?: BaseTableCssValue;
+    imageHeight?: BaseTableCssValue;
+    slotName?: string;
+    headerSlotName?: string;
+    formatter?: (row: Row, column: BaseTableColumn<Row>) => unknown;
+    html?: (row: Row, column: BaseTableColumn<Row>) => string;
+    clickHandler?: (row: Row, column: BaseTableColumn<Row>) => void;
+    inputHandler?: (value: string, row: Row, column: BaseTableColumn<Row>) => void;
+}
+export interface BaseTablePagination {
+    currentPage: number;
+    pageSize: number;
+    total: number;
+    pageSizes: number[];
+}
+export interface BaseTableRequestParams {
+    currentPage: number;
+    pageSize: number;
+    [key: string]: unknown;
+}
+export interface BaseTableSortState {
+    prop?: string;
+    order: BaseTableSortOrder;
+}
+export interface BaseTableSortOrderMap {
+    ascending: string;
+    descending: string;
+}
+export interface BaseTableRequestResult<Row = Record<string, any>> {
+    records?: Row[];
+    list?: Row[];
+    items?: Row[];
+    total?: number;
+    data?: {
+        records?: Row[];
+        list?: Row[];
+        items?: Row[];
+        total?: number;
+    };
+}
+export interface BaseTableNormalizedResult<Row = Record<string, any>> {
+    rows?: Row[];
+    total?: number;
+}
+export type BaseTableRequestHandler<Row = Record<string, any>> = (params: BaseTableRequestParams) => Promise<BaseTableRequestResult<Row> | Row[]>;
+export type BaseTableResultAdapter<Row = Record<string, any>> = (result: unknown, params: BaseTableRequestParams) => BaseTableNormalizedResult<Row>;
+export interface BaseTableProps<Row = Record<string, any>> {
+    columns: BaseTableColumn<Row>[];
+    data?: Row[];
+    request?: BaseTableRequestHandler<Row>;
+    requestParams?: Record<string, unknown>;
+    resultAdapter?: BaseTableResultAdapter<Row>;
+    autoLoad?: boolean;
+    reloadOnParamsChange?: boolean;
+    reloadOnSortChange?: boolean;
+    rowKey?: string;
+    height?: BaseTableCssValue;
+    border?: boolean;
+    stripe?: boolean;
+    showToolbar?: boolean;
+    showPagination?: boolean;
+    hasSelection?: boolean;
+    hasIndex?: boolean;
+    indexLabel?: string;
+    indexWidth?: BaseTableCssValue;
+    selectionWidth?: BaseTableCssValue;
+    rowSelectable?: (row: Row, index: number) => boolean;
+    pagination?: Partial<BaseTablePagination>;
+    currentPageKey?: string;
+    pageSizeKey?: string;
+    defaultSort?: BaseTableSortState;
+    sortFieldKey?: string;
+    sortOrderKey?: string;
+    sortOrderMap?: BaseTableSortOrderMap;
+    sortMapper?: (payload: BaseTableSortPayload<Row>) => Record<string, unknown> | void;
+    emptyText?: string;
+    loadingText?: string;
+}
+export interface BaseTableSortPayload<Row = Record<string, any>> {
+    column: BaseTableColumn<Row> | undefined;
+    prop?: string;
+    order: BaseTableSortOrder;
+    field?: string;
+    direction: BaseTableSortDirection;
+}
+export interface BaseTableRowActionPayload<Row = Record<string, any>> {
+    row: Row;
+    action: BaseTableAction<Row>;
+    column: BaseTableColumn<Row>;
+}
+export interface BaseTableCellPayload<Row = Record<string, any>> {
+    row: Row;
+    column: BaseTableColumn<Row>;
+    value: unknown;
+}
+export interface BaseTableLoadedPayload<Row = Record<string, any>> {
+    rows: Row[];
+    total: number;
+    params: BaseTableRequestParams;
+}
+export interface BaseTableExpose<Row = Record<string, any>> {
+    load: (data?: Row[]) => Promise<void>;
+    refresh: () => Promise<void>;
+    setData: (data: Row[]) => void;
+    resetPage: () => Promise<void>;
+    setHeaderSearchValue: (key: string, value: string, shouldReload?: boolean) => Promise<void>;
+    resetHeaderSearch: (key?: string) => Promise<void>;
+    getHeaderSearchValues: () => Record<string, string>;
+    clearSelection: () => void;
+    toggleRowSelection: (row: Row, selected?: boolean) => void;
+    getSelectionRows: () => Row[];
+    getRows: () => Row[];
+}