@hbdlzy/ui-core 0.1.6 → 0.1.8

package/dist/ripple/index.cjs

@@ -0,0 +1,42 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r="__HBDL_UI_RIPPLE__",f="hbdl-ui-ripple-style",l="hbdl-ripple-host",a="hbdl-ripple__wave",L=["button",'[role="button"]',".el-button",".el-radio-button__inner",".el-checkbox-button__inner"].join(","),P=[":disabled","[disabled]",'[aria-disabled="true"]',".is-disabled",".is-loading"].join(","),R='[data-hbdl-ripple="false"]',v=`
+.${l} {
+  overflow: hidden;
+  -webkit-tap-highlight-color: transparent;
+}
+
+.${l} > .${a} {
+  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) {
+  .${l} > .${a} {
+    animation-duration: 1ms;
+  }
+}
+`,S=()=>{};function b(e){if(!_())return S;const t=window;if(t[r])return t[r].teardown;I(),document.addEventListener("pointerdown",h,!0),document.addEventListener("keydown",m,!0);const n=()=>{document.removeEventListener("pointerdown",h,!0),document.removeEventListener("keydown",m,!0),delete t[r]};return t[r]={teardown:n},n}function g(){var t;if(!_())return;(t=window[r])==null||t.teardown()}const E={install:b};function _(){return typeof window!="undefined"&&typeof document!="undefined"}function I(){if(document.getElementById(f))return;const e=document.createElement("style");e.id=f,e.textContent=v,document.head.appendChild(e)}function h(e){if(e.defaultPrevented||e.button!==0)return;const t=w(e.target);!t||y(t,e.clientX,e.clientY)}function m(e){if(e.defaultPrevented||e.repeat||!x(e.key))return;const t=w(e.target);if(!t)return;const n=t.getBoundingClientRect();y(t,n.left+n.width/2,n.top+n.height/2)}function w(e){if(!(e instanceof Element))return null;const t=e.closest(L);return!(t instanceof HTMLElement)||t.closest(R)||t.closest(P)?null:t}function y(e,t,n){const o=e.getBoundingClientRect();if(o.width<=0||o.height<=0)return;const s=t-o.left,d=n-o.top,c=Math.max(s,o.width-s),u=Math.max(d,o.height-d),p=Math.ceil(Math.sqrt(c*c+u*u)*2),i=document.createElement("span");T(e),i.className=a,i.setAttribute("aria-hidden","true"),i.style.setProperty("--hbdl-ripple-size",`${p}px`),i.style.setProperty("--hbdl-ripple-x",`${s-p/2}px`),i.style.setProperty("--hbdl-ripple-y",`${d-p/2}px`),e.insertBefore(i,e.firstChild),i.addEventListener("animationend",()=>i.remove(),{once:!0}),window.setTimeout(()=>i.remove(),700)}function T(e){e.classList.add(l),getComputedStyle(e).position==="static"&&(e.style.position="relative")}function x(e){return e==="Enter"||e===" "||e==="Spacebar"}exports.Ripple=E;exports.default=E;exports.installRipple=b;exports.uninstallRipple=g;

package/dist/ripple/index.d.ts

@@ -1,2 +1,9 @@
-export declare function installRipple(): () => void;
+import type { App } from 'vue';
+export type RippleTeardown = () => void;
+export interface RipplePlugin {
+    install: (app?: App) => RippleTeardown;
+}
+export declare function installRipple(_app?: App): RippleTeardown;
 export declare function uninstallRipple(): void;
+export declare const Ripple: RipplePlugin;
+export default Ripple;

package/dist/ripple/index.js

@@ -0,0 +1,171 @@
+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(_app) {
+  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();
+}
+const Ripple = {
+  install: installRipple
+};
+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";
+}
+export { Ripple, Ripple as default, installRipple, uninstallRipple };

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-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-3c232c9a]{position:relative}.outlined-input__label[data-v-3c232c9a]{position:absolute;left:-2px;display:inline-flex;align-items:center;gap: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-3c232c9a]{top:18px;z-index:1;opacity:1;transform:translate(14px,-6px) scale(1);color:var(--el-color-primary)}.outlined-input__label--placeholder[data-v-3c232c9a]{top:50%;left:1px;z-index:-1;opacity:0;transform:translate(14px,6px) scale(1)}.outlined-input__label--filled[data-v-3c232c9a]{color:var(--el-text-color-regular)}.outlined-input--error[data-v-3c232c9a]{--el-input-focus-border-color: var(--el-color-danger);--el-input-hover-border-color: var(--el-color-danger)}.outlined-input__required[data-v-3c232c9a],.outlined-input--error .outlined-input__label[data-v-3c232c9a],.outlined-input__error[data-v-3c232c9a]{color:var(--el-color-danger)}.outlined-input__error[data-v-3c232c9a]{margin:6px 0 0;font-size:12px;line-height:1.2}.outlined-input__suffix-text[data-v-3c232c9a]{white-space:nowrap}.outlined-input--bordered[data-v-3c232c9a] .el-input__wrapper{box-shadow:none;border-radius:0;border-bottom:1px solid #cccccc}.outlined-input--bordered[data-v-3c232c9a] .el-input__wrapper.is-focus{border-bottom-color:var(--el-color-primary)}.outlined-input--bordered[data-v-3c232c9a] .el-textarea__inner{border-width:0 0 1px;border-radius:0;box-shadow:none}.outlined-input--bordered[data-v-3c232c9a] .el-textarea__inner:focus{border-bottom-color:var(--el-color-primary)}.outlined-input--textarea-default[data-v-3c232c9a] .el-textarea__inner{min-height:100px!important;max-height:180px}.outlined-input--error[data-v-3c232c9a] .el-input__wrapper,.outlined-input--error[data-v-3c232c9a] .el-input__wrapper.is-focus,.outlined-input--error[data-v-3c232c9a] .el-input__wrapper:hover,.outlined-input--error[data-v-3c232c9a] .el-textarea__inner{box-shadow:0 0 0 1px var(--el-color-danger) inset}.outlined-input--error[data-v-3c232c9a] .el-textarea__inner:focus,.outlined-input--error[data-v-3c232c9a] .el-textarea__inner:hover{box-shadow:0 0 0 1px var(--el-color-danger) inset}.outlined-input--error.outlined-input--bordered[data-v-3c232c9a] .el-input__wrapper,.outlined-input--error.outlined-input--bordered[data-v-3c232c9a] .el-textarea__inner{box-shadow:0 0 0 1px var(--el-color-danger) inset;border-bottom-color:transparent}.outlined-select[data-v-2a354461]{position:relative}.outlined-select__label[data-v-2a354461]{position:absolute;left:-2px;display:inline-flex;align-items:center;gap: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-2a354461]{top:18px;z-index:1;opacity:1;transform:translate(14px,-6px) scale(1);color:var(--el-color-primary)}.outlined-select__label--placeholder[data-v-2a354461]{top:50%;left:1px;z-index:-1;opacity:0;transform:translate(14px,6px) scale(1)}.outlined-select__label--filled[data-v-2a354461]{color:var(--el-text-color-regular)}.outlined-select--error[data-v-2a354461]{--el-input-focus-border-color: var(--el-color-danger);--el-input-hover-border-color: var(--el-color-danger)}.outlined-select__required[data-v-2a354461],.outlined-select--error .outlined-select__label[data-v-2a354461],.outlined-select__error[data-v-2a354461]{color:var(--el-color-danger)}.outlined-select__error[data-v-2a354461]{margin:6px 0 0;font-size:12px;line-height:1.2}[data-v-2a354461] .outlined-select__control.el-select{width:100%}[data-v-2a354461] .outlined-select__control .el-select__wrapper{min-height:inherit;height:inherit}[data-v-2a354461] .outlined-select__control .el-select__tags{padding-top:4px}[data-v-2a354461] .outlined-select__control .el-select__selection{min-height:inherit}.outlined-select--bordered[data-v-2a354461] .el-select__wrapper{box-shadow:none;border-radius:0;border-bottom:1px solid #cccccc}.outlined-select--bordered[data-v-2a354461] .el-select__wrapper.is-focused{border-bottom-color:var(--el-color-primary)}.outlined-select--error[data-v-2a354461] .el-select__wrapper,.outlined-select--error[data-v-2a354461] .el-select__wrapper.is-focused,.outlined-select--error[data-v-2a354461] .el-select__wrapper.is-focus,.outlined-select--error[data-v-2a354461] .el-select__wrapper:hover{box-shadow:0 0 0 1px var(--el-color-danger) inset}.outlined-select--error.outlined-select--bordered[data-v-2a354461] .el-select__wrapper{box-shadow:0 0 0 1px var(--el-color-danger) inset;border-bottom-color:transparent}.outlined-date-picker[data-v-47219caf]{position:relative}.outlined-date-picker__label[data-v-47219caf]{position:absolute;left:-2px;display:inline-flex;align-items:center;gap: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-47219caf]{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-47219caf]{top:50%;left:1px;z-index:-1;opacity:0;transform:translate(14px,6px) scale(1)}.outlined-date-picker__label--filled[data-v-47219caf]{color:var(--el-text-color-regular)}.outlined-date-picker--error[data-v-47219caf]{--el-input-focus-border-color: var(--el-color-danger);--el-input-hover-border-color: var(--el-color-danger)}.outlined-date-picker__required[data-v-47219caf],.outlined-date-picker--error .outlined-date-picker__label[data-v-47219caf],.outlined-date-picker__error[data-v-47219caf]{color:var(--el-color-danger)}.outlined-date-picker__error[data-v-47219caf]{margin:6px 0 0;font-size:12px;line-height:1.2}[data-v-47219caf] .outlined-date-picker__control.el-date-editor{width:100%}[data-v-47219caf] .outlined-date-picker__control .el-input__wrapper{position:relative;min-height:inherit;height:inherit}[data-v-47219caf] .outlined-date-picker__control .el-input__prefix{position:absolute;right:0}[data-v-47219caf] .outlined-date-picker__control .el-input__suffix{position:absolute;right:30px}.outlined-date-picker--bordered[data-v-47219caf] .el-input__wrapper{box-shadow:none;border-radius:0;border-bottom:1px solid #cccccc}.outlined-date-picker--bordered[data-v-47219caf] .el-input__wrapper.is-focus{border-bottom-color:var(--el-color-primary)}.outlined-date-picker--error[data-v-47219caf] .el-input__wrapper,.outlined-date-picker--error[data-v-47219caf] .el-input__wrapper.is-focus,.outlined-date-picker--error[data-v-47219caf] .el-input__wrapper:hover{box-shadow:0 0 0 1px var(--el-color-danger) inset}.outlined-date-picker--error.outlined-date-picker--bordered[data-v-47219caf] .el-input__wrapper{box-shadow:0 0 0 1px var(--el-color-danger) inset;border-bottom-color:transparent}.outlined-date-time-picker[data-v-ee2ef524]{position:relative}.outlined-date-time-picker__inner[data-v-ee2ef524]{display:flex;align-items:center;gap:8px}.outlined-date-time-picker__field[data-v-ee2ef524]{position:relative;flex:1}.outlined-date-time-picker__separator[data-v-ee2ef524]{flex:0 0 auto;color:var(--el-text-color-regular)}.outlined-date-time-picker__label[data-v-ee2ef524]{position:absolute;left:-2px;display:inline-flex;align-items:center;gap: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-ee2ef524]{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-ee2ef524]{top:50%;left:1px;z-index:-1;opacity:0;transform:translate(14px,6px) scale(1)}.outlined-date-time-picker__label--filled[data-v-ee2ef524]{color:var(--el-text-color-regular)}.outlined-date-time-picker--error[data-v-ee2ef524]{--el-input-focus-border-color: var(--el-color-danger);--el-input-hover-border-color: var(--el-color-danger)}.outlined-date-time-picker__required[data-v-ee2ef524],.outlined-date-time-picker--error .outlined-date-time-picker__label[data-v-ee2ef524],.outlined-date-time-picker__error[data-v-ee2ef524]{color:var(--el-color-danger)}.outlined-date-time-picker__error[data-v-ee2ef524]{margin:6px 0 0;font-size:12px;line-height:1.2}[data-v-ee2ef524] .outlined-date-time-picker__control.el-date-editor{width:100%}[data-v-ee2ef524] .outlined-date-time-picker__control .el-input__wrapper{position:relative;min-height:inherit;height:inherit}[data-v-ee2ef524] .outlined-date-time-picker__control .el-input__prefix{position:absolute;right:0}[data-v-ee2ef524] .outlined-date-time-picker__control .el-input__suffix{position:absolute;right:30px}.outlined-date-time-picker__field--bordered[data-v-ee2ef524] .el-input__wrapper{box-shadow:none;border-radius:0;border-bottom:1px solid #cccccc}.outlined-date-time-picker__field--bordered[data-v-ee2ef524] .el-input__wrapper.is-focus{border-bottom-color:var(--el-color-primary)}.outlined-date-time-picker__field--error[data-v-ee2ef524] .el-input__wrapper,.outlined-date-time-picker__field--error[data-v-ee2ef524] .el-input__wrapper.is-focus,.outlined-date-time-picker__field--error[data-v-ee2ef524] .el-input__wrapper:hover{box-shadow:0 0 0 1px var(--el-color-danger) inset}.outlined-date-time-picker__field--error.outlined-date-time-picker__field--bordered[data-v-ee2ef524] .el-input__wrapper{box-shadow:0 0 0 1px var(--el-color-danger) inset;border-bottom-color:transparent}.outlined-time-picker[data-v-0257087e]{position:relative}.outlined-time-picker__label[data-v-0257087e]{position:absolute;left:-2px;display:inline-flex;align-items:center;gap: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-0257087e]{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-0257087e]{top:50%;left:1px;z-index:-1;opacity:0;transform:translate(14px,6px) scale(1)}.outlined-time-picker__label--filled[data-v-0257087e]{color:var(--el-text-color-regular)}.outlined-time-picker--error[data-v-0257087e]{--el-input-focus-border-color: var(--el-color-danger);--el-input-hover-border-color: var(--el-color-danger)}.outlined-time-picker__required[data-v-0257087e],.outlined-time-picker--error .outlined-time-picker__label[data-v-0257087e],.outlined-time-picker__error[data-v-0257087e]{color:var(--el-color-danger)}.outlined-time-picker__error[data-v-0257087e]{margin:6px 0 0;font-size:12px;line-height:1.2}[data-v-0257087e] .outlined-time-picker__control.el-date-editor{width:100%}[data-v-0257087e] .outlined-time-picker__control .el-input__wrapper{position:relative;min-height:inherit;height:inherit}[data-v-0257087e] .outlined-time-picker__control .el-input__prefix{position:absolute;right:0}[data-v-0257087e] .outlined-time-picker__control .el-input__suffix{position:absolute;right:30px}.outlined-time-picker--bordered[data-v-0257087e] .el-input__wrapper{box-shadow:none;border-radius:0;border-bottom:1px solid #cccccc}.outlined-time-picker--bordered[data-v-0257087e] .el-input__wrapper.is-focus{border-bottom-color:var(--el-color-primary)}.outlined-time-picker--error[data-v-0257087e] .el-input__wrapper,.outlined-time-picker--error[data-v-0257087e] .el-input__wrapper.is-focus,.outlined-time-picker--error[data-v-0257087e] .el-input__wrapper:hover{box-shadow:0 0 0 1px var(--el-color-danger) inset}.outlined-time-picker--error.outlined-time-picker--bordered[data-v-0257087e] .el-input__wrapper{box-shadow:0 0 0 1px var(--el-color-danger) inset;border-bottom-color:transparent}.outlined-cascader[data-v-033e3fab]{position:relative}.outlined-cascader__label[data-v-033e3fab]{position:absolute;left:-2px;display:inline-flex;align-items:center;gap: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-033e3fab]{top:18px;z-index:1;opacity:1;transform:translate(14px,-6px) scale(1);color:var(--el-color-primary)}.outlined-cascader__label--placeholder[data-v-033e3fab]{top:50%;left:1px;z-index:-1;opacity:0;transform:translate(14px,6px) scale(1)}.outlined-cascader__label--filled[data-v-033e3fab]{color:var(--el-text-color-regular)}.outlined-cascader--error[data-v-033e3fab]{--el-input-focus-border-color: var(--el-color-danger);--el-input-hover-border-color: var(--el-color-danger)}.outlined-cascader__required[data-v-033e3fab],.outlined-cascader--error .outlined-cascader__label[data-v-033e3fab],.outlined-cascader__error[data-v-033e3fab]{color:var(--el-color-danger)}.outlined-cascader__error[data-v-033e3fab]{margin:6px 0 0;font-size:12px;line-height:1.2}[data-v-033e3fab] .outlined-cascader__control .el-input{height:100%}.outlined-cascader--bordered[data-v-033e3fab] .el-input__wrapper{box-shadow:none;border-radius:0;border-bottom:1px solid #cccccc}.outlined-cascader--bordered[data-v-033e3fab] .el-input__wrapper.is-focus{border-bottom-color:var(--el-color-primary)}.outlined-cascader--error[data-v-033e3fab] .el-input__wrapper,.outlined-cascader--error[data-v-033e3fab] .el-input.is-focus .el-input__wrapper,.outlined-cascader--error[data-v-033e3fab] .el-input__wrapper:hover{box-shadow:0 0 0 1px var(--el-color-danger) inset}.outlined-cascader--error.outlined-cascader--bordered[data-v-033e3fab] .el-input__wrapper{box-shadow:0 0 0 1px var(--el-color-danger) inset;border-bottom-color:transparent}.outlined-tree-select[data-v-30d7dee0]{position:relative}.outlined-tree-select__label[data-v-30d7dee0]{position:absolute;left:-2px;display:inline-flex;align-items:center;gap: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-30d7dee0]{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-30d7dee0]{top:50%;left:1px;z-index:-1;opacity:0;transform:translate(14px,6px) scale(1)}.outlined-tree-select__label--filled[data-v-30d7dee0]{color:var(--el-text-color-regular)}.outlined-tree-select--error[data-v-30d7dee0]{--el-input-focus-border-color: var(--el-color-danger);--el-input-hover-border-color: var(--el-color-danger)}.outlined-tree-select__required[data-v-30d7dee0],.outlined-tree-select--error .outlined-tree-select__label[data-v-30d7dee0],.outlined-tree-select__error[data-v-30d7dee0]{color:var(--el-color-danger)}.outlined-tree-select__error[data-v-30d7dee0]{margin:6px 0 0;font-size:12px;line-height:1.2}[data-v-30d7dee0] .outlined-tree-select__control.el-select{width:100%}[data-v-30d7dee0] .outlined-tree-select__control .el-select__wrapper{min-height:inherit;height:inherit}[data-v-30d7dee0] .outlined-tree-select__control .el-select__selection{min-height:inherit}[data-v-30d7dee0] .outlined-tree-select__control .el-select__tags{padding-top:4px}.outlined-tree-select--bordered[data-v-30d7dee0] .el-select__wrapper{box-shadow:none;border-radius:0;border-bottom:1px solid #cccccc}.outlined-tree-select--bordered[data-v-30d7dee0] .el-select__wrapper.is-focused{border-bottom-color:var(--el-color-primary)}.outlined-tree-select--error[data-v-30d7dee0] .el-select__wrapper,.outlined-tree-select--error[data-v-30d7dee0] .el-select__wrapper.is-focused,.outlined-tree-select--error[data-v-30d7dee0] .el-select__wrapper.is-focus,.outlined-tree-select--error[data-v-30d7dee0] .el-select__wrapper:hover{box-shadow:0 0 0 1px var(--el-color-danger) inset}.outlined-tree-select--error.outlined-tree-select--bordered[data-v-30d7dee0] .el-select__wrapper{box-shadow:0 0 0 1px var(--el-color-danger) inset;border-bottom-color:transparent}
+.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}.svg-icon[data-v-318312b1]{width:1em;height:1em;vertical-align:-.15em;fill:currentColor;overflow:hidden}.svg-external-icon[data-v-318312b1]{display:inline-block;background-color:currentColor;mask-size:cover!important;-webkit-mask-size:cover!important}.base-table[data-v-7602f302]{display:flex;flex-direction:column;height:100%;min-height:0}.base-table__svg-sprite[data-v-7602f302]{position:absolute;width:0;height:0;overflow:hidden}.base-table__toolbar[data-v-7602f302]{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-7602f302]{flex:1 1 auto;min-width:0}.base-table__toolbar-right[data-v-7602f302]{flex:0 1 auto}.base-table__actions[data-v-7602f302]{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.base-table__header[data-v-7602f302]{display:flex;align-items:center;gap:6px;width:100%;min-width:0}.base-table__header--center.base-table__header--has-actions[data-v-7602f302]:before{content:"";display:block;width:24px;flex:0 0 24px}.base-table__header--center[data-v-7602f302]{justify-content:center}.base-table__header--right[data-v-7602f302]{justify-content:flex-end}.base-table__header-main[data-v-7602f302]{display:inline-flex;align-items:center;gap:4px;min-width:0}.base-table__header-label[data-v-7602f302]{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.base-table__header--left .base-table__header-main[data-v-7602f302]{flex:1 1 auto}.base-table__header--center .base-table__header-main[data-v-7602f302],.base-table__header--right .base-table__header-main[data-v-7602f302]{flex:0 1 auto}.base-table__header-sort[data-v-7602f302]{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:16px;height:16px;color:#8c8c8c}.base-table__header-sort.is-active[data-v-7602f302]{color:#0938f7}.base-table__header-sort-icon[data-v-7602f302]{width:15.351px;height:16.031px;font-size:16px;vertical-align:middle}.base-table__header-actions[data-v-7602f302]{display:flex;align-items:center;flex-shrink:0}.base-table__header--left .base-table__header-actions[data-v-7602f302]{margin-left:auto}.base-table__header-icon[data-v-7602f302]{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-7602f302]:hover,.base-table__header-icon.is-active[data-v-7602f302]{color:var(--el-color-primary);background:rgba(64,158,255,.12)}.base-table__header-search-icon[data-v-7602f302]{width:17.814px;height:14.035px;font-size:16px;vertical-align:middle}.base-table[data-v-7602f302] .el-table__cell.is-sortable .caret-wrapper{display:none}.base-table__header-search-panel[data-v-7602f302]{position:fixed;z-index:3000;display:flex;flex-direction:column;gap:12px;padding:var(--el-popover-padding, 12px);border:1px solid var(--el-border-color-light);border-radius:var(--el-popover-border-radius, 4px);background:var(--el-bg-color-overlay);box-shadow:var(--el-box-shadow-light);box-sizing:border-box}.base-table__header-search-input[data-v-7602f302]{width:100%;height:32px;padding:1px 11px;border:none;border-radius:var(--el-border-radius-base);outline:none;color:var(--el-text-color-regular);background:var(--el-fill-color-blank);box-shadow:0 0 0 1px var(--el-border-color) inset;box-sizing:border-box;font-size:var(--el-font-size-base);line-height:30px;transition:box-shadow var(--el-transition-duration)}.base-table__header-search-input[data-v-7602f302]:hover{box-shadow:0 0 0 1px var(--el-border-color-hover) inset}.base-table__header-search-input[data-v-7602f302]:focus{box-shadow:0 0 0 1px var(--el-color-primary) inset}.base-table__header-search-input[data-v-7602f302]::placeholder{color:var(--el-text-color-placeholder)}.base-table__header-select[data-v-7602f302],.base-table__header-cascader[data-v-7602f302]{position:relative;width:100%}.base-table__header-select-trigger[data-v-7602f302]{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-height:32px;padding:4px 11px;border:none;border-radius:var(--el-border-radius-base);outline:none;color:var(--el-text-color-regular);background:var(--el-fill-color-blank);box-shadow:0 0 0 1px var(--el-border-color) inset;box-sizing:border-box;cursor:pointer;font-size:var(--el-font-size-base);line-height:24px;text-align:left;transition:box-shadow var(--el-transition-duration)}.base-table__header-select-trigger[data-v-7602f302]:hover,.base-table__header-select-trigger[data-v-7602f302]:focus{box-shadow:0 0 0 1px var(--el-color-primary) inset}.base-table__header-select-text[data-v-7602f302]{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.base-table__header-select-text.is-placeholder[data-v-7602f302]{color:var(--el-text-color-placeholder)}.base-table__header-select-tags[data-v-7602f302]{display:flex;align-items:center;gap:4px;min-width:0;flex:1 1 auto;overflow:hidden}.base-table__header-select-tag[data-v-7602f302]{display:inline-flex;align-items:center;max-width:92px;min-height:22px;padding:0 6px;border-radius:4px;background:var(--el-fill-color-light);color:var(--el-text-color-regular);box-sizing:border-box;font-size:12px;line-height:22px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.base-table__header-select-tag--count[data-v-7602f302]{flex:0 0 auto;color:var(--el-color-primary)}.base-table__header-select-arrow[data-v-7602f302]{width:8px;height:8px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;color:var(--el-text-color-placeholder);transform:rotate(45deg);transition:transform var(--el-transition-duration);flex:0 0 auto}.base-table__header-select-arrow.is-open[data-v-7602f302]{transform:rotate(225deg)}.base-table__header-select-options[data-v-7602f302]{max-height:180px;margin-top:6px;padding:4px 0;border:1px solid var(--el-border-color-light);border-radius:var(--el-border-radius-base);background:var(--el-bg-color-overlay);box-shadow:var(--el-box-shadow-light);overflow-y:auto}.base-table__header-select-option[data-v-7602f302]{display:flex;align-items:center;width:100%;min-height:32px;padding:0 12px;border:none;color:var(--el-text-color-regular);background:transparent;cursor:pointer;font-size:var(--el-font-size-base);line-height:32px;text-align:left}.base-table__header-select-option-label[data-v-7602f302]{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.base-table__header-select-option[data-v-7602f302]:hover{background:var(--el-fill-color-light)}.base-table__header-select-option.is-selected[data-v-7602f302]{color:var(--el-color-primary);font-weight:700}.base-table__header-select-option[data-v-7602f302]:disabled{color:var(--el-text-color-placeholder);cursor:not-allowed}.base-table__header-cascader-panel[data-v-7602f302]{display:flex;max-width:calc(100vw - 24px);min-height:180px;max-height:260px;margin-top:6px;border:1px solid var(--el-border-color-light);border-radius:var(--el-border-radius-base);background:var(--el-bg-color-overlay);box-shadow:var(--el-box-shadow-light);overflow:auto}.base-table__header-cascader-menu[data-v-7602f302]{min-width:132px;padding:4px 0;border-right:1px solid var(--el-border-color-lighter);box-sizing:border-box}.base-table__header-cascader-menu[data-v-7602f302]:last-child{border-right:none}.base-table__header-cascader-option[data-v-7602f302]{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-height:32px;padding:0 10px 0 12px;border:none;color:var(--el-text-color-regular);background:transparent;cursor:pointer;font-size:var(--el-font-size-base);line-height:32px;text-align:left}.base-table__header-cascader-option[data-v-7602f302]:hover,.base-table__header-cascader-option.is-active[data-v-7602f302]{background:var(--el-fill-color-light)}.base-table__header-cascader-option.is-selected[data-v-7602f302]{color:var(--el-color-primary);font-weight:700}.base-table__header-cascader-option[data-v-7602f302]:disabled{color:var(--el-text-color-placeholder);cursor:not-allowed}.base-table__header-cascader-label[data-v-7602f302]{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.base-table__header-cascader-arrow[data-v-7602f302]{width:7px;height:7px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;color:var(--el-text-color-placeholder);transform:rotate(-45deg);flex:0 0 auto}.base-table__header-search-footer[data-v-7602f302]{display:flex;align-items:center;justify-content:space-between}.base-table__link[data-v-7602f302]{padding:0;border:none;background:transparent;color:var(--el-color-primary);cursor:pointer}.base-table__text[data-v-7602f302]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.base-table__tags[data-v-7602f302]{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.base-table__image[data-v-7602f302]{border-radius:4px;overflow:hidden}.base-echart[data-v-51bc4772],.base-echart__inner[data-v-51bc4772]{width:100%;height:100%}.outlined-input[data-v-3c232c9a]{position:relative}.outlined-input__label[data-v-3c232c9a]{position:absolute;left:-2px;display:inline-flex;align-items:center;gap: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-3c232c9a]{top:18px;z-index:1;opacity:1;transform:translate(14px,-6px) scale(1);color:var(--el-color-primary)}.outlined-input__label--placeholder[data-v-3c232c9a]{top:50%;left:1px;z-index:-1;opacity:0;transform:translate(14px,6px) scale(1)}.outlined-input__label--filled[data-v-3c232c9a]{color:var(--el-text-color-regular)}.outlined-input--error[data-v-3c232c9a]{--el-input-focus-border-color: var(--el-color-danger);--el-input-hover-border-color: var(--el-color-danger)}.outlined-input__required[data-v-3c232c9a],.outlined-input--error .outlined-input__label[data-v-3c232c9a],.outlined-input__error[data-v-3c232c9a]{color:var(--el-color-danger)}.outlined-input__error[data-v-3c232c9a]{margin:6px 0 0;font-size:12px;line-height:1.2}.outlined-input__suffix-text[data-v-3c232c9a]{white-space:nowrap}.outlined-input--bordered[data-v-3c232c9a] .el-input__wrapper{box-shadow:none;border-radius:0;border-bottom:1px solid #cccccc}.outlined-input--bordered[data-v-3c232c9a] .el-input__wrapper.is-focus{border-bottom-color:var(--el-color-primary)}.outlined-input--bordered[data-v-3c232c9a] .el-textarea__inner{border-width:0 0 1px;border-radius:0;box-shadow:none}.outlined-input--bordered[data-v-3c232c9a] .el-textarea__inner:focus{border-bottom-color:var(--el-color-primary)}.outlined-input--textarea-default[data-v-3c232c9a] .el-textarea__inner{min-height:100px!important;max-height:180px}.outlined-input--error[data-v-3c232c9a] .el-input__wrapper,.outlined-input--error[data-v-3c232c9a] .el-input__wrapper.is-focus,.outlined-input--error[data-v-3c232c9a] .el-input__wrapper:hover,.outlined-input--error[data-v-3c232c9a] .el-textarea__inner{box-shadow:0 0 0 1px var(--el-color-danger) inset}.outlined-input--error[data-v-3c232c9a] .el-textarea__inner:focus,.outlined-input--error[data-v-3c232c9a] .el-textarea__inner:hover{box-shadow:0 0 0 1px var(--el-color-danger) inset}.outlined-input--error.outlined-input--bordered[data-v-3c232c9a] .el-input__wrapper,.outlined-input--error.outlined-input--bordered[data-v-3c232c9a] .el-textarea__inner{box-shadow:0 0 0 1px var(--el-color-danger) inset;border-bottom-color:transparent}.outlined-select[data-v-2a354461]{position:relative}.outlined-select__label[data-v-2a354461]{position:absolute;left:-2px;display:inline-flex;align-items:center;gap: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-2a354461]{top:18px;z-index:1;opacity:1;transform:translate(14px,-6px) scale(1);color:var(--el-color-primary)}.outlined-select__label--placeholder[data-v-2a354461]{top:50%;left:1px;z-index:-1;opacity:0;transform:translate(14px,6px) scale(1)}.outlined-select__label--filled[data-v-2a354461]{color:var(--el-text-color-regular)}.outlined-select--error[data-v-2a354461]{--el-input-focus-border-color: var(--el-color-danger);--el-input-hover-border-color: var(--el-color-danger)}.outlined-select__required[data-v-2a354461],.outlined-select--error .outlined-select__label[data-v-2a354461],.outlined-select__error[data-v-2a354461]{color:var(--el-color-danger)}.outlined-select__error[data-v-2a354461]{margin:6px 0 0;font-size:12px;line-height:1.2}[data-v-2a354461] .outlined-select__control.el-select{width:100%}[data-v-2a354461] .outlined-select__control .el-select__wrapper{min-height:inherit;height:inherit}[data-v-2a354461] .outlined-select__control .el-select__tags{padding-top:4px}[data-v-2a354461] .outlined-select__control .el-select__selection{min-height:inherit}.outlined-select--bordered[data-v-2a354461] .el-select__wrapper{box-shadow:none;border-radius:0;border-bottom:1px solid #cccccc}.outlined-select--bordered[data-v-2a354461] .el-select__wrapper.is-focused{border-bottom-color:var(--el-color-primary)}.outlined-select--error[data-v-2a354461] .el-select__wrapper,.outlined-select--error[data-v-2a354461] .el-select__wrapper.is-focused,.outlined-select--error[data-v-2a354461] .el-select__wrapper.is-focus,.outlined-select--error[data-v-2a354461] .el-select__wrapper:hover{box-shadow:0 0 0 1px var(--el-color-danger) inset}.outlined-select--error.outlined-select--bordered[data-v-2a354461] .el-select__wrapper{box-shadow:0 0 0 1px var(--el-color-danger) inset;border-bottom-color:transparent}.outlined-date-picker[data-v-47219caf]{position:relative}.outlined-date-picker__label[data-v-47219caf]{position:absolute;left:-2px;display:inline-flex;align-items:center;gap: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-47219caf]{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-47219caf]{top:50%;left:1px;z-index:-1;opacity:0;transform:translate(14px,6px) scale(1)}.outlined-date-picker__label--filled[data-v-47219caf]{color:var(--el-text-color-regular)}.outlined-date-picker--error[data-v-47219caf]{--el-input-focus-border-color: var(--el-color-danger);--el-input-hover-border-color: var(--el-color-danger)}.outlined-date-picker__required[data-v-47219caf],.outlined-date-picker--error .outlined-date-picker__label[data-v-47219caf],.outlined-date-picker__error[data-v-47219caf]{color:var(--el-color-danger)}.outlined-date-picker__error[data-v-47219caf]{margin:6px 0 0;font-size:12px;line-height:1.2}[data-v-47219caf] .outlined-date-picker__control.el-date-editor{width:100%}[data-v-47219caf] .outlined-date-picker__control .el-input__wrapper{position:relative;min-height:inherit;height:inherit}[data-v-47219caf] .outlined-date-picker__control .el-input__prefix{position:absolute;right:0}[data-v-47219caf] .outlined-date-picker__control .el-input__suffix{position:absolute;right:30px}.outlined-date-picker--bordered[data-v-47219caf] .el-input__wrapper{box-shadow:none;border-radius:0;border-bottom:1px solid #cccccc}.outlined-date-picker--bordered[data-v-47219caf] .el-input__wrapper.is-focus{border-bottom-color:var(--el-color-primary)}.outlined-date-picker--error[data-v-47219caf] .el-input__wrapper,.outlined-date-picker--error[data-v-47219caf] .el-input__wrapper.is-focus,.outlined-date-picker--error[data-v-47219caf] .el-input__wrapper:hover{box-shadow:0 0 0 1px var(--el-color-danger) inset}.outlined-date-picker--error.outlined-date-picker--bordered[data-v-47219caf] .el-input__wrapper{box-shadow:0 0 0 1px var(--el-color-danger) inset;border-bottom-color:transparent}.outlined-date-time-picker[data-v-ee2ef524]{position:relative}.outlined-date-time-picker__inner[data-v-ee2ef524]{display:flex;align-items:center;gap:8px}.outlined-date-time-picker__field[data-v-ee2ef524]{position:relative;flex:1}.outlined-date-time-picker__separator[data-v-ee2ef524]{flex:0 0 auto;color:var(--el-text-color-regular)}.outlined-date-time-picker__label[data-v-ee2ef524]{position:absolute;left:-2px;display:inline-flex;align-items:center;gap: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-ee2ef524]{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-ee2ef524]{top:50%;left:1px;z-index:-1;opacity:0;transform:translate(14px,6px) scale(1)}.outlined-date-time-picker__label--filled[data-v-ee2ef524]{color:var(--el-text-color-regular)}.outlined-date-time-picker--error[data-v-ee2ef524]{--el-input-focus-border-color: var(--el-color-danger);--el-input-hover-border-color: var(--el-color-danger)}.outlined-date-time-picker__required[data-v-ee2ef524],.outlined-date-time-picker--error .outlined-date-time-picker__label[data-v-ee2ef524],.outlined-date-time-picker__error[data-v-ee2ef524]{color:var(--el-color-danger)}.outlined-date-time-picker__error[data-v-ee2ef524]{margin:6px 0 0;font-size:12px;line-height:1.2}[data-v-ee2ef524] .outlined-date-time-picker__control.el-date-editor{width:100%}[data-v-ee2ef524] .outlined-date-time-picker__control .el-input__wrapper{position:relative;min-height:inherit;height:inherit}[data-v-ee2ef524] .outlined-date-time-picker__control .el-input__prefix{position:absolute;right:0}[data-v-ee2ef524] .outlined-date-time-picker__control .el-input__suffix{position:absolute;right:30px}.outlined-date-time-picker__field--bordered[data-v-ee2ef524] .el-input__wrapper{box-shadow:none;border-radius:0;border-bottom:1px solid #cccccc}.outlined-date-time-picker__field--bordered[data-v-ee2ef524] .el-input__wrapper.is-focus{border-bottom-color:var(--el-color-primary)}.outlined-date-time-picker__field--error[data-v-ee2ef524] .el-input__wrapper,.outlined-date-time-picker__field--error[data-v-ee2ef524] .el-input__wrapper.is-focus,.outlined-date-time-picker__field--error[data-v-ee2ef524] .el-input__wrapper:hover{box-shadow:0 0 0 1px var(--el-color-danger) inset}.outlined-date-time-picker__field--error.outlined-date-time-picker__field--bordered[data-v-ee2ef524] .el-input__wrapper{box-shadow:0 0 0 1px var(--el-color-danger) inset;border-bottom-color:transparent}.outlined-time-picker[data-v-0257087e]{position:relative}.outlined-time-picker__label[data-v-0257087e]{position:absolute;left:-2px;display:inline-flex;align-items:center;gap: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-0257087e]{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-0257087e]{top:50%;left:1px;z-index:-1;opacity:0;transform:translate(14px,6px) scale(1)}.outlined-time-picker__label--filled[data-v-0257087e]{color:var(--el-text-color-regular)}.outlined-time-picker--error[data-v-0257087e]{--el-input-focus-border-color: var(--el-color-danger);--el-input-hover-border-color: var(--el-color-danger)}.outlined-time-picker__required[data-v-0257087e],.outlined-time-picker--error .outlined-time-picker__label[data-v-0257087e],.outlined-time-picker__error[data-v-0257087e]{color:var(--el-color-danger)}.outlined-time-picker__error[data-v-0257087e]{margin:6px 0 0;font-size:12px;line-height:1.2}[data-v-0257087e] .outlined-time-picker__control.el-date-editor{width:100%}[data-v-0257087e] .outlined-time-picker__control .el-input__wrapper{position:relative;min-height:inherit;height:inherit}[data-v-0257087e] .outlined-time-picker__control .el-input__prefix{position:absolute;right:0}[data-v-0257087e] .outlined-time-picker__control .el-input__suffix{position:absolute;right:30px}.outlined-time-picker--bordered[data-v-0257087e] .el-input__wrapper{box-shadow:none;border-radius:0;border-bottom:1px solid #cccccc}.outlined-time-picker--bordered[data-v-0257087e] .el-input__wrapper.is-focus{border-bottom-color:var(--el-color-primary)}.outlined-time-picker--error[data-v-0257087e] .el-input__wrapper,.outlined-time-picker--error[data-v-0257087e] .el-input__wrapper.is-focus,.outlined-time-picker--error[data-v-0257087e] .el-input__wrapper:hover{box-shadow:0 0 0 1px var(--el-color-danger) inset}.outlined-time-picker--error.outlined-time-picker--bordered[data-v-0257087e] .el-input__wrapper{box-shadow:0 0 0 1px var(--el-color-danger) inset;border-bottom-color:transparent}.outlined-cascader[data-v-033e3fab]{position:relative}.outlined-cascader__label[data-v-033e3fab]{position:absolute;left:-2px;display:inline-flex;align-items:center;gap: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-033e3fab]{top:18px;z-index:1;opacity:1;transform:translate(14px,-6px) scale(1);color:var(--el-color-primary)}.outlined-cascader__label--placeholder[data-v-033e3fab]{top:50%;left:1px;z-index:-1;opacity:0;transform:translate(14px,6px) scale(1)}.outlined-cascader__label--filled[data-v-033e3fab]{color:var(--el-text-color-regular)}.outlined-cascader--error[data-v-033e3fab]{--el-input-focus-border-color: var(--el-color-danger);--el-input-hover-border-color: var(--el-color-danger)}.outlined-cascader__required[data-v-033e3fab],.outlined-cascader--error .outlined-cascader__label[data-v-033e3fab],.outlined-cascader__error[data-v-033e3fab]{color:var(--el-color-danger)}.outlined-cascader__error[data-v-033e3fab]{margin:6px 0 0;font-size:12px;line-height:1.2}[data-v-033e3fab] .outlined-cascader__control .el-input{height:100%}.outlined-cascader--bordered[data-v-033e3fab] .el-input__wrapper{box-shadow:none;border-radius:0;border-bottom:1px solid #cccccc}.outlined-cascader--bordered[data-v-033e3fab] .el-input__wrapper.is-focus{border-bottom-color:var(--el-color-primary)}.outlined-cascader--error[data-v-033e3fab] .el-input__wrapper,.outlined-cascader--error[data-v-033e3fab] .el-input.is-focus .el-input__wrapper,.outlined-cascader--error[data-v-033e3fab] .el-input__wrapper:hover{box-shadow:0 0 0 1px var(--el-color-danger) inset}.outlined-cascader--error.outlined-cascader--bordered[data-v-033e3fab] .el-input__wrapper{box-shadow:0 0 0 1px var(--el-color-danger) inset;border-bottom-color:transparent}.outlined-tree-select[data-v-30d7dee0]{position:relative}.outlined-tree-select__label[data-v-30d7dee0]{position:absolute;left:-2px;display:inline-flex;align-items:center;gap: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-30d7dee0]{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-30d7dee0]{top:50%;left:1px;z-index:-1;opacity:0;transform:translate(14px,6px) scale(1)}.outlined-tree-select__label--filled[data-v-30d7dee0]{color:var(--el-text-color-regular)}.outlined-tree-select--error[data-v-30d7dee0]{--el-input-focus-border-color: var(--el-color-danger);--el-input-hover-border-color: var(--el-color-danger)}.outlined-tree-select__required[data-v-30d7dee0],.outlined-tree-select--error .outlined-tree-select__label[data-v-30d7dee0],.outlined-tree-select__error[data-v-30d7dee0]{color:var(--el-color-danger)}.outlined-tree-select__error[data-v-30d7dee0]{margin:6px 0 0;font-size:12px;line-height:1.2}[data-v-30d7dee0] .outlined-tree-select__control.el-select{width:100%}[data-v-30d7dee0] .outlined-tree-select__control .el-select__wrapper{min-height:inherit;height:inherit}[data-v-30d7dee0] .outlined-tree-select__control .el-select__selection{min-height:inherit}[data-v-30d7dee0] .outlined-tree-select__control .el-select__tags{padding-top:4px}.outlined-tree-select--bordered[data-v-30d7dee0] .el-select__wrapper{box-shadow:none;border-radius:0;border-bottom:1px solid #cccccc}.outlined-tree-select--bordered[data-v-30d7dee0] .el-select__wrapper.is-focused{border-bottom-color:var(--el-color-primary)}.outlined-tree-select--error[data-v-30d7dee0] .el-select__wrapper,.outlined-tree-select--error[data-v-30d7dee0] .el-select__wrapper.is-focused,.outlined-tree-select--error[data-v-30d7dee0] .el-select__wrapper.is-focus,.outlined-tree-select--error[data-v-30d7dee0] .el-select__wrapper:hover{box-shadow:0 0 0 1px var(--el-color-danger) inset}.outlined-tree-select--error.outlined-tree-select--bordered[data-v-30d7dee0] .el-select__wrapper{box-shadow:0 0 0 1px var(--el-color-danger) inset;border-bottom-color:transparent}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hbdlzy/ui-core",
-  "version": "0.1.6",
+  "version": "0.1.8",
   "description": "Company shared Vue UI core package.",
   "license": "MIT",
   "repository": {
@@ -17,8 +17,23 @@
       "require": "./dist/index.cjs",
       "types": "./dist/index.d.ts"
     },
+    "./ripple": {
+      "import": "./dist/ripple/index.js",
+      "require": "./dist/ripple/index.cjs",
+      "types": "./dist/ripple/index.d.ts"
+    },
     "./components.manifest.json": "./components.manifest.json"
   },
+  "typesVersions": {
+    "*": {
+      "ripple": [
+        "dist/ripple/index.d.ts"
+      ],
+      "components.manifest.json": [
+        "components.manifest.json"
+      ]
+    }
+  },
   "files": [
     "dist",
     "src",
@@ -48,7 +63,7 @@
     "registry": "https://registry.npmjs.org/"
   },
   "scripts": {
-    "build": "vite build && pnpm run build:types",
+    "build": "vite build && vite build --config vite.ripple.config.ts && 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/README.md

@@ -162,3 +162,36 @@ const handleExport = (payload?: unknown) => {
 - 只要不是强业务容器，就尽量不要在页面层重复写卡片壳子
 - 简单场景直接用 `title + 默认插槽`
 - 需要扩展时优先使用 `title` 和 `header-right` 插槽，而不是复制组件结构
+
+## AI 使用指引
+
+AI 在生成页面时，如果遇到统计块、图表块、列表块、详情块等需要统一外壳的区域，应优先使用 `BaseCard`，不要在页面里重新手写卡片标题、左侧竖杠、右侧时间和导出区域。
+
+推荐优先从统一入口导入：
+
+```ts
+import { BaseCard } from '@hbdlzy/ui'
+```
+
+如果当前只安装了核心包，也可以从 `@hbdlzy/ui-core` 导入。
+
+AI 生成代码时按下面顺序判断：
+
+1. 只有标题和内容时，使用 `title + 默认插槽`
+2. 标题右侧有更新时间、单位、按钮时，优先使用 `metaText`、`header-right` 插槽
+3. 标题旁有单选、筛选、标签时，优先使用 `title` 插槽
+4. 内容顶部有单位提示或说明时，优先使用 `tip` 插槽
+5. 需要导出入口时，优先使用 `showExport + @export`，复杂导出可配合 `BaseExportButton`
+
+AI 不应该做这些事：
+
+- 不要复制 `BaseCard` 的 DOM 和 CSS 到业务页面
+- 不要在每个页面重复实现标题左侧标记、卡片边框、标题区 flex 布局
+- 不要为了一个右侧按钮而重写整个卡片结构，优先用插槽扩展
+- 不要把接口请求、图表初始化、表格逻辑塞进 `BaseCard`，这些能力应由 `BaseEChart`、`BaseTable` 或业务页面负责
+
+生成代码前建议同时读取：
+
+- `packages/ui-core/components.manifest.json`
+- `packages/ui-core/src/components/BaseCard/BaseCard.types.ts`
+- 本 README 的 `Props / Slots / Events` 部分

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;
+}