@hbdlzy/ui-core 0.1.3 → 0.1.5

package/dist/index.js

@@ -4,6 +4,173 @@ import { defineComponent, useSlots, computed, openBlock, createElementBlock, nor
 import { ElMessage } from "element-plus";
 import ExcelJS from "exceljs";
 import { saveAs } from "file-saver";
+const HBDL_RIPPLE_KEY = "__HBDL_UI_RIPPLE__";
+const RIPPLE_STYLE_ID = "hbdl-ui-ripple-style";
+const RIPPLE_HOST_CLASS = "hbdl-ripple-host";
+const RIPPLE_WAVE_CLASS = "hbdl-ripple__wave";
+const RIPPLE_TARGET_SELECTOR = [
+  "button",
+  '[role="button"]',
+  ".el-button",
+  ".el-radio-button__inner",
+  ".el-checkbox-button__inner"
+].join(",");
+const RIPPLE_DISABLED_SELECTOR = [
+  ":disabled",
+  "[disabled]",
+  '[aria-disabled="true"]',
+  ".is-disabled",
+  ".is-loading"
+].join(",");
+const RIPPLE_SKIP_SELECTOR = '[data-hbdl-ripple="false"]';
+const RIPPLE_STYLE = `
+.${RIPPLE_HOST_CLASS} {
+  overflow: hidden;
+  -webkit-tap-highlight-color: transparent;
+}
+
+.${RIPPLE_HOST_CLASS} > .${RIPPLE_WAVE_CLASS} {
+  position: absolute;
+  left: var(--hbdl-ripple-x);
+  top: var(--hbdl-ripple-y);
+  width: var(--hbdl-ripple-size);
+  height: var(--hbdl-ripple-size);
+  border-radius: 999px;
+  background: var(--hbdl-ripple-color, currentColor);
+  pointer-events: none;
+  opacity: 0;
+  transform: scale(0);
+  animation: hbdl-ripple-wave 560ms cubic-bezier(0.22, 1, 0.36, 1);
+}
+
+@keyframes hbdl-ripple-wave {
+  0% {
+    opacity: 0.22;
+    transform: scale(0);
+  }
+
+  55% {
+    opacity: 0.18;
+  }
+
+  100% {
+    opacity: 0;
+    transform: scale(1);
+  }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .${RIPPLE_HOST_CLASS} > .${RIPPLE_WAVE_CLASS} {
+    animation-duration: 1ms;
+  }
+}
+`;
+const noop = () => void 0;
+function installRipple() {
+  if (!canUseDOM()) {
+    return noop;
+  }
+  const rippleWindow = window;
+  if (rippleWindow[HBDL_RIPPLE_KEY]) {
+    return rippleWindow[HBDL_RIPPLE_KEY].teardown;
+  }
+  injectRippleStyle();
+  document.addEventListener("pointerdown", handlePointerDown, true);
+  document.addEventListener("keydown", handleKeyDown, true);
+  const teardown = () => {
+    document.removeEventListener("pointerdown", handlePointerDown, true);
+    document.removeEventListener("keydown", handleKeyDown, true);
+    delete rippleWindow[HBDL_RIPPLE_KEY];
+  };
+  rippleWindow[HBDL_RIPPLE_KEY] = {
+    teardown
+  };
+  return teardown;
+}
+function uninstallRipple() {
+  var _a;
+  if (!canUseDOM()) {
+    return;
+  }
+  const rippleWindow = window;
+  (_a = rippleWindow[HBDL_RIPPLE_KEY]) == null ? void 0 : _a.teardown();
+}
+function canUseDOM() {
+  return typeof window !== "undefined" && typeof document !== "undefined";
+}
+function injectRippleStyle() {
+  if (document.getElementById(RIPPLE_STYLE_ID)) {
+    return;
+  }
+  const style = document.createElement("style");
+  style.id = RIPPLE_STYLE_ID;
+  style.textContent = RIPPLE_STYLE;
+  document.head.appendChild(style);
+}
+function handlePointerDown(event) {
+  if (event.defaultPrevented || event.button !== 0) {
+    return;
+  }
+  const target = findRippleTarget(event.target);
+  if (!target) {
+    return;
+  }
+  createRipple(target, event.clientX, event.clientY);
+}
+function handleKeyDown(event) {
+  if (event.defaultPrevented || event.repeat || !isActivationKey(event.key)) {
+    return;
+  }
+  const target = findRippleTarget(event.target);
+  if (!target) {
+    return;
+  }
+  const rect = target.getBoundingClientRect();
+  createRipple(target, rect.left + rect.width / 2, rect.top + rect.height / 2);
+}
+function findRippleTarget(target) {
+  if (!(target instanceof Element)) {
+    return null;
+  }
+  const rippleTarget = target.closest(RIPPLE_TARGET_SELECTOR);
+  if (!(rippleTarget instanceof HTMLElement)) {
+    return null;
+  }
+  if (rippleTarget.closest(RIPPLE_SKIP_SELECTOR) || rippleTarget.closest(RIPPLE_DISABLED_SELECTOR)) {
+    return null;
+  }
+  return rippleTarget;
+}
+function createRipple(target, clientX, clientY) {
+  const rect = target.getBoundingClientRect();
+  if (rect.width <= 0 || rect.height <= 0) {
+    return;
+  }
+  const offsetX = clientX - rect.left;
+  const offsetY = clientY - rect.top;
+  const maxX = Math.max(offsetX, rect.width - offsetX);
+  const maxY = Math.max(offsetY, rect.height - offsetY);
+  const size = Math.ceil(Math.sqrt(maxX * maxX + maxY * maxY) * 2);
+  const ripple = document.createElement("span");
+  prepareRippleHost(target);
+  ripple.className = RIPPLE_WAVE_CLASS;
+  ripple.setAttribute("aria-hidden", "true");
+  ripple.style.setProperty("--hbdl-ripple-size", `${size}px`);
+  ripple.style.setProperty("--hbdl-ripple-x", `${offsetX - size / 2}px`);
+  ripple.style.setProperty("--hbdl-ripple-y", `${offsetY - size / 2}px`);
+  target.insertBefore(ripple, target.firstChild);
+  ripple.addEventListener("animationend", () => ripple.remove(), { once: true });
+  window.setTimeout(() => ripple.remove(), 700);
+}
+function prepareRippleHost(target) {
+  target.classList.add(RIPPLE_HOST_CLASS);
+  if (getComputedStyle(target).position === "static") {
+    target.style.position = "relative";
+  }
+}
+function isActivationKey(key) {
+  return key === "Enter" || key === " " || key === "Spacebar";
+}
 var BaseCard_vue_vue_type_style_index_0_scoped_true_lang = "";
 var _export_sfc = (sfc, props) => {
   const target = sfc.__vccOpts || sfc;
@@ -3573,4 +3740,5 @@ const _sfc_main = defineComponent({
   }
 });
 var OutlinedTreeSelect = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-8403e6ea"]]);
-export { BaseCard, BaseEChart, _sfc_main$7 as BaseExportButton, BaseTable, OutlinedCascader, OutlinedDatePicker, OutlinedDateTimePicker, OutlinedInput, OutlinedSelect, OutlinedTimePicker, OutlinedTreeSelect, downloadExportResponse, exportExcel, extractFileNameFromDisposition, normalizeExportFileName };
+installRipple();
+export { BaseCard, BaseEChart, _sfc_main$7 as BaseExportButton, BaseTable, OutlinedCascader, OutlinedDatePicker, OutlinedDateTimePicker, OutlinedInput, OutlinedSelect, OutlinedTimePicker, OutlinedTreeSelect, downloadExportResponse, exportExcel, extractFileNameFromDisposition, installRipple, normalizeExportFileName, uninstallRipple };

package/dist/ripple/index.d.ts

@@ -0,0 +1,2 @@
+export declare function installRipple(): () => void;
+export declare function uninstallRipple(): void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hbdlzy/ui-core",
-  "version": "0.1.3",
+  "version": "0.1.5",
   "description": "Company shared Vue UI core package.",
   "license": "MIT",
   "repository": {
@@ -37,7 +37,11 @@
   },
   "sideEffects": [
     "**/*.css",
-    "**/*.vue"
+    "**/*.vue",
+    "dist/index.js",
+    "dist/index.cjs",
+    "src/index.ts",
+    "src/ripple/index.ts"
   ],
   "publishConfig": {
     "access": "public",

package/src/index.ts

@@ -1,3 +1,7 @@
+import { installRipple } from './ripple'
+
+installRipple()
+
 export { echarts } from './echarts'
 export type {
   EChartInitOptions,
@@ -31,3 +35,4 @@ export { default as OutlinedTreeSelect } from './components/OutlinedTreeSelect'
 export * from './components/OutlinedTreeSelect'
 export { exportExcel } from './excel/exportExcel'
 export type { ExcelCellValue, ExcelExportColumn, ExcelExportOptions } from './excel/exportExcel'
+export { installRipple, uninstallRipple } from './ripple'

package/src/ripple/index.ts

@@ -0,0 +1,213 @@
+const HBDL_RIPPLE_KEY = '__HBDL_UI_RIPPLE__'
+const RIPPLE_STYLE_ID = 'hbdl-ui-ripple-style'
+const RIPPLE_HOST_CLASS = 'hbdl-ripple-host'
+const RIPPLE_WAVE_CLASS = 'hbdl-ripple__wave'
+
+const RIPPLE_TARGET_SELECTOR = [
+  'button',
+  '[role="button"]',
+  '.el-button',
+  '.el-radio-button__inner',
+  '.el-checkbox-button__inner'
+].join(',')
+
+const RIPPLE_DISABLED_SELECTOR = [
+  ':disabled',
+  '[disabled]',
+  '[aria-disabled="true"]',
+  '.is-disabled',
+  '.is-loading'
+].join(',')
+
+const RIPPLE_SKIP_SELECTOR = '[data-hbdl-ripple="false"]'
+
+const RIPPLE_STYLE = `
+.${RIPPLE_HOST_CLASS} {
+  overflow: hidden;
+  -webkit-tap-highlight-color: transparent;
+}
+
+.${RIPPLE_HOST_CLASS} > .${RIPPLE_WAVE_CLASS} {
+  position: absolute;
+  left: var(--hbdl-ripple-x);
+  top: var(--hbdl-ripple-y);
+  width: var(--hbdl-ripple-size);
+  height: var(--hbdl-ripple-size);
+  border-radius: 999px;
+  background: var(--hbdl-ripple-color, currentColor);
+  pointer-events: none;
+  opacity: 0;
+  transform: scale(0);
+  animation: hbdl-ripple-wave 560ms cubic-bezier(0.22, 1, 0.36, 1);
+}
+
+@keyframes hbdl-ripple-wave {
+  0% {
+    opacity: 0.22;
+    transform: scale(0);
+  }
+
+  55% {
+    opacity: 0.18;
+  }
+
+  100% {
+    opacity: 0;
+    transform: scale(1);
+  }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .${RIPPLE_HOST_CLASS} > .${RIPPLE_WAVE_CLASS} {
+    animation-duration: 1ms;
+  }
+}
+`
+
+interface RippleState {
+  teardown: () => void
+}
+
+type RippleWindow = Window & {
+  [HBDL_RIPPLE_KEY]?: RippleState
+}
+
+const noop = () => undefined
+
+export function installRipple() {
+  if (!canUseDOM()) {
+    return noop
+  }
+
+  const rippleWindow = window as RippleWindow
+
+  if (rippleWindow[HBDL_RIPPLE_KEY]) {
+    return rippleWindow[HBDL_RIPPLE_KEY].teardown
+  }
+
+  injectRippleStyle()
+
+  document.addEventListener('pointerdown', handlePointerDown, true)
+  document.addEventListener('keydown', handleKeyDown, true)
+
+  const teardown = () => {
+    document.removeEventListener('pointerdown', handlePointerDown, true)
+    document.removeEventListener('keydown', handleKeyDown, true)
+    delete rippleWindow[HBDL_RIPPLE_KEY]
+  }
+
+  rippleWindow[HBDL_RIPPLE_KEY] = {
+    teardown
+  }
+
+  return teardown
+}
+
+export function uninstallRipple() {
+  if (!canUseDOM()) {
+    return
+  }
+
+  const rippleWindow = window as RippleWindow
+  rippleWindow[HBDL_RIPPLE_KEY]?.teardown()
+}
+
+function canUseDOM() {
+  return typeof window !== 'undefined' && typeof document !== 'undefined'
+}
+
+function injectRippleStyle() {
+  if (document.getElementById(RIPPLE_STYLE_ID)) {
+    return
+  }
+
+  const style = document.createElement('style')
+  style.id = RIPPLE_STYLE_ID
+  style.textContent = RIPPLE_STYLE
+  document.head.appendChild(style)
+}
+
+function handlePointerDown(event: PointerEvent) {
+  if (event.defaultPrevented || event.button !== 0) {
+    return
+  }
+
+  const target = findRippleTarget(event.target)
+
+  if (!target) {
+    return
+  }
+
+  createRipple(target, event.clientX, event.clientY)
+}
+
+function handleKeyDown(event: KeyboardEvent) {
+  if (event.defaultPrevented || event.repeat || !isActivationKey(event.key)) {
+    return
+  }
+
+  const target = findRippleTarget(event.target)
+
+  if (!target) {
+    return
+  }
+
+  const rect = target.getBoundingClientRect()
+  createRipple(target, rect.left + rect.width / 2, rect.top + rect.height / 2)
+}
+
+function findRippleTarget(target: EventTarget | null) {
+  if (!(target instanceof Element)) {
+    return null
+  }
+
+  const rippleTarget = target.closest(RIPPLE_TARGET_SELECTOR)
+
+  if (!(rippleTarget instanceof HTMLElement)) {
+    return null
+  }
+
+  if (rippleTarget.closest(RIPPLE_SKIP_SELECTOR) || rippleTarget.closest(RIPPLE_DISABLED_SELECTOR)) {
+    return null
+  }
+
+  return rippleTarget
+}
+
+function createRipple(target: HTMLElement, clientX: number, clientY: number) {
+  const rect = target.getBoundingClientRect()
+
+  if (rect.width <= 0 || rect.height <= 0) {
+    return
+  }
+
+  const offsetX = clientX - rect.left
+  const offsetY = clientY - rect.top
+  const maxX = Math.max(offsetX, rect.width - offsetX)
+  const maxY = Math.max(offsetY, rect.height - offsetY)
+  const size = Math.ceil(Math.sqrt(maxX * maxX + maxY * maxY) * 2)
+  const ripple = document.createElement('span')
+
+  prepareRippleHost(target)
+  ripple.className = RIPPLE_WAVE_CLASS
+  ripple.setAttribute('aria-hidden', 'true')
+  ripple.style.setProperty('--hbdl-ripple-size', `${size}px`)
+  ripple.style.setProperty('--hbdl-ripple-x', `${offsetX - size / 2}px`)
+  ripple.style.setProperty('--hbdl-ripple-y', `${offsetY - size / 2}px`)
+
+  target.insertBefore(ripple, target.firstChild)
+  ripple.addEventListener('animationend', () => ripple.remove(), { once: true })
+  window.setTimeout(() => ripple.remove(), 700)
+}
+
+function prepareRippleHost(target: HTMLElement) {
+  target.classList.add(RIPPLE_HOST_CLASS)
+
+  if (getComputedStyle(target).position === 'static') {
+    target.style.position = 'relative'
+  }
+}
+
+function isActivationKey(key: string) {
+  return key === 'Enter' || key === ' ' || key === 'Spacebar'
+}

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

@@ -1,36 +0,0 @@
-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

@@ -1,122 +0,0 @@
-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

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

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

@@ -1,26 +0,0 @@
-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

@@ -1,66 +0,0 @@
-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

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