3h1-ui 3.0.0-next.215 → 3.0.0-next.216

package/lib/style.css

@@ -949,13 +949,13 @@ input:focus.ant-input {
 }
 .ant-btn.ant-btn-link:not(:disabled) {
   color: var(--primary-5);
-}.shy-svg-icon[data-v-905fa4a6] {
+}.shy-svg-icon[data-v-fa64fe87] {
   display: inline-block;
   overflow: hidden;
   vertical-align: -0.15em;
   fill: currentcolor;
 }
-.svg-icon-spin[data-v-905fa4a6] {
+.svg-icon-spin[data-v-fa64fe87] {
   animation: loadingCircle 1s infinite linear;
 }.app-iconify {
   display: inline-block;
@@ -980,29 +980,29 @@ span.iconify {
 }
 .shy-icon-picker-popover .scrollbar {
   height: 220px;
-}.shy-basic-arrow[data-v-fea26917] {
+}.shy-basic-arrow[data-v-03d87956] {
   display: inline-block;
   cursor: pointer;
   transform: rotate(0deg);
   transition: all 0.3s ease 0.1s;
   transform-origin: center center;
 }
-.shy-basic-arrow--active[data-v-fea26917] {
+.shy-basic-arrow--active[data-v-03d87956] {
   transform: rotate(90deg);
 }
-.shy-basic-arrow.inset[data-v-fea26917] {
+.shy-basic-arrow.inset[data-v-03d87956] {
   line-height: 0px;
 }
-.shy-basic-arrow.up[data-v-fea26917] {
+.shy-basic-arrow.up[data-v-03d87956] {
   transform: rotate(-90deg);
 }
-.shy-basic-arrow.down[data-v-fea26917] {
+.shy-basic-arrow.down[data-v-03d87956] {
   transform: rotate(90deg);
 }
-.shy-basic-arrow.up.shy-basic-arrow--active[data-v-fea26917] {
+.shy-basic-arrow.up.shy-basic-arrow--active[data-v-03d87956] {
   transform: rotate(90deg);
 }
-.shy-basic-arrow.down.shy-basic-arrow--active[data-v-fea26917] {
+.shy-basic-arrow.down.shy-basic-arrow--active[data-v-03d87956] {
   transform: rotate(-90deg);
 }.shy-basic-help {
   display: inline-block;
@@ -1016,7 +1016,7 @@ span.iconify {
 }
 .shy-basic-help__wrap p {
   margin-bottom: 0;
-}.shy-basic-title[data-v-97cf8edc] {
+}.shy-basic-title[data-v-3d04f680] {
   position: relative;
   display: flex;
   font-family: PingFangSC, PingFang SC;
@@ -1029,7 +1029,7 @@ span.iconify {
   align-items: center;
   gap: 8px;
 }
-.shy-basic-title-show-span[data-v-97cf8edc]::before {
+.shy-basic-title-show-span[data-v-3d04f680]::before {
   content: '';
   position: absolute;
   width: 2px;
@@ -1040,7 +1040,7 @@ span.iconify {
   top: 50%;
   transform: translateY(-50%);
 }
-.shy-basic-title-help[data-v-97cf8edc] {
+.shy-basic-title-help[data-v-3d04f680] {
   margin-left: 10px;
 }.shy-collapse-container-arrow {
   font-size: 14px !important;
@@ -1283,7 +1283,7 @@ html[data-theme='light'] {
 }
 .shy-basic-modal-close span:last-child:hover {
   color: #ED6F6F;
-}[data-v-5cd7267e]:root {
+}[data-v-c837219c]:root {
   --shadow-2: 0px 2px 4px 0px rgba(0, 0, 0, 0.04),
       0px 1px 1px 0px rgba(0, 0, 0, 0.02);
   --shadow-3: 0px 4px 10px 0px rgba(0, 0, 0, 0.08),
@@ -1295,17 +1295,17 @@ html[data-theme='light'] {
   --light: #fff;
   --dark: #141414;
 }
-html[data-theme='dark'][data-v-5cd7267e] {
+html[data-theme='dark'][data-v-c837219c] {
   --theme: var(--dark);
   --text-color: var(--light);
   color-scheme: dark;
 }
-html[data-theme='light'][data-v-5cd7267e] {
+html[data-theme='light'][data-v-c837219c] {
   --theme: var(--light);
   --text-color: var(--dark);
   color-scheme: light;
 }
-.shy-basic-title[data-v-5cd7267e] {
+.shy-basic-title[data-v-c837219c] {
   position: relative;
   display: flex;
   font-size: 16px;
@@ -1315,11 +1315,11 @@ html[data-theme='light'][data-v-5cd7267e] {
   cursor: pointer;
   user-select: none;
 }
-.shy-basic-title-normal[data-v-5cd7267e] {
+.shy-basic-title-normal[data-v-c837219c] {
   font-size: 14px;
   font-weight: 500;
 }
-.shy-basic-title-show-span[data-v-5cd7267e]::before {
+.shy-basic-title-show-span[data-v-c837219c]::before {
   position: absolute;
   top: 4px;
   left: 0;
@@ -1329,7 +1329,7 @@ html[data-theme='light'][data-v-5cd7267e] {
   background-color: #006eff;
   content: '';
 }
-.shy-basic-title-help[data-v-5cd7267e] {
+.shy-basic-title-help[data-v-c837219c] {
   margin-left: 10px;
 }.shy-basic-modal :is(.ant-modal-content) {
   padding: 0;
@@ -1578,14 +1578,14 @@ html[data-theme='light'][data-v-5cd7267e] {
   height: 14px;
   content: '';
   background: #2991ff;
-}.shy-strength-meter-bar[data-v-678d40fd] {
+}.shy-strength-meter-bar[data-v-c8d77eaa] {
   position: relative;
   margin: 10px auto 6px;
   height: 6px;
   background-color: rgba(0, 0, 0, 0.25);
   border-radius: 6px;
 }
-.shy-strength-meter-bar[data-v-678d40fd]::before, .shy-strength-meter-bar[data-v-678d40fd]::after {
+.shy-strength-meter-bar[data-v-c8d77eaa]::before, .shy-strength-meter-bar[data-v-c8d77eaa]::after {
   position: absolute;
   z-index: 10;
   display: block;
@@ -1597,13 +1597,13 @@ html[data-theme='light'][data-v-5cd7267e] {
   border-color: #fff;
   content: '';
 }
-.shy-strength-meter-bar[data-v-678d40fd]::before {
+.shy-strength-meter-bar[data-v-c8d77eaa]::before {
   left: 20%;
 }
-.shy-strength-meter-bar[data-v-678d40fd]::after {
+.shy-strength-meter-bar[data-v-c8d77eaa]::after {
   right: 20%;
 }
-.shy-strength-meter-bar--fill[data-v-678d40fd] {
+.shy-strength-meter-bar--fill[data-v-c8d77eaa] {
   position: absolute;
   width: 0;
   height: inherit;
@@ -1611,23 +1611,23 @@ html[data-theme='light'][data-v-5cd7267e] {
   border-radius: inherit;
   transition: width 0.5s ease-in-out, background 0.25s;
 }
-.shy-strength-meter-bar--fill[data-score='0'][data-v-678d40fd] {
+.shy-strength-meter-bar--fill[data-score='0'][data-v-c8d77eaa] {
   width: 20%;
   background-color: #e74242;
 }
-.shy-strength-meter-bar--fill[data-score='1'][data-v-678d40fd] {
+.shy-strength-meter-bar--fill[data-score='1'][data-v-c8d77eaa] {
   width: 40%;
   background-color: #ED6F6F;
 }
-.shy-strength-meter-bar--fill[data-score='2'][data-v-678d40fd] {
+.shy-strength-meter-bar--fill[data-score='2'][data-v-c8d77eaa] {
   width: 60%;
   background-color: #EFBD47;
 }
-.shy-strength-meter-bar--fill[data-score='3'][data-v-678d40fd] {
+.shy-strength-meter-bar--fill[data-score='3'][data-v-c8d77eaa] {
   width: 80%;
   background-color: rgba(85, 209, 135, 0.5);
 }
-.shy-strength-meter-bar--fill[data-score='4'][data-v-678d40fd] {
+.shy-strength-meter-bar--fill[data-score='4'][data-v-c8d77eaa] {
   width: 100%;
   background-color: #55D187;
 }.shy-countdown-input .ant-input-group-addon {
@@ -2020,19 +2020,19 @@ html[data-theme='light'][data-v-5cd7267e] {
 }
 .shy-ant-tree-header {
   margin-bottom: 8px !important;
-}.wrapper[data-v-0ca4fd85] {
+}.wrapper[data-v-15e2dcbb] {
   display: flex;
 }
-.tree[data-v-0ca4fd85] {
+.tree[data-v-15e2dcbb] {
   flex: none;
 }
-.table-wrapper[data-v-0ca4fd85] {
+.table-wrapper[data-v-15e2dcbb] {
   flex: 1 1 0%;
   overflow: hidden;
-}[data-v-45845a8d] .ant-input-group-addon {
+}[data-v-5019fbdf] .ant-input-group-addon {
   padding: 0;
 }
-.btn-wrapper[data-v-45845a8d] {
+.btn-wrapper[data-v-5019fbdf] {
   padding: 0 5px;
   display: flex;
   align-items: center;
@@ -3036,7 +3036,7 @@ html[data-theme='light'][data-v-5cd7267e] {
 }
 .shy-cropper-avatar-upload-btn[data-v-a9902106] {
   margin: 10px auto;
-}.full-loading[data-v-ee545744] {
+}.full-loading[data-v-33b23b82] {
   position: fixed;
   top: 0;
   left: 0;
@@ -3048,16 +3048,16 @@ html[data-theme='light'][data-v-5cd7267e] {
   align-items: center;
   background-color: rgba(240, 242, 245, 0.4);
 }
-.full-loading.absolute[data-v-ee545744] {
+.full-loading.absolute[data-v-33b23b82] {
   position: absolute;
   top: 0;
   left: 0;
   z-index: 300;
 }
-html[data-theme='dark'] .full-loading[data-v-ee545744]:not(.light) {
+html[data-theme='dark'] .full-loading[data-v-33b23b82]:not(.light) {
   background-color: rgba(0, 0, 0, 0.45);
 }
-.full-loading.dark[data-v-ee545744] {
+.full-loading.dark[data-v-33b23b82] {
   background-color: rgba(0, 0, 0, 0.45);
 }.shy-basic-table-plus-wrapper {
   display: flex;
@@ -9736,19 +9736,19 @@ div.vxe-table--tooltip-wrapper.vxe-table--valid-error.old-cell-valid {
 }
 .shy-basic-container-footer-cancel-right {
   flex-direction: row-reverse;
-}[data-v-2d2eda80] .ant-descriptions-item-content {
+}[data-v-b1ced086] .ant-descriptions-item-content {
   padding: 0 !important;
   flex: 1;
   height: 100%;
 }
-[data-v-2d2eda80] .ant-form-item {
+[data-v-b1ced086] .ant-form-item {
   margin: 0;
 }
-[data-v-2d2eda80] .ant-form-item-explain {
+[data-v-b1ced086] .ant-form-item-explain {
   display: none;
 }
-[data-v-2d2eda80] .ant-descriptions-item-label {
-  --label-width: var(--989efb00);
+[data-v-b1ced086] .ant-descriptions-item-label {
+  --label-width: var(--7210fae1);
   justify-content: right;
   align-items: center;
   width: var(--label-width) !important;
@@ -9757,55 +9757,55 @@ div.vxe-table--tooltip-wrapper.vxe-table--valid-error.old-cell-valid {
   text-overflow: ellipsis;
   color: #b1b1b1;
 }
-[data-v-2d2eda80] .ant-descriptions-item-label span {
+[data-v-b1ced086] .ant-descriptions-item-label span {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }
-[data-v-2d2eda80] .ant-descriptions-view tbody {
+[data-v-b1ced086] .ant-descriptions-view tbody {
   display: block;
 }
-[data-v-2d2eda80] .ant-descriptions-view .ant-descriptions-row {
+[data-v-b1ced086] .ant-descriptions-view .ant-descriptions-row {
   display: flex;
   width: 100%;
   align-items: center;
   gap: 0 10px;
 }
-[data-v-2d2eda80] .ant-descriptions-item-label.description-active::before {
+[data-v-b1ced086] .ant-descriptions-item-label.description-active::before {
   content: '*';
   color: red;
 }
-[data-v-2d2eda80] .ant-descriptions-item.description-active .ant-descriptions-item-label::before {
+[data-v-b1ced086] .ant-descriptions-item.description-active .ant-descriptions-item-label::before {
   content: '*';
   color: red;
 }
-[data-v-2d2eda80] .ant-descriptions-item-label::after {
+[data-v-b1ced086] .ant-descriptions-item-label::after {
   content: '';
 }
-[data-v-2d2eda80] .ant-descriptions-item.description-placeholder .ant-descriptions-item-label::after {
+[data-v-b1ced086] .ant-descriptions-item.description-placeholder .ant-descriptions-item-label::after {
   content: '';
 }
-[data-v-2d2eda80] .ant-form-item-has-error .ant-select-selection-placeholder {
+[data-v-b1ced086] .ant-form-item-has-error .ant-select-selection-placeholder {
   color: #ff4d4f !important;
 }
-[data-v-2d2eda80] .ant-descriptions.ant-descriptions-bordered .ant-descriptions-view .ant-descriptions-row {
+[data-v-b1ced086] .ant-descriptions.ant-descriptions-bordered .ant-descriptions-view .ant-descriptions-row {
   gap: 0;
 }
-[data-v-2d2eda80] .ant-descriptions.ant-descriptions-bordered .ant-form-item div {
+[data-v-b1ced086] .ant-descriptions.ant-descriptions-bordered .ant-form-item div {
   border: unset !important;
 }
-[data-v-2d2eda80] .ant-descriptions-item-label.description-placeholder {
+[data-v-b1ced086] .ant-descriptions-item-label.description-placeholder {
   background-color: unset;
   border-right: unset;
 }
-[data-v-2d2eda80] .ant-descriptions-item {
+[data-v-b1ced086] .ant-descriptions-item {
   flex: 1;
 }
-[data-v-2d2eda80] .ant-row.ant-form-item {
+[data-v-b1ced086] .ant-row.ant-form-item {
   width: 100%;
   height: 100%;
 }
-.descriptions-item-content[data-v-2d2eda80] {
+.descriptions-item-content[data-v-b1ced086] {
   padding: 0 8px;
 }.shy-basic-resize-wrapper {
   --design-width: var(--6a5207ba);

package/lib/ui/src/ColorPickerPopover/src/vue-colorful/css/styles.css.d.ts

@@ -1,2 +1,2 @@
-declare const cssString: string;
-export default cssString;
+declare const cssString: string;
+export default cssString;

package/lib/ui/src/Container/src/collapse/CollapseContainer.vue.d.ts

@@ -50,6 +50,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
                 default: any;
             };
             loading: {
+                /**
+                 * Whether to trigger window.resize when expanding and contracting,
+                 * Can adapt to tables and forms, when the form shrinks, the form triggers resize to adapt to the height
+                 */
                 type: BooleanConstructor;
                 default: any;
             };
@@ -414,9 +418,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
             active: {
                 type: BooleanConstructor;
                 default: any;
-            }; /**
-             * @description: Handling development events
-             */
+            };
         }, "size" | "active" | "shape">, () => import("ant-design-vue/es/_util/type").VueNode, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<Omit<{
             prefixCls: StringConstructor;
             size: PropType<number | "small" | "default" | "large">;

package/lib/ui/src/Scrollbar/src/types.d.ts

@@ -1,18 +1,18 @@
-export interface BarMapItem {
-  offset: string
-  scroll: string
-  scrollSize: string
-  size: string
-  key: string
-  axis: string
-  client: string
-  direction: string
-}
-export interface BarMap {
-  vertical: BarMapItem
-  horizontal: BarMapItem
-}
-
-export interface ScrollbarType {
-  wrap: ElRef
-}
+export interface BarMapItem {
+  offset: string
+  scroll: string
+  scrollSize: string
+  size: string
+  key: string
+  axis: string
+  client: string
+  direction: string
+}
+export interface BarMap {
+  vertical: BarMapItem
+  horizontal: BarMapItem
+}
+
+export interface ScrollbarType {
+  wrap: ElRef
+}

package/lib/ui/types/global.d.ts

@@ -1,102 +1,102 @@
-import type {
-  ComponentRenderProxy,
-  VNode,
-  VNodeChild,
-  ComponentPublicInstance,
-  FunctionalComponent,
-  PropType as VuePropType
-} from 'vue'
-
-declare global {
-  const __APP_INFO__: {
-    pkg: {
-      name: string
-      version: string
-      dependencies: Recordable<string>
-      devDependencies: Recordable<string>
-    }
-    lastBuildTime: string
-  }
-  // declare interface Window {
-  //   // Global vue app instance
-  //   __APP__: App<Element>;
-  // }
-
-  // vue
-  declare type PropType<T> = VuePropType<T>
-  declare type VueNode = VNodeChild | JSX.Element
-
-  export type Writable<T> = {
-    -readonly [P in keyof T]: T[P]
-  }
-
-  declare type Nullable<T> = T | null
-  declare type NonNullable<T> = T extends null | undefined ? never : T
-  declare type Recordable<T = any> = Record<string, T>
-  declare type ReadonlyRecordable<T = any> = {
-    readonly [key: string]: T
-  }
-  declare type Indexable<T = any> = {
-    [key: string]: T
-  }
-  declare type DeepPartial<T> = {
-    [P in keyof T]?: DeepPartial<T[P]>
-  }
-  declare type TimeoutHandle = ReturnType<typeof setTimeout>
-  declare type IntervalHandle = ReturnType<typeof setInterval>
-
-  declare interface ChangeEvent extends Event {
-    target: HTMLInputElement
-  }
-
-  declare interface WheelEvent {
-    path?: EventTarget[]
-  }
-  interface ImportMetaEnv extends ViteEnv {
-    __: unknown
-  }
-
-  declare interface ViteEnv {
-    VITE_PORT: number
-    VITE_USE_MOCK: boolean
-    VITE_USE_PWA: boolean
-    VITE_PUBLIC_PATH: string
-    VITE_PROXY: [string, string][]
-    VITE_GLOB_APP_TITLE: string
-    VITE_GLOB_APP_SHORT_NAME: string
-    VITE_GLOB_COPY_RIGHT: string
-    VITE_USE_CDN: boolean
-    VITE_DROP_CONSOLE: boolean
-    VITE_BUILD_COMPRESS: 'gzip' | 'brotli' | 'none'
-    VITE_BUILD_COMPRESS_DELETE_ORIGIN_FILE: boolean
-    VITE_LEGACY: boolean
-    VITE_USE_IMAGEMIN: boolean
-    VITE_GENERATE_UI: string
-  }
-
-  declare function parseInt(s: string | number, radix?: number): number
-
-  declare function parseFloat(string: string | number): number
-
-  namespace JSX {
-    // tslint:disable no-empty-interface
-    type Element = VNode
-    // tslint:disable no-empty-interface
-    type ElementClass = ComponentRenderProxy
-    interface ElementAttributesProperty {
-      $props: any
-    }
-    interface IntrinsicElements {
-      [elem: string]: any
-    }
-    interface IntrinsicAttributes {
-      [elem: string]: any
-    }
-  }
-}
-
-declare module 'vue' {
-  export type JSXComponent<Props = any> =
-    | { new (): ComponentPublicInstance<Props> }
-    | FunctionalComponent<Props>
-}
+import type {
+  ComponentRenderProxy,
+  VNode,
+  VNodeChild,
+  ComponentPublicInstance,
+  FunctionalComponent,
+  PropType as VuePropType
+} from 'vue'
+
+declare global {
+  const __APP_INFO__: {
+    pkg: {
+      name: string
+      version: string
+      dependencies: Recordable<string>
+      devDependencies: Recordable<string>
+    }
+    lastBuildTime: string
+  }
+  // declare interface Window {
+  //   // Global vue app instance
+  //   __APP__: App<Element>;
+  // }
+
+  // vue
+  declare type PropType<T> = VuePropType<T>
+  declare type VueNode = VNodeChild | JSX.Element
+
+  export type Writable<T> = {
+    -readonly [P in keyof T]: T[P]
+  }
+
+  declare type Nullable<T> = T | null
+  declare type NonNullable<T> = T extends null | undefined ? never : T
+  declare type Recordable<T = any> = Record<string, T>
+  declare type ReadonlyRecordable<T = any> = {
+    readonly [key: string]: T
+  }
+  declare type Indexable<T = any> = {
+    [key: string]: T
+  }
+  declare type DeepPartial<T> = {
+    [P in keyof T]?: DeepPartial<T[P]>
+  }
+  declare type TimeoutHandle = ReturnType<typeof setTimeout>
+  declare type IntervalHandle = ReturnType<typeof setInterval>
+
+  declare interface ChangeEvent extends Event {
+    target: HTMLInputElement
+  }
+
+  declare interface WheelEvent {
+    path?: EventTarget[]
+  }
+  interface ImportMetaEnv extends ViteEnv {
+    __: unknown
+  }
+
+  declare interface ViteEnv {
+    VITE_PORT: number
+    VITE_USE_MOCK: boolean
+    VITE_USE_PWA: boolean
+    VITE_PUBLIC_PATH: string
+    VITE_PROXY: [string, string][]
+    VITE_GLOB_APP_TITLE: string
+    VITE_GLOB_APP_SHORT_NAME: string
+    VITE_GLOB_COPY_RIGHT: string
+    VITE_USE_CDN: boolean
+    VITE_DROP_CONSOLE: boolean
+    VITE_BUILD_COMPRESS: 'gzip' | 'brotli' | 'none'
+    VITE_BUILD_COMPRESS_DELETE_ORIGIN_FILE: boolean
+    VITE_LEGACY: boolean
+    VITE_USE_IMAGEMIN: boolean
+    VITE_GENERATE_UI: string
+  }
+
+  declare function parseInt(s: string | number, radix?: number): number
+
+  declare function parseFloat(string: string | number): number
+
+  namespace JSX {
+    // tslint:disable no-empty-interface
+    type Element = VNode
+    // tslint:disable no-empty-interface
+    type ElementClass = ComponentRenderProxy
+    interface ElementAttributesProperty {
+      $props: any
+    }
+    interface IntrinsicElements {
+      [elem: string]: any
+    }
+    interface IntrinsicAttributes {
+      [elem: string]: any
+    }
+  }
+}
+
+declare module 'vue' {
+  export type JSXComponent<Props = any> =
+    | { new (): ComponentPublicInstance<Props> }
+    | FunctionalComponent<Props>
+}

package/lib/ui/types/index.d.ts

@@ -1,36 +1,36 @@
-type Nullable<T> = T | null
-
-declare interface Fn<T = any, R = T> {
-  (...arg: T[]): R
-}
-
-declare interface PromiseFn<T = any, R = T> {
-  (...arg: T[]): Promise<R>
-}
-
-declare type RefType<T> = T | null
-
-declare type LabelValueOptions = {
-  label: string
-  value: any
-  [key: string]: string | number | boolean
-}[]
-
-declare type EmitType = (event: any, ...args: any[]) => void
-
-declare type TargetContext = '_self' | '_blank'
-
-declare interface ComponentElRef<T extends HTMLElement = HTMLDivElement> {
-  $el: T
-}
-
-declare type ComponentRef<T extends HTMLElement = HTMLDivElement> =
-  ComponentElRef<T> | null
-
-declare type ElRef<T extends HTMLElement = HTMLDivElement> = Nullable<T>
-
-declare type Recordable<T = any> = { [key: string]: T }
-
-// declare module 'vue-types' {
-//   // 这里添加 vue-types 模块的类型声明
-// }
+type Nullable<T> = T | null
+
+declare interface Fn<T = any, R = T> {
+  (...arg: T[]): R
+}
+
+declare interface PromiseFn<T = any, R = T> {
+  (...arg: T[]): Promise<R>
+}
+
+declare type RefType<T> = T | null
+
+declare type LabelValueOptions = {
+  label: string
+  value: any
+  [key: string]: string | number | boolean
+}[]
+
+declare type EmitType = (event: any, ...args: any[]) => void
+
+declare type TargetContext = '_self' | '_blank'
+
+declare interface ComponentElRef<T extends HTMLElement = HTMLDivElement> {
+  $el: T
+}
+
+declare type ComponentRef<T extends HTMLElement = HTMLDivElement> =
+  ComponentElRef<T> | null
+
+declare type ElRef<T extends HTMLElement = HTMLDivElement> = Nullable<T>
+
+declare type Recordable<T = any> = { [key: string]: T }
+
+// declare module 'vue-types' {
+//   // 这里添加 vue-types 模块的类型声明
+// }