@veltra/desktop 1.0.8 → 1.0.10

package/dist/components/file-viewer/style2.css

@@ -0,0 +1,445 @@
+@charset "UTF-8";
+/** flex布局 */
+/**
+* 设置css变量
+* 参数1:变量前缀
+* 参数2: 一个由值组成的列表或者由key, value组成的map
+* css-var(height, (
+*   large: 40px
+*   default: 32px
+*   small: 24px
+* ))
+* 生成的css变量:
+* --u-height-large: 40px;
+* --u-height-default: 32px;
+* --u-height-small: 24px;
+*/
+/** 暗色：data-theme 与系统偏好，与 UITheme.injectBuiltInThemes 选择器策略一致 */
+.u-file-viewer {
+  position: relative;
+  display: flex;
+  width: 100%;
+  height: 100%;
+  min-height: 480px;
+  color: var(--u-text-color-main);
+  background: var(--u-bg-color-top);
+  border-radius: 12px;
+  overflow: hidden;
+  border: 1px solid var(--u-border-color);
+}
+.u-file-viewer__inner {
+  display: contents;
+}
+.u-file-viewer.is-modal {
+  position: fixed;
+  inset: 0;
+  z-index: 2000;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: clamp(16px, 3vw, 48px);
+  min-height: 0;
+  max-height: none;
+  background: transparent;
+  border: none;
+  border-radius: 0;
+  overflow: visible;
+  outline: none;
+}
+.u-file-viewer.is-modal .u-file-viewer__backdrop {
+  position: absolute;
+  inset: 0;
+  background: rgba(15, 23, 42, 0.52);
+  backdrop-filter: blur(6px);
+  -webkit-backdrop-filter: blur(6px);
+}
+.u-file-viewer.is-modal .u-file-viewer__inner {
+  position: relative;
+  display: flex;
+  width: 100%;
+  height: 100%;
+  max-width: 1440px;
+  background: var(--u-bg-color-top);
+  border: 1px solid var(--u-border-color);
+  border-radius: 16px;
+  overflow: hidden;
+  box-shadow: 0 24px 64px rgba(15, 23, 42, 0.32), 0 2px 8px rgba(15, 23, 42, 0.18);
+  z-index: 1;
+}
+.u-file-viewer__sidebar {
+  display: flex;
+  flex-direction: column;
+  border-right: 1px solid var(--u-border-color);
+  background: var(--u-bg-color-middle);
+  flex-shrink: 0;
+  min-width: 0;
+}
+.u-file-viewer__sidebar-head {
+  display: flex;
+  justify-content: space-between;
+  align-items: baseline;
+  padding: 18px 20px 10px;
+  color: var(--u-text-color-title);
+}
+.u-file-viewer__sidebar-title {
+  font-size: 13px;
+  font-weight: 600;
+  letter-spacing: 0.04em;
+  text-transform: uppercase;
+}
+.u-file-viewer__sidebar-count {
+  font-size: 12px;
+  color: var(--u-text-color-second);
+}
+.u-file-viewer__list {
+  flex: 1;
+  min-height: 0;
+  padding: 4px 10px 16px;
+}
+.u-file-viewer__list-empty {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 48px 0;
+  color: var(--u-text-color-second);
+}
+.u-file-viewer__item {
+  display: flex;
+  gap: 12px;
+  align-items: center;
+  padding: 10px 12px;
+  margin: 2px 0;
+  border-radius: 8px;
+  cursor: pointer;
+  transition: background 0.18s ease, color 0.18s ease, transform 0.18s ease;
+}
+.u-file-viewer__item:hover {
+  background: var(--u-bg-color-hover);
+}
+.u-file-viewer__item.is-active {
+  background: color-mix(in srgb, var(--u-color-primary) 14%, transparent);
+  color: var(--u-color-primary);
+}
+.u-file-viewer__item-meta {
+  display: flex;
+  flex-direction: column;
+  min-width: 0;
+  gap: 2px;
+  flex: 1;
+}
+.u-file-viewer__item-name {
+  font-size: 13px;
+  line-height: 1.4;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.u-file-viewer__item-size {
+  font-size: 11px;
+  color: var(--u-text-color-second);
+}
+.u-file-viewer__badge {
+  flex-shrink: 0;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 42px;
+  height: 28px;
+  border-radius: 6px;
+  font-size: 11px;
+  font-weight: 700;
+  letter-spacing: 0.04em;
+  color: #fff;
+  background: var(--u-text-color-placeholder);
+}
+.u-file-viewer__badge__badge--image {
+  background: #0ea5e9;
+}
+.u-file-viewer__badge__badge--video {
+  background: #ef4444;
+}
+.u-file-viewer__badge__badge--pdf {
+  background: #dc2626;
+}
+.u-file-viewer__badge__badge--sheet {
+  background: #16a34a;
+}
+.u-file-viewer__badge__badge--docx {
+  background: #2563eb;
+}
+.u-file-viewer__badge__badge--text {
+  background: #64748b;
+}
+.u-file-viewer__stage {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  min-width: 0;
+  min-height: 0;
+}
+.u-file-viewer__stage-head {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 16px;
+  padding: 14px 22px;
+  border-bottom: 1px solid var(--u-border-color);
+  background: var(--u-bg-color-top);
+  flex-shrink: 0;
+}
+.u-file-viewer__stage-title {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  min-width: 0;
+}
+.u-file-viewer__stage-name {
+  font-size: 14px;
+  font-weight: 600;
+  color: var(--u-text-color-title);
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.u-file-viewer__stage-sub {
+  font-size: 12px;
+  color: var(--u-text-color-second);
+  flex-shrink: 0;
+}
+.u-file-viewer__stage-actions {
+  display: flex;
+  gap: 8px;
+  flex-shrink: 0;
+}
+.u-file-viewer__action {
+  height: 30px;
+  padding: 0 14px;
+  border-radius: 6px;
+  border: 1px solid var(--u-border-color);
+  background: transparent;
+  color: inherit;
+  font-size: 12px;
+  cursor: pointer;
+  transition: background 0.18s, border-color 0.18s, color 0.18s;
+}
+.u-file-viewer__action:not(:disabled):hover {
+  border-color: var(--u-color-primary);
+  color: var(--u-color-primary);
+}
+.u-file-viewer__action:disabled {
+  opacity: 0.45;
+  cursor: not-allowed;
+}
+.u-file-viewer__action__action--primary {
+  background: var(--u-color-primary);
+  border-color: var(--u-color-primary);
+  color: #fff;
+}
+.u-file-viewer__action__action--primary:not(:disabled):hover {
+  color: #fff;
+  filter: brightness(1.05);
+}
+.u-file-viewer__action__action--icon {
+  width: 30px;
+  padding: 0;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  margin-left: 4px;
+  color: var(--u-text-color-second);
+}
+.u-file-viewer__action__action--icon:not(:disabled):hover {
+  border-color: var(--u-color-danger);
+  color: var(--u-color-danger);
+}
+.u-file-viewer__body {
+  position: relative;
+  flex: 1;
+  min-height: 0;
+  background: var(--u-bg-color-bottom);
+  overflow: hidden;
+}
+.u-file-viewer__empty {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: var(--u-text-color-second);
+}
+.u-file-viewer__image {
+  position: absolute;
+  inset: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 24px;
+  user-select: none;
+}
+.u-file-viewer__image img {
+  max-width: 100%;
+  max-height: 100%;
+  object-fit: contain;
+  transition: transform 0.3s ease;
+  border-radius: 6px;
+  box-shadow: 0 12px 40px rgba(15, 23, 42, 0.12);
+}
+.u-file-viewer__image.is-actual img {
+  max-width: none;
+  max-height: none;
+  object-fit: none;
+  cursor: zoom-out;
+}
+.u-file-viewer__video {
+  position: absolute;
+  inset: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: #000;
+}
+.u-file-viewer__video video {
+  max-width: 100%;
+  max-height: 100%;
+  outline: none;
+}
+.u-file-viewer__text {
+  position: absolute;
+  inset: 0;
+}
+.u-file-viewer__text-pre {
+  margin: 0;
+  padding: 20px 24px;
+  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
+  font-size: 12.5px;
+  line-height: 1.55;
+  white-space: pre;
+  tab-size: 2;
+  color: var(--u-text-color-main);
+}
+.u-file-viewer__pdf {
+  position: absolute;
+  inset: 0;
+  overflow: hidden;
+}
+.u-file-viewer__pdf-viewport {
+  width: 100%;
+  height: 100%;
+  background: var(--u-bg-color-middle);
+}
+.u-file-viewer__pdf-page {
+  margin: 16px auto;
+  background: #fff;
+  box-shadow: 0 4px 12px rgba(15, 23, 42, 0.12);
+}
+.u-file-viewer__docx {
+  position: absolute;
+  inset: 0;
+  background: var(--u-bg-color-middle);
+}
+.u-file-viewer__docx-body {
+  padding: 24px;
+}
+.u-file-viewer__docx-body :deep(.u-file-viewer__docx-doc) {
+  margin: 0 auto;
+  background: #fff;
+  box-shadow: 0 4px 12px rgba(15, 23, 42, 0.12);
+  color: #222;
+}
+.u-file-viewer__sheet {
+  position: absolute;
+  inset: 0;
+  display: flex;
+  flex-direction: column;
+  background: var(--u-bg-color-middle);
+}
+.u-file-viewer__sheet-note {
+  padding: 8px 16px;
+  font-size: 12px;
+  color: var(--u-text-color-second);
+  background: var(--u-bg-color-top);
+  border-bottom: 1px solid var(--u-border-color);
+  flex-shrink: 0;
+}
+.u-file-viewer__sheet-tabs {
+  display: flex;
+  gap: 4px;
+  padding: 8px 12px;
+  border-bottom: 1px solid var(--u-border-color);
+  background: var(--u-bg-color-top);
+  flex-shrink: 0;
+  overflow-x: auto;
+}
+.u-file-viewer__sheet-tab {
+  flex-shrink: 0;
+  height: 28px;
+  padding: 0 12px;
+  border-radius: 6px;
+  border: 1px solid transparent;
+  background: transparent;
+  color: var(--u-text-color-second);
+  font-size: 12px;
+  cursor: pointer;
+  transition: background 0.18s, color 0.18s;
+}
+.u-file-viewer__sheet-tab:hover {
+  background: var(--u-bg-color-hover);
+  color: var(--u-text-color-main);
+}
+.u-file-viewer__sheet-tab.is-active {
+  background: color-mix(in srgb, var(--u-color-primary) 14%, transparent);
+  color: var(--u-color-primary);
+}
+.u-file-viewer__sheet-stage {
+  flex: 1;
+  min-height: 0;
+  overflow: hidden;
+}
+.u-file-viewer__loading {
+  position: absolute;
+  inset: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: var(--u-text-color-second);
+  font-size: 13px;
+  pointer-events: none;
+}
+
+.u-file-viewer-fade-enter-active,
+.u-file-viewer-fade-leave-active {
+  transition: opacity 0.22s ease, transform 0.22s ease;
+}
+
+.u-file-viewer-fade-enter-from,
+.u-file-viewer-fade-leave-to {
+  opacity: 0;
+  transform: translateY(6px);
+}
+
+.u-file-viewer-modal-enter-active,
+.u-file-viewer-modal-leave-active {
+  transition: opacity 0.22s ease;
+}
+.u-file-viewer-modal-enter-active .u-file-viewer__inner,
+.u-file-viewer-modal-leave-active .u-file-viewer__inner {
+  transition: opacity 0.24s ease, transform 0.24s cubic-bezier(0.2, 0.8, 0.2, 1);
+}
+.u-file-viewer-modal-enter-active .u-file-viewer__backdrop,
+.u-file-viewer-modal-leave-active .u-file-viewer__backdrop {
+  transition: opacity 0.22s ease;
+}
+
+.u-file-viewer-modal-enter-from,
+.u-file-viewer-modal-leave-to {
+  opacity: 1;
+}
+.u-file-viewer-modal-enter-from .u-file-viewer__inner,
+.u-file-viewer-modal-leave-to .u-file-viewer__inner {
+  opacity: 0;
+  transform: translateY(12px) scale(0.985);
+}
+.u-file-viewer-modal-enter-from .u-file-viewer__backdrop,
+.u-file-viewer-modal-leave-to .u-file-viewer__backdrop {
+  opacity: 0;
+}

package/dist/components/form/form-model.js

@@ -56,7 +56,7 @@ var FormModel = class {
 	* @param proxyData 响应式的值
 	*/
 	setProxyData(proxyData) {
-		this.data = middleProxy(proxyData, {
+		const data = middleProxy(proxyData, {
 			set: (field, val) => {
 				this.modelChangeCallback.forEach((cb) => cb(field, val));
 			},
@@ -68,6 +68,7 @@ var FormModel = class {
 				this.validate(fields);
 			}
 		});
+		this.data = data;
 	}
 	getValidateFields(fields) {
 		if (!fields) if (this.formKeys.size) {

package/dist/components/form/form-model.js.map

@@ -1 +1 @@
-{"version":3,"file":"form-model.js","names":[],"sources":["../../../src/components/form/form-model.ts"],"sourcesContent":["import { o } from '@cat-kit/core'\nimport { middleProxy, Validator } from '@veltra/utils'\nimport { nextTick, reactive, shallowReactive, watch, type Reactive } from 'vue'\n\nimport type {\n  FormModelItem,\n  ModelData,\n  ModelRules,\n  DataSettingConfig,\n  IFormModel\n} from '../../types'\n\n/**\n * 表单模型\n */\nexport class FormModel<\n  Fields extends Record<string, FormModelItem> = Record<string, FormModelItem>\n> implements IFormModel<Fields> {\n  /** 表单数据 */\n  data!: ModelData<Fields>\n\n  /** 表单规则 */\n  readonly fields: Fields\n\n  /** 所有的键 */\n  readonly allKeys: string[]\n\n  /**\n   * 不同表单所需要校验的字段\n   * @description\n   * 这个值会在表单组件渲染时由表单设置，因为只有真正渲染的组件才应该被校验\n   */\n  formKeys: Map<number, (keyof Fields)[]> = new Map()\n\n  /** 初始数据 */\n  readonly initialData: ModelData<Fields>\n\n  readonly errors: Map<keyof Fields, string[] | undefined> = shallowReactive(new Map())\n\n  private validator: Validator<ModelRules<Fields>>\n\n  /**\n   * 是否在表单值更新时校验\n   */\n  private validateOnFieldChange = true\n\n  private modelChangeCallback: Set<(fields: string, val: any) => void> = new Set()\n\n  constructor(fields: Fields) {\n    this.fields = fields\n    const rawData = {} as ModelData<Fields>\n    const allKeys: string[] = []\n\n    for (const key in fields) {\n      const fieldItem = fields[key]!\n      allKeys.push(key)\n      const { value } = fieldItem\n      let v = value\n\n      if (typeof value === 'function') {\n        watch(value, (v) => {\n          o(this.initialData).set(key, v)\n        })\n        v = value()\n      }\n\n      o(rawData).set(key, v)\n    }\n\n    this.allKeys = allKeys\n    this.initialData = JSON.parse(JSON.stringify(rawData))\n\n    this.setProxyData(reactive(rawData))\n\n    this.validator = new Validator(this.fields)\n\n    return shallowReactive(this)\n  }\n\n  /**\n   * 设置响应式值, 替换掉原有的数据\n   * @description 设置响应式值时，会自动监听值的变化，并进行校验\n   * @param proxyData 响应式的值\n   */\n  setProxyData(proxyData: ModelData<Fields> | Reactive<ModelData<Fields>>): void {\n    const data = middleProxy(proxyData, {\n      set: (field, val) => {\n        this.modelChangeCallback.forEach((cb) => cb(field, val))\n      },\n\n      changed: (fields) => {\n        if (!this.validateOnFieldChange) {\n          this.validateOnFieldChange = true\n          return\n        }\n        this.validate(fields)\n      }\n    })\n\n    this.data = data as ModelData<Fields>\n  }\n\n  private getValidateFields(fields?: keyof Fields | (keyof Fields)[]) {\n    if (!fields) {\n      if (this.formKeys.size) {\n        let _fields: (keyof Fields)[] = []\n        this.formKeys.forEach((fields) => {\n          _fields = _fields.concat(fields)\n        })\n        return _fields\n      } else {\n        return this.allKeys\n      }\n    }\n\n    if (!Array.isArray(fields)) {\n      return [fields]\n    }\n    return fields\n  }\n\n  /**\n   * 模型校验\n   * @param fields 需要校验的字段, 不传则校验所有字段\n   * @returns\n   */\n  async validate(fields?: keyof Fields | (keyof Fields)[]): Promise<boolean> {\n    const { errors, validator, data } = this\n\n    const results = await validator.validate(data, this.getValidateFields(fields))\n\n    // 全量校验\n    if (!fields) {\n      errors.clear()\n\n      for (const field in results) {\n        errors.set(field, results[field])\n      }\n    }\n    // 局部校验\n    else {\n      ~(Array.isArray(fields) ? fields : [fields]).forEach((field) => {\n        const errs = results[field]\n        if (errs?.length) {\n          errors.set(field, errs)\n        } else {\n          errors.delete(field)\n        }\n      })\n    }\n\n    if (errors.size > 0) {\n      if (!fields) {\n        nextTick(() => {\n          document.querySelector('.u-form-item.is-error')?.scrollIntoView({ block: 'nearest' })\n        })\n      }\n      return Promise.reject(false)\n    }\n\n    return true\n  }\n\n  /**\n   * 重置数据\n   * @param fields 需要重置的字段\n   */\n  resetData(keys?: keyof Fields | (keyof Fields)[]): void {\n    if (typeof keys === 'string') {\n      keys = [keys]\n    } else if (Array.isArray(keys)) {\n    } else {\n      keys = this.allKeys\n    }\n\n    this.clearValidate()\n\n    this.validateOnFieldChange = false\n\n    keys.forEach((field) => {\n      o(this.data).set(field as string, o(this.initialData).get(field as string))\n    })\n  }\n\n  /**\n   * 设置值\n   * @param formData 表单值\n   * @param options 配置\n   */\n  setData(\n    formData: Partial<ModelData<Fields> & Record<string, any>>,\n    config?: DataSettingConfig\n  ): FormModel<Fields> {\n    const { validate = true } = config || {}\n\n    if (!validate) {\n      this.validateOnFieldChange = false\n    }\n\n    this.allKeys.forEach((key) => {\n      const value = o(formData).get(key)\n      if (value !== undefined) {\n        o(this.data).set(key, value)\n      }\n    })\n\n    return this\n  }\n\n  /**\n   * 设置初始值\n   * @description 初始值在重置数据和查看原始数据时会用到\n   * @param data 初始值\n   */\n  setInitialData(data: Partial<ModelData<Fields>>): FormModel<Fields> {\n    this.allKeys.forEach((key) => {\n      o(this.initialData).set(key, o(data).get(key))\n    })\n\n    return this\n  }\n\n  /** 清除校验 */\n  clearValidate(): void {\n    this.errors.clear()\n  }\n\n  /**\n   * 监听值变更\n   * @param cb 回调\n   */\n  onChange(cb: (field: keyof Fields, val: any) => void): void {\n    this.modelChangeCallback.add(cb)\n  }\n\n  /** 关闭监听值变更 */\n  offChange(cb: (field: keyof Fields, val: any) => void): void {\n    this.modelChangeCallback.delete(cb)\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"form-model.js","names":[],"sources":["../../../src/components/form/form-model.ts"],"sourcesContent":["import { o } from '@cat-kit/core'\nimport { middleProxy, Validator } from '@veltra/utils'\nimport { nextTick, reactive, shallowReactive, watch, type Reactive } from 'vue'\n\nimport type {\n  FormModelItem,\n  ModelData,\n  ModelRules,\n  DataSettingConfig,\n  IFormModel\n} from '../../types'\n\n/**\n * 表单模型\n */\nexport class FormModel<\n  Fields extends Record<string, FormModelItem> = Record<string, FormModelItem>\n> implements IFormModel<Fields> {\n  /** 表单数据 */\n  data!: ModelData<Fields>\n\n  /** 表单规则 */\n  readonly fields: Fields\n\n  /** 所有的键 */\n  readonly allKeys: string[]\n\n  /**\n   * 不同表单所需要校验的字段\n   * @description\n   * 这个值会在表单组件渲染时由表单设置，因为只有真正渲染的组件才应该被校验\n   */\n  formKeys: Map<number, (keyof Fields)[]> = new Map()\n\n  /** 初始数据 */\n  readonly initialData: ModelData<Fields>\n\n  readonly errors: Map<keyof Fields, string[] | undefined> = shallowReactive(new Map())\n\n  private validator: Validator<ModelRules<Fields>>\n\n  /**\n   * 是否在表单值更新时校验\n   */\n  private validateOnFieldChange = true\n\n  private modelChangeCallback: Set<(fields: string, val: any) => void> = new Set()\n\n  constructor(fields: Fields) {\n    this.fields = fields\n    const rawData = {} as ModelData<Fields>\n    const allKeys: string[] = []\n\n    for (const key in fields) {\n      const fieldItem = fields[key]!\n      allKeys.push(key)\n      const { value } = fieldItem\n      let v = value\n\n      if (typeof value === 'function') {\n        watch(value, (v) => {\n          o(this.initialData).set(key, v)\n        })\n        v = value()\n      }\n\n      o(rawData).set(key, v)\n    }\n\n    this.allKeys = allKeys\n    this.initialData = JSON.parse(JSON.stringify(rawData))\n\n    this.setProxyData(reactive(rawData))\n\n    this.validator = new Validator(this.fields)\n\n    return shallowReactive(this)\n  }\n\n  /**\n   * 设置响应式值, 替换掉原有的数据\n   * @description 设置响应式值时，会自动监听值的变化，并进行校验\n   * @param proxyData 响应式的值\n   */\n  setProxyData(proxyData: ModelData<Fields> | Reactive<ModelData<Fields>>): void {\n    const data = middleProxy(proxyData, {\n      set: (field, val) => {\n        this.modelChangeCallback.forEach((cb) => cb(field, val))\n      },\n\n      changed: (fields) => {\n        if (!this.validateOnFieldChange) {\n          this.validateOnFieldChange = true\n          return\n        }\n        this.validate(fields)\n      }\n    })\n\n    this.data = data as ModelData<Fields>\n  }\n\n  private getValidateFields(fields?: keyof Fields | (keyof Fields)[]) {\n    if (!fields) {\n      if (this.formKeys.size) {\n        let _fields: (keyof Fields)[] = []\n        this.formKeys.forEach((fields) => {\n          _fields = _fields.concat(fields)\n        })\n        return _fields\n      } else {\n        return this.allKeys\n      }\n    }\n\n    if (!Array.isArray(fields)) {\n      return [fields]\n    }\n    return fields\n  }\n\n  /**\n   * 模型校验\n   * @param fields 需要校验的字段, 不传则校验所有字段\n   * @returns\n   */\n  async validate(fields?: keyof Fields | (keyof Fields)[]): Promise<boolean> {\n    const { errors, validator, data } = this\n\n    const results = await validator.validate(data, this.getValidateFields(fields))\n\n    // 全量校验\n    if (!fields) {\n      errors.clear()\n\n      for (const field in results) {\n        errors.set(field, results[field])\n      }\n    }\n    // 局部校验\n    else {\n      ~(Array.isArray(fields) ? fields : [fields]).forEach((field) => {\n        const errs = results[field]\n        if (errs?.length) {\n          errors.set(field, errs)\n        } else {\n          errors.delete(field)\n        }\n      })\n    }\n\n    if (errors.size > 0) {\n      if (!fields) {\n        nextTick(() => {\n          document.querySelector('.u-form-item.is-error')?.scrollIntoView({ block: 'nearest' })\n        })\n      }\n      return Promise.reject(false)\n    }\n\n    return true\n  }\n\n  /**\n   * 重置数据\n   * @param fields 需要重置的字段\n   */\n  resetData(keys?: keyof Fields | (keyof Fields)[]): void {\n    if (typeof keys === 'string') {\n      keys = [keys]\n    } else if (Array.isArray(keys)) {\n    } else {\n      keys = this.allKeys\n    }\n\n    this.clearValidate()\n\n    this.validateOnFieldChange = false\n\n    keys.forEach((field) => {\n      o(this.data).set(field as string, o(this.initialData).get(field as string))\n    })\n  }\n\n  /**\n   * 设置值\n   * @param formData 表单值\n   * @param options 配置\n   */\n  setData(\n    formData: Partial<ModelData<Fields> & Record<string, any>>,\n    config?: DataSettingConfig\n  ): FormModel<Fields> {\n    const { validate = true } = config || {}\n\n    if (!validate) {\n      this.validateOnFieldChange = false\n    }\n\n    this.allKeys.forEach((key) => {\n      const value = o(formData).get(key)\n      if (value !== undefined) {\n        o(this.data).set(key, value)\n      }\n    })\n\n    return this\n  }\n\n  /**\n   * 设置初始值\n   * @description 初始值在重置数据和查看原始数据时会用到\n   * @param data 初始值\n   */\n  setInitialData(data: Partial<ModelData<Fields>>): FormModel<Fields> {\n    this.allKeys.forEach((key) => {\n      o(this.initialData).set(key, o(data).get(key))\n    })\n\n    return this\n  }\n\n  /** 清除校验 */\n  clearValidate(): void {\n    this.errors.clear()\n  }\n\n  /**\n   * 监听值变更\n   * @param cb 回调\n   */\n  onChange(cb: (field: keyof Fields, val: any) => void): void {\n    this.modelChangeCallback.add(cb)\n  }\n\n  /** 关闭监听值变更 */\n  offChange(cb: (field: keyof Fields, val: any) => void): void {\n    this.modelChangeCallback.delete(cb)\n  }\n}\n"],"mappings":"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"}

package/dist/components/grid/grid.js.map

@@ -1 +1 @@
-{"version":3,"file":"grid.js","names":[],"sources":["../../../src/components/grid/grid.vue"],"sourcesContent":["<template>\n  <component :is=\"tag\" :class=\"cls.b\" ref=\"grid\">\n    <slot />\n  </component>\n</template>\n\n<script lang=\"ts\" setup>\nimport { bem, removeStyles, setStyles, withUnit } from '@veltra/utils'\nimport { type CSSProperties, provide, watch, useTemplateRef, computed } from 'vue'\n\nimport type { GridProps, GridEmits, _GridExposed } from '../../types'\nimport { getBreakpointCols } from './breakpoint'\nimport { GridDIKey } from './di'\nimport { useResponsive } from './use-responsive'\n\ndefineOptions({\n  name: 'Grid'\n})\n\nconst props = withDefaults(defineProps<GridProps>(), {\n  tag: 'div'\n})\n\nconst emit = defineEmits<GridEmits>()\n\nconst cls = bem('grid')\n\nconst gridRef = useTemplateRef<HTMLElement>('grid')\n\nconst { currentBreakpoint, gridItemsProps } = useResponsive({\n  props,\n  emit,\n  gridRef\n})\n\nconst styles = computed(() => {\n  const { gap, cols } = props\n  const result: CSSProperties = {}\n\n  // 间距\n  if (typeof gap === 'number') {\n    if (gap > 0) {\n      result.rowGap = result.columnGap = gap + 'px'\n    }\n  } else if (typeof gap === 'string') {\n    const [rowGap, columnGap] = gap.split(' ')\n    result.columnGap = withUnit(columnGap || rowGap, 'px')\n    result.rowGap = withUnit(rowGap, 'px')\n  }\n\n  const breakpoint = currentBreakpoint.value\n\n  switch (typeof cols) {\n    case 'number':\n      result.gridTemplateColumns = `repeat(${cols}, minmax(0px, 1fr))`\n      break\n    case 'function':\n      if (breakpoint) {\n        result.gridTemplateColumns = `repeat(${cols(breakpoint)}, minmax(0px, 1fr))`\n      }\n      break\n    case 'object':\n      if (breakpoint) {\n        const amount = getBreakpointCols(cols, breakpoint)\n        result.gridTemplateColumns = `repeat(${amount}, minmax(0px, 1fr))`\n      }\n  }\n\n  return result\n})\n\nwatch([styles, gridRef], ([styles, dom]) => {\n  if (!dom) return\n\n  // 重置并移除样式\n  removeStyles(dom, ['gridTemplateColumns', 'columnGap', 'rowGap'])\n  setStyles(dom, styles)\n})\n\nprovide(GridDIKey, {\n  currentBreakpoint,\n  gridItemsProps\n})\n\ndefineExpose<_GridExposed>({\n  el: gridRef\n})\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;EAmBA,MAAM,QAAQ;EAId,MAAM,OAAO;EAEb,MAAM,MAAM,IAAI,OAAM;EAEtB,MAAM,UAAU,eAA4B,OAAM;EAElD,MAAM,EAAE,mBAAmB,mBAAmB,cAAc;GAC1D;GACA;GACA;GACD,CAAA;AAsCD,QAAM,CApCS,eAAe;GAC5B,MAAM,EAAE,KAAK,SAAS;GACtB,MAAM,SAAwB,EAAC;AAG/B,OAAI,OAAO,QAAQ;QACb,MAAM,EACR,QAAO,SAAS,OAAO,YAAY,MAAM;cAElC,OAAO,QAAQ,UAAU;IAClC,MAAM,CAAC,QAAQ,aAAa,IAAI,MAAM,IAAG;AACzC,WAAO,YAAY,SAAS,aAAa,QAAQ,KAAI;AACrD,WAAO,SAAS,SAAS,QAAQ,KAAI;;GAGvC,MAAM,aAAa,kBAAkB;AAErC,WAAQ,OAAO,MAAf;IACE,KAAK;AACH,YAAO,sBAAsB,UAAU,KAAK;AAC5C;IACF,KAAK;AACH,SAAI,WACF,QAAO,sBAAsB,UAAU,KAAK,WAAW,CAAC;AAE1D;IACF,KAAK,SACH,KAAI,WAEF,QAAO,sBAAsB,UADd,kBAAkB,MAAM,WAAU,CACH;;AAIpD,UAAO;IACR,EAEc,QAAQ,GAAG,CAAC,QAAQ,SAAS;AAC1C,OAAI,CAAC,IAAK;AAGV,gBAAa,KAAK;IAAC;IAAuB;IAAa;IAAS,CAAA;AAChE,aAAU,KAAK,OAAM;IACtB;AAED,UAAQ,WAAW;GACjB;GACA;GACD,CAAA;AAED,WAA2B,EACzB,IAAI,SACL,CAAA;;uBArFC,YAEY,wBAFI,QAAA,IAAG,EAAA;IAAG,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC;IAAE,KAAI;;2BAC9B,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA"}
+{"version":3,"file":"grid.js","names":[],"sources":["../../../src/components/grid/grid.vue"],"sourcesContent":["<template>\n  <component :is=\"tag\" :class=\"cls.b\" ref=\"grid\">\n    <slot />\n  </component>\n</template>\n\n<script lang=\"ts\" setup>\nimport { bem, removeStyles, setStyles, withUnit } from '@veltra/utils'\nimport { type CSSProperties, provide, watch, useTemplateRef, computed } from 'vue'\n\nimport type { GridProps, GridEmits, _GridExposed } from '../../types'\nimport { getBreakpointCols } from './breakpoint'\nimport { GridDIKey } from './di'\nimport { useResponsive } from './use-responsive'\n\ndefineOptions({\n  name: 'Grid'\n})\n\nconst props = withDefaults(defineProps<GridProps>(), {\n  tag: 'div'\n})\n\nconst emit = defineEmits<GridEmits>()\n\nconst cls = bem('grid')\n\nconst gridRef = useTemplateRef<HTMLElement>('grid')\n\nconst { currentBreakpoint, gridItemsProps } = useResponsive({\n  props,\n  emit,\n  gridRef\n})\n\nconst styles = computed(() => {\n  const { gap, cols } = props\n  const result: CSSProperties = {}\n\n  // 间距\n  if (typeof gap === 'number') {\n    if (gap > 0) {\n      result.rowGap = result.columnGap = gap + 'px'\n    }\n  } else if (typeof gap === 'string') {\n    const [rowGap, columnGap] = gap.split(' ')\n    result.columnGap = withUnit(columnGap || rowGap, 'px')\n    result.rowGap = withUnit(rowGap, 'px')\n  }\n\n  const breakpoint = currentBreakpoint.value\n\n  switch (typeof cols) {\n    case 'number':\n      result.gridTemplateColumns = `repeat(${cols}, minmax(0px, 1fr))`\n      break\n    case 'function':\n      if (breakpoint) {\n        result.gridTemplateColumns = `repeat(${cols(breakpoint)}, minmax(0px, 1fr))`\n      }\n      break\n    case 'object':\n      if (breakpoint) {\n        const amount = getBreakpointCols(cols, breakpoint)\n        result.gridTemplateColumns = `repeat(${amount}, minmax(0px, 1fr))`\n      }\n  }\n\n  return result\n})\n\nwatch([styles, gridRef], ([styles, dom]) => {\n  if (!dom) return\n\n  // 重置并移除样式\n  removeStyles(dom, ['gridTemplateColumns', 'columnGap', 'rowGap'])\n  setStyles(dom, styles)\n})\n\nprovide(GridDIKey, {\n  currentBreakpoint,\n  gridItemsProps\n})\n\ndefineExpose<_GridExposed>({\n  el: gridRef\n})\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;EAmBA,MAAM,QAAQ;EAId,MAAM,OAAO;EAEb,MAAM,MAAM,IAAI,OAAM;EAEtB,MAAM,UAAU,eAA4B,OAAM;EAElD,MAAM,EAAE,mBAAmB,mBAAmB,cAAc;GAC1D;GACA;GACA;GACD,CAAA;AAsCD,QAAM,CApCS,eAAe;GAC5B,MAAM,EAAE,KAAK,SAAS;GACtB,MAAM,SAAwB,EAAC;AAG/B,OAAI,OAAO,QAAQ;QACb,MAAM,EACR,QAAO,SAAS,OAAO,YAAY,MAAM;cAElC,OAAO,QAAQ,UAAU;IAClC,MAAM,CAAC,QAAQ,aAAa,IAAI,MAAM,IAAG;AACzC,WAAO,YAAY,SAAS,aAAa,QAAQ,KAAI;AACrD,WAAO,SAAS,SAAS,QAAQ,KAAI;;GAGvC,MAAM,aAAa,kBAAkB;AAErC,WAAQ,OAAO,MAAf;IACE,KAAK;AACH,YAAO,sBAAsB,UAAU,KAAK;AAC5C;IACF,KAAK;AACH,SAAI,WACF,QAAO,sBAAsB,UAAU,KAAK,WAAW,CAAC;AAE1D;IACF,KAAK,SACH,KAAI,WAEF,QAAO,sBAAsB,UADd,kBAAkB,MAAM,WACA,CAAO;;AAIpD,UAAO;IAGF,EAAQ,QAAQ,GAAG,CAAC,QAAQ,SAAS;AAC1C,OAAI,CAAC,IAAK;AAGV,gBAAa,KAAK;IAAC;IAAuB;IAAa;IAAS,CAAA;AAChE,aAAU,KAAK,OAAM;IACtB;AAED,UAAQ,WAAW;GACjB;GACA;GACD,CAAA;AAED,WAA2B,EACzB,IAAI,SACL,CAAA;;uBArFC,YAEY,wBAFI,QAAA,IAAG,EAAA;IAAG,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC;IAAE,KAAI;;2BAC9B,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA"}

package/dist/components/grid/use-responsive.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-responsive.js","names":[],"sources":["../../../src/components/grid/use-responsive.ts"],"sourcesContent":["import { debounce } from '@cat-kit/core'\nimport type { Undef } from '@veltra/utils'\nimport {\n  computed,\n  shallowRef,\n  watch,\n  type ShallowRef,\n  shallowReactive,\n  onBeforeUnmount,\n  type ComputedRef\n} from 'vue'\n\nimport type { Breakpoint, GridEmits, GridItemProps, GridProps } from '../../types'\nimport { getContainerBreakpoint } from './breakpoint'\n\ninterface ResponsiveOptions {\n  props: GridProps\n  emit: GridEmits\n  /** 栅格容器模板引用 */\n  gridRef: ShallowRef<HTMLElement | null>\n}\n\ninterface UseResponsiveReturned {\n  responsive: ComputedRef<boolean>\n  gridItemsProps: Set<GridItemProps>\n  currentBreakpoint: ShallowRef<Breakpoint | undefined>\n}\n\nexport function useResponsive(options: ResponsiveOptions): UseResponsiveReturned {\n  const { props, gridRef, emit } = options\n\n  const gridItemsProps = shallowReactive<Set<GridItemProps>>(new Set())\n\n  const responsive = computed(() => {\n    return (props.cols && typeof props.cols !== 'number') || !!gridItemsProps.size\n  })\n\n  const currentBreakpoint = shallowRef<Breakpoint>()\n\n  let observer: Undef<ResizeObserver>\n\n  watch(\n    [responsive, gridRef],\n    ([responsive, dom]) => {\n      if (!dom) return\n\n      observer?.unobserve(dom)\n      observer?.disconnect()\n      observer = undefined\n\n      if (!responsive) {\n        currentBreakpoint.value = undefined\n        return\n      }\n\n      observer = new ResizeObserver(\n        debounce(([entry]) => {\n          const target = entry!.target as HTMLElement\n          const rect = target.getBoundingClientRect()\n          emit('resize', rect)\n          const breakpoint = getContainerBreakpoint(target.offsetWidth)\n          const prev = currentBreakpoint.value\n          if (\n            prev !== undefined &&\n            prev.name === breakpoint.name &&\n            prev.level === breakpoint.level\n          ) {\n            return\n          }\n          currentBreakpoint.value = breakpoint\n          emit('breakpoint-change', breakpoint)\n        }, 0)\n      )\n      observer.observe(dom)\n    },\n    { immediate: true }\n  )\n\n  onBeforeUnmount(() => {\n    gridRef.value && observer?.unobserve(gridRef.value)\n    observer?.disconnect()\n  })\n\n  return { responsive, gridItemsProps, currentBreakpoint }\n}\n"],"mappings":";;;;AA4BA,SAAgB,cAAc,SAAmD;CAC/E,MAAM,EAAE,OAAO,SAAS,SAAS;CAEjC,MAAM,iBAAiB,gCAAoC,IAAI,KAAK,CAAC;CAErE,MAAM,aAAa,eAAe;AAChC,SAAQ,MAAM,QAAQ,OAAO,MAAM,SAAS,YAAa,CAAC,CAAC,eAAe;GAC1E;CAEF,MAAM,oBAAoB,YAAwB;CAElD,IAAI;AAEJ,OACE,CAAC,YAAY,QAAQ,GACpB,CAAC,YAAY,SAAS;AACrB,MAAI,CAAC,IAAK;AAEV,YAAU,UAAU,IAAI;AACxB,YAAU,YAAY;AACtB,aAAW,KAAA;AAEX,MAAI,CAAC,YAAY;AACf,qBAAkB,QAAQ,KAAA;AAC1B;;AAGF,aAAW,IAAI,eACb,UAAU,CAAC,WAAW;GACpB,MAAM,SAAS,MAAO;AAEtB,QAAK,UADQ,OAAO,uBAAuB,CACvB;GACpB,MAAM,aAAa,uBAAuB,OAAO,YAAY;GAC7D,MAAM,OAAO,kBAAkB;AAC/B,OACE,SAAS,KAAA,KACT,KAAK,SAAS,WAAW,QACzB,KAAK,UAAU,WAAW,MAE1B;AAEF,qBAAkB,QAAQ;AAC1B,QAAK,qBAAqB,WAAW;KACpC,EAAE,CACN;AACD,WAAS,QAAQ,IAAI;IAEvB,EAAE,WAAW,MAAM,CACpB;AAED,uBAAsB;AACpB,UAAQ,SAAS,UAAU,UAAU,QAAQ,MAAM;AACnD,YAAU,YAAY;GACtB;AAEF,QAAO;EAAE;EAAY;EAAgB;EAAmB"}
+{"version":3,"file":"use-responsive.js","names":[],"sources":["../../../src/components/grid/use-responsive.ts"],"sourcesContent":["import { debounce } from '@cat-kit/core'\nimport type { Undef } from '@veltra/utils'\nimport {\n  computed,\n  shallowRef,\n  watch,\n  type ShallowRef,\n  shallowReactive,\n  onBeforeUnmount,\n  type ComputedRef\n} from 'vue'\n\nimport type { Breakpoint, GridEmits, GridItemProps, GridProps } from '../../types'\nimport { getContainerBreakpoint } from './breakpoint'\n\ninterface ResponsiveOptions {\n  props: GridProps\n  emit: GridEmits\n  /** 栅格容器模板引用 */\n  gridRef: ShallowRef<HTMLElement | null>\n}\n\ninterface UseResponsiveReturned {\n  responsive: ComputedRef<boolean>\n  gridItemsProps: Set<GridItemProps>\n  currentBreakpoint: ShallowRef<Breakpoint | undefined>\n}\n\nexport function useResponsive(options: ResponsiveOptions): UseResponsiveReturned {\n  const { props, gridRef, emit } = options\n\n  const gridItemsProps = shallowReactive<Set<GridItemProps>>(new Set())\n\n  const responsive = computed(() => {\n    return (props.cols && typeof props.cols !== 'number') || !!gridItemsProps.size\n  })\n\n  const currentBreakpoint = shallowRef<Breakpoint>()\n\n  let observer: Undef<ResizeObserver>\n\n  watch(\n    [responsive, gridRef],\n    ([responsive, dom]) => {\n      if (!dom) return\n\n      observer?.unobserve(dom)\n      observer?.disconnect()\n      observer = undefined\n\n      if (!responsive) {\n        currentBreakpoint.value = undefined\n        return\n      }\n\n      observer = new ResizeObserver(\n        debounce(([entry]) => {\n          const target = entry!.target as HTMLElement\n          const rect = target.getBoundingClientRect()\n          emit('resize', rect)\n          const breakpoint = getContainerBreakpoint(target.offsetWidth)\n          const prev = currentBreakpoint.value\n          if (\n            prev !== undefined &&\n            prev.name === breakpoint.name &&\n            prev.level === breakpoint.level\n          ) {\n            return\n          }\n          currentBreakpoint.value = breakpoint\n          emit('breakpoint-change', breakpoint)\n        }, 0)\n      )\n      observer.observe(dom)\n    },\n    { immediate: true }\n  )\n\n  onBeforeUnmount(() => {\n    gridRef.value && observer?.unobserve(gridRef.value)\n    observer?.disconnect()\n  })\n\n  return { responsive, gridItemsProps, currentBreakpoint }\n}\n"],"mappings":";;;;AA4BA,SAAgB,cAAc,SAAmD;CAC/E,MAAM,EAAE,OAAO,SAAS,SAAS;CAEjC,MAAM,iBAAiB,gCAAoC,IAAI,KAAK,CAAC;CAErE,MAAM,aAAa,eAAe;AAChC,SAAQ,MAAM,QAAQ,OAAO,MAAM,SAAS,YAAa,CAAC,CAAC,eAAe;GAC1E;CAEF,MAAM,oBAAoB,YAAwB;CAElD,IAAI;AAEJ,OACE,CAAC,YAAY,QAAQ,GACpB,CAAC,YAAY,SAAS;AACrB,MAAI,CAAC,IAAK;AAEV,YAAU,UAAU,IAAI;AACxB,YAAU,YAAY;AACtB,aAAW,KAAA;AAEX,MAAI,CAAC,YAAY;AACf,qBAAkB,QAAQ,KAAA;AAC1B;;AAGF,aAAW,IAAI,eACb,UAAU,CAAC,WAAW;GACpB,MAAM,SAAS,MAAO;AAEtB,QAAK,UADQ,OAAO,uBACD,CAAC;GACpB,MAAM,aAAa,uBAAuB,OAAO,YAAY;GAC7D,MAAM,OAAO,kBAAkB;AAC/B,OACE,SAAS,KAAA,KACT,KAAK,SAAS,WAAW,QACzB,KAAK,UAAU,WAAW,MAE1B;AAEF,qBAAkB,QAAQ;AAC1B,QAAK,qBAAqB,WAAW;KACpC,EAAE,CACN;AACD,WAAS,QAAQ,IAAI;IAEvB,EAAE,WAAW,MAAM,CACpB;AAED,uBAAsB;AACpB,UAAQ,SAAS,UAAU,UAAU,QAAQ,MAAM;AACnD,YAAU,YAAY;GACtB;AAEF,QAAO;EAAE;EAAY;EAAgB;EAAmB"}

package/dist/components/grid-input/grid-input.vue.d.ts

@@ -11,8 +11,8 @@ declare const __VLS_export: _$vue.DefineComponent<GridInputProps, _$_veltra_util
   onInput?: ((value: string) => any) | undefined;
 }>, {
   length: number;
-  separator: string;
   zero: false;
+  separator: string;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 //#endregion

package/dist/components/index.d.ts

@@ -80,12 +80,15 @@ import { _default as _default$69 } from "./table-editor/table-editor.vue.js";
 import { _default as _default$70 } from "./table/table.vue.js";
 import { defineTableColumns } from "./table/use-columns.js";
 import { _default as _default$71 } from "./tabs/tabs.vue.js";
-import { _default as _default$72 } from "./tag/tag.vue.js";
-import { _default as _default$73 } from "./text/text.vue.js";
-import { _default as _default$74 } from "./textarea/textarea.vue.js";
-import { _default as _default$75 } from "./theme/theme.vue.js";
-import { _default as _default$76 } from "./tip/tip.vue.js";
-import { _default as _default$77 } from "./tree-select/tree-select.vue.js";
-import { _default as _default$78 } from "./tree/tree.vue.js";
-import { _default as _default$79 } from "./watermark/watermark.vue.js";
-import { _default as _default$80 } from "./progress-nodes/progress-nodes.vue.js";
+import { _default as _default$72 } from "./tabs/tabs-horizontal.vue.js";
+import { _default as _default$73 } from "./tabs/tabs-vertical.vue.js";
+import { _default as _default$74 } from "./tag/tag.vue.js";
+import { _default as _default$75 } from "./text/text.vue.js";
+import { _default as _default$76 } from "./textarea/textarea.vue.js";
+import { _default as _default$77 } from "./theme/theme.vue.js";
+import { _default as _default$78 } from "./tip/tip.vue.js";
+import { _default as _default$79 } from "./tree-select/tree-select.vue.js";
+import { _default as _default$80 } from "./tree/tree.vue.js";
+import { _default as _default$81 } from "./watermark/watermark.vue.js";
+import { _default as _default$82 } from "./progress-nodes/progress-nodes.vue.js";
+import { _default as _default$83 } from "./file-viewer/file-viewer.vue.js";

package/dist/components/input/input.vue.d.ts

@@ -17,8 +17,8 @@ declare const __VLS_base: _$vue.DefineComponent<__VLS_PublicProps, _InputExposed
   "update:modelValue": (value: string | undefined) => any;
 } & {
   "update:modelValue": (value: string) => any;
-  clear: () => any;
   change: (value: string) => any;
+  clear: () => any;
   "suffix:click": (value?: string | undefined) => any;
   "prefix:click": (value?: string | undefined) => any;
   focus: (value?: string | undefined) => any;
@@ -26,8 +26,8 @@ declare const __VLS_base: _$vue.DefineComponent<__VLS_PublicProps, _InputExposed
   "native:input": (ev: Event) => any;
 }, string, _$vue.PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
   "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-  onClear?: (() => any) | undefined;
   onChange?: ((value: string) => any) | undefined;
+  onClear?: (() => any) | undefined;
   "onSuffix:click"?: ((value?: string | undefined) => any) | undefined;
   "onPrefix:click"?: ((value?: string | undefined) => any) | undefined;
   onFocus?: ((value?: string | undefined) => any) | undefined;
@@ -35,9 +35,9 @@ declare const __VLS_base: _$vue.DefineComponent<__VLS_PublicProps, _InputExposed
   "onNative:input"?: ((ev: Event) => any) | undefined;
 }>, {
   disabled: boolean;
+  readonly: boolean;
   placeholder: string;
   clearable: boolean;
-  readonly: boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/components/list/list.js.map

@@ -1 +1 @@
-{"version":3,"file":"list.js","names":[],"sources":["../../../src/components/list/list.vue"],"sourcesContent":["<template>\n  <u-scroll tag=\"ul\" :class=\"[cls.b, cls.m(size)]\">\n    <slot v-for=\"(item, index) of data\" v-bind=\"{ item, index }\" />\n  </u-scroll>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useFallbackProps } from '@veltra/compositions'\nimport { bem } from '@veltra/utils'\n\nimport type { ListProps } from '../../types'\nimport type { ComponentSize } from '../../types'\nimport { UScroll } from '../scroll'\n\ndefineOptions({\n  name: 'List'\n})\n\nconst props = withDefaults(defineProps<ListProps>(), {})\n\nconst { size } = useFallbackProps([props], {\n  size: 'default' as ComponentSize\n})\n\nconst cls = bem('list')\n</script>\n"],"mappings":";;;;;;;;;;;;;EAoBA,MAAM,EAAE,SAAS,iBAAiB,CAFpB,QAE2B,EAAE,EACzC,MAAM,WACP,CAAA;EAED,MAAM,MAAM,IAAI,OAAM;;uBAvBpB,YAEW,MAAA,YAAA,EAAA;IAFD,KAAI;IAAM,OAAK,eAAA,CAAG,MAAA,IAAG,CAAC,GAAG,MAAA,IAAG,CAAC,EAAE,MAAA,KAAI,CAAA,CAAA,CAAA;;2BACR,EAAA,UAAA,KAAA,EAAnC,mBAA+D,UAAA,MAAA,WAAjC,QAAA,OAAhB,MAAM,UAAK;YAAzB,WAA+D,KAAA,QAAA,WAA/D,WAA+D,EAAA,SAAA,MAAA,EAAA;MAAjB;MAAM;MAAK,CAAA,CAAA"}
+{"version":3,"file":"list.js","names":[],"sources":["../../../src/components/list/list.vue"],"sourcesContent":["<template>\n  <u-scroll tag=\"ul\" :class=\"[cls.b, cls.m(size)]\">\n    <slot v-for=\"(item, index) of data\" v-bind=\"{ item, index }\" />\n  </u-scroll>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useFallbackProps } from '@veltra/compositions'\nimport { bem } from '@veltra/utils'\n\nimport type { ListProps } from '../../types'\nimport type { ComponentSize } from '../../types'\nimport { UScroll } from '../scroll'\n\ndefineOptions({\n  name: 'List'\n})\n\nconst props = withDefaults(defineProps<ListProps>(), {})\n\nconst { size } = useFallbackProps([props], {\n  size: 'default' as ComponentSize\n})\n\nconst cls = bem('list')\n</script>\n"],"mappings":";;;;;;;;;;;;;EAoBA,MAAM,EAAE,SAAS,iBAAiB,CAAC,QAAM,EAAE,EACzC,MAAM,WACP,CAAA;EAED,MAAM,MAAM,IAAI,OAAM;;uBAvBpB,YAEW,MAAA,YAAA,EAAA;IAFD,KAAI;IAAM,OAAK,eAAA,CAAG,MAAA,IAAG,CAAC,GAAG,MAAA,IAAG,CAAC,EAAE,MAAA,KAAI,CAAA,CAAA,CAAA;;2BACR,EAAA,UAAA,KAAA,EAAnC,mBAA+D,UAAA,MAAA,WAAjC,QAAA,OAAhB,MAAM,UAAK;YAAzB,WAA+D,KAAA,QAAA,WAA/D,WAA+D,EAAA,SAAA,MAAA,EAAA;MAAjB;MAAM;MAAK,CAAA,CAAA"}

package/dist/components/loading/directive.js.map

@@ -1 +1 @@
-{"version":3,"file":"directive.js","names":["LoadingComponent"],"sources":["../../../src/components/loading/directive.ts"],"sourcesContent":["import { bem } from '@veltra/utils'\nimport { createVNode, render, type DirectiveBinding, type ObjectDirective } from 'vue'\n\nimport type { LoadingType } from '../../types'\nimport LoadingComponent from './loading.vue'\n\nconst loadingCls = bem('loading')\nconst loadingContainerCls = loadingCls.e('container')\n\nfunction renderLoading(el: HTMLElement, binding: DirectiveBinding) {\n  el.classList.add(loadingContainerCls)\n\n  const node = createVNode(LoadingComponent, { type: binding.arg as LoadingType })\n\n  render(node, el)\n}\n\nfunction removeLoading(el: HTMLElement) {\n  render(null, el)\n  el.classList.remove(loadingContainerCls)\n}\nexport const vLoading: ObjectDirective<HTMLElement> = {\n  mounted(el, binding) {\n    binding.value && renderLoading(el, binding)\n  },\n\n  updated(el, binding) {\n    binding.value ? renderLoading(el, binding) : removeLoading(el)\n  },\n\n  unmounted(el) {\n    removeLoading(el)\n  }\n}\n"],"mappings":";;;;AAOA,MAAM,sBADa,IAAI,UAAU,CACM,EAAE,YAAY;AAErD,SAAS,cAAc,IAAiB,SAA2B;AACjE,IAAG,UAAU,IAAI,oBAAoB;AAIrC,QAFa,YAAYA,WAAkB,EAAE,MAAM,QAAQ,KAAoB,CAAC,EAEnE,GAAG;;AAGlB,SAAS,cAAc,IAAiB;AACtC,QAAO,MAAM,GAAG;AAChB,IAAG,UAAU,OAAO,oBAAoB;;AAE1C,MAAa,WAAyC;CACpD,QAAQ,IAAI,SAAS;AACnB,UAAQ,SAAS,cAAc,IAAI,QAAQ;;CAG7C,QAAQ,IAAI,SAAS;AACnB,UAAQ,QAAQ,cAAc,IAAI,QAAQ,GAAG,cAAc,GAAG;;CAGhE,UAAU,IAAI;AACZ,gBAAc,GAAG;;CAEpB"}
+{"version":3,"file":"directive.js","names":["LoadingComponent"],"sources":["../../../src/components/loading/directive.ts"],"sourcesContent":["import { bem } from '@veltra/utils'\nimport { createVNode, render, type DirectiveBinding, type ObjectDirective } from 'vue'\n\nimport type { LoadingType } from '../../types'\nimport LoadingComponent from './loading.vue'\n\nconst loadingCls = bem('loading')\nconst loadingContainerCls = loadingCls.e('container')\n\nfunction renderLoading(el: HTMLElement, binding: DirectiveBinding) {\n  el.classList.add(loadingContainerCls)\n\n  const node = createVNode(LoadingComponent, { type: binding.arg as LoadingType })\n\n  render(node, el)\n}\n\nfunction removeLoading(el: HTMLElement) {\n  render(null, el)\n  el.classList.remove(loadingContainerCls)\n}\nexport const vLoading: ObjectDirective<HTMLElement> = {\n  mounted(el, binding) {\n    binding.value && renderLoading(el, binding)\n  },\n\n  updated(el, binding) {\n    binding.value ? renderLoading(el, binding) : removeLoading(el)\n  },\n\n  unmounted(el) {\n    removeLoading(el)\n  }\n}\n"],"mappings":";;;;AAOA,MAAM,sBADa,IAAI,UACe,CAAC,EAAE,YAAY;AAErD,SAAS,cAAc,IAAiB,SAA2B;AACjE,IAAG,UAAU,IAAI,oBAAoB;AAIrC,QAFa,YAAYA,WAAkB,EAAE,MAAM,QAAQ,KAAoB,CAEpE,EAAE,GAAG;;AAGlB,SAAS,cAAc,IAAiB;AACtC,QAAO,MAAM,GAAG;AAChB,IAAG,UAAU,OAAO,oBAAoB;;AAE1C,MAAa,WAAyC;CACpD,QAAQ,IAAI,SAAS;AACnB,UAAQ,SAAS,cAAc,IAAI,QAAQ;;CAG7C,QAAQ,IAAI,SAAS;AACnB,UAAQ,QAAQ,cAAc,IAAI,QAAQ,GAAG,cAAc,GAAG;;CAGhE,UAAU,IAAI;AACZ,gBAAc,GAAG;;CAEpB"}

package/dist/components/menu/menu-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"menu-item.js","names":[],"sources":["../../../src/components/menu/menu-item.vue"],"sourcesContent":["<template>\n  <li\n    :class=\"[\n      cls.e('item'),\n      bem.is('first-level', depth === 0),\n      bem.is('active', active),\n      bem.is('disabled', menu.disabled ?? false)\n    ]\"\n    ref=\"item\"\n    @click=\"handleClickMenu\"\n  >\n    <MenuIcon v-if=\"menu.icon\" :icon=\"menu.icon\" :class=\"cls.e('icon')\" />\n\n    <!-- 文本 -->\n    <span :class=\"cls.e('item-title')\">\n      {{ menu.title }}\n    </span>\n  </li>\n</template>\n\n<script setup lang=\"ts\">\nimport { bem } from '@veltra/utils'\nimport { useTemplateRef } from 'vue'\n\nimport type { MenuItem } from '../../types'\nimport MenuIcon from './menu-icon.vue'\nimport { useMenuItem } from './use-menu-item'\n\ndefineOptions({ name: 'MenuItem' })\n\nconst props = defineProps<{ menu: MenuItem; depth: number }>()\n\nconst itemRef = useTemplateRef('item')\n\nconst { cls, active, handleClickMenu } = useMenuItem({ itemProps: props, itemRef })\n</script>\n"],"mappings":";;;;;;;;;;;;;EAkCA,MAAM,EAAE,KAAK,QAAQ,oBAAoB,YAAY;GAAE,WAJzC;GAI2D,SAFzD,eAAe,OAAM;GAE6C,CAAA;;uBAjChF,mBAgBK,MAAA;IAfF,OAAK,eAAA;KAAU,MAAA,IAAG,CAAC,EAAC,OAAA;KAAgB,MAAA,IAAG,CAAC,GAAE,eAAgB,QAAA,UAAK,EAAA;KAAe,MAAA,IAAG,CAAC,GAAE,UAAW,MAAA,OAAM,CAAA;KAAS,MAAA,IAAG,CAAC,GAAE,YAAa,QAAA,KAAK,YAAQ,MAAA;;IAM/I,KAAI;IACH,SAAK,OAAA,OAAA,OAAA,MAAA,GAAA,SAAE,MAAA,gBAAA,IAAA,MAAA,gBAAA,CAAA,GAAA,KAAe;;IAEP,QAAA,KAAK,QAAA,WAAA,EAArB,YAAsE,aAAA;;KAA1C,MAAM,QAAA,KAAK;KAAO,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC,OAAA,CAAA;;IAE1D,mBAAA,OAAW;IACX,mBAEO,QAAA,EAFA,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC,aAAA,CAAA,EAAA,EAAA,gBACd,QAAA,KAAK,MAAK,EAAA,EAAA"}
+{"version":3,"file":"menu-item.js","names":[],"sources":["../../../src/components/menu/menu-item.vue"],"sourcesContent":["<template>\n  <li\n    :class=\"[\n      cls.e('item'),\n      bem.is('first-level', depth === 0),\n      bem.is('active', active),\n      bem.is('disabled', menu.disabled ?? false)\n    ]\"\n    ref=\"item\"\n    @click=\"handleClickMenu\"\n  >\n    <MenuIcon v-if=\"menu.icon\" :icon=\"menu.icon\" :class=\"cls.e('icon')\" />\n\n    <!-- 文本 -->\n    <span :class=\"cls.e('item-title')\">\n      {{ menu.title }}\n    </span>\n  </li>\n</template>\n\n<script setup lang=\"ts\">\nimport { bem } from '@veltra/utils'\nimport { useTemplateRef } from 'vue'\n\nimport type { MenuItem } from '../../types'\nimport MenuIcon from './menu-icon.vue'\nimport { useMenuItem } from './use-menu-item'\n\ndefineOptions({ name: 'MenuItem' })\n\nconst props = defineProps<{ menu: MenuItem; depth: number }>()\n\nconst itemRef = useTemplateRef('item')\n\nconst { cls, active, handleClickMenu } = useMenuItem({ itemProps: props, itemRef })\n</script>\n"],"mappings":";;;;;;;;;;;;;EAkCA,MAAM,EAAE,KAAK,QAAQ,oBAAoB,YAAY;GAAE,WAAW;GAAO,SAFzD,eAAe,OAE0C;GAAS,CAAA;;uBAjChF,mBAgBK,MAAA;IAfF,OAAK,eAAA;KAAU,MAAA,IAAG,CAAC,EAAC,OAAA;KAAgB,MAAA,IAAG,CAAC,GAAE,eAAgB,QAAA,UAAK,EAAA;KAAe,MAAA,IAAG,CAAC,GAAE,UAAW,MAAA,OAAM,CAAA;KAAS,MAAA,IAAG,CAAC,GAAE,YAAa,QAAA,KAAK,YAAQ,MAAA;;IAM/I,KAAI;IACH,SAAK,OAAA,OAAA,OAAA,MAAA,GAAA,SAAE,MAAA,gBAAA,IAAA,MAAA,gBAAA,CAAA,GAAA,KAAe;;IAEP,QAAA,KAAK,QAAA,WAAA,EAArB,YAAsE,aAAA;;KAA1C,MAAM,QAAA,KAAK;KAAO,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC,OAAA,CAAA;;IAE1D,mBAAA,OAAW;IACX,mBAEO,QAAA,EAFA,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC,aAAA,CAAA,EAAA,EAAA,gBACd,QAAA,KAAK,MAAK,EAAA,EAAA"}

package/dist/components/message/message2.js.map

@@ -1 +1 @@
-{"version":3,"file":"message2.js","names":["UMessageBox"],"sources":["../../../src/components/message/message.ts"],"sourcesContent":["import { bem, setStyles, zIndex } from '@veltra/utils'\nimport { h, render, shallowReactive } from 'vue'\n\nimport type { MessageOptions, Message, MessageInstance } from '../../types'\nimport UMessageBox from './message-box.vue'\n\nconst cls = bem('message')\n\n/** 消息项数据结构 */\ntype MessageItem = MessageOptions & { key: string }\n\n/** --- 状态管理 --- */\nlet container: HTMLElement | null = null\nconst messages = shallowReactive<MessageItem[]>([])\n\n/** 消息关闭后回调 */\nconst closedCallbacks = new Map<string, () => void>()\n\n/** 用于计数正在显示的 DOM 节点 (包含动画执行中) */\nlet activeCount = 0\nlet uid = 0\n\n/** --- 内部辅助函数 --- */\n\n/** 彻底销毁容器 */\nconst destroy = () => {\n  if (container) {\n    render(null, container)\n    document.body.removeChild(container)\n    container = null\n  }\n}\n\n/** 离开动画结束后的清理 */\nconst handleClosed = (id: string) => {\n  activeCount--\n\n  const cb = closedCallbacks.get(id)\n  if (cb) {\n    cb()\n    closedCallbacks.delete(id)\n  }\n\n  // 没有活跃消息时销毁容器，保持页面干净\n  if (activeCount === 0) destroy()\n}\n\n/** 触发关闭 (仅从数组移除，触发 Transition 离开动画) */\nconst handleClose = (id: string) => {\n  const index = messages.findIndex((m) => m.key === id)\n  if (index !== -1) messages.splice(index, 1)\n}\n\n/** 挂载并渲染容器 */\nconst ensureContainer = () => {\n  if (container) return container\n\n  container = document.createElement('ul')\n  container.className = cls.e('container')\n  document.body.appendChild(container)\n  return container\n}\n\n/** 执行 Vue 渲染逻辑 */\nconst updateView = () => {\n  const el = ensureContainer()\n  setStyles(el, { zIndex: zIndex() })\n\n  const vnode = h(UMessageBox, {\n    messages,\n    onClosed: handleClosed,\n    onClose: (i: number) => messages.splice(i, 1)\n  })\n\n  vnode.appContext = message._context\n  render(vnode, el)\n}\n\n/** 创建消息实例 */\nconst createMessage = (options: MessageOptions): MessageInstance => {\n  const { onClosed: userOnClosed, ...messageOptions } = options\n  const id = `msg_${uid++}`\n  activeCount++\n\n  // 生命周期 Promise\n  let resolveClosed: () => void\n  const onClosed = new Promise<void>((r) => (resolveClosed = r))\n\n  closedCallbacks.set(id, () => {\n    userOnClosed?.()\n    resolveClosed()\n  })\n\n  messages.push({ key: id, ...messageOptions })\n  updateView()\n\n  return { id, close: () => handleClose(id), onClosed }\n}\n\n/** --- 导出 API --- */\n\nexport const message = ((options) => {\n  const mergedOptions = typeof options === 'string' ? { message: options } : options\n  return createMessage(mergedOptions)\n}) as Message\n\nmessage._context = null\n\n// 挂载快捷方法: message.success(...)\nconst messageTypes = ['success', 'warn', 'info', 'error', 'default'] as const\nmessageTypes.forEach((type) => {\n  message[type] = (msg, config) => message({ ...config, message: msg, type })\n})\n\n/** 关闭所有当前显示的消息 */\nmessage.closeAll = () => {\n  messages.splice(0)\n}\n"],"mappings":";;;;AAMA,MAAM,MAAM,IAAI,UAAU;;AAM1B,IAAI,YAAgC;AACpC,MAAM,WAAW,gBAA+B,EAAE,CAAC;;AAGnD,MAAM,kCAAkB,IAAI,KAAyB;;AAGrD,IAAI,cAAc;AAClB,IAAI,MAAM;;;AAKV,MAAM,gBAAgB;AACpB,KAAI,WAAW;AACb,SAAO,MAAM,UAAU;AACvB,WAAS,KAAK,YAAY,UAAU;AACpC,cAAY;;;;AAKhB,MAAM,gBAAgB,OAAe;AACnC;CAEA,MAAM,KAAK,gBAAgB,IAAI,GAAG;AAClC,KAAI,IAAI;AACN,MAAI;AACJ,kBAAgB,OAAO,GAAG;;AAI5B,KAAI,gBAAgB,EAAG,UAAS;;;AAIlC,MAAM,eAAe,OAAe;CAClC,MAAM,QAAQ,SAAS,WAAW,MAAM,EAAE,QAAQ,GAAG;AACrD,KAAI,UAAU,GAAI,UAAS,OAAO,OAAO,EAAE;;;AAI7C,MAAM,wBAAwB;AAC5B,KAAI,UAAW,QAAO;AAEtB,aAAY,SAAS,cAAc,KAAK;AACxC,WAAU,YAAY,IAAI,EAAE,YAAY;AACxC,UAAS,KAAK,YAAY,UAAU;AACpC,QAAO;;;AAIT,MAAM,mBAAmB;CACvB,MAAM,KAAK,iBAAiB;AAC5B,WAAU,IAAI,EAAE,QAAQ,QAAQ,EAAE,CAAC;CAEnC,MAAM,QAAQ,EAAEA,WAAa;EAC3B;EACA,UAAU;EACV,UAAU,MAAc,SAAS,OAAO,GAAG,EAAE;EAC9C,CAAC;AAEF,OAAM,aAAa,QAAQ;AAC3B,QAAO,OAAO,GAAG;;;AAInB,MAAM,iBAAiB,YAA6C;CAClE,MAAM,EAAE,UAAU,cAAc,GAAG,mBAAmB;CACtD,MAAM,KAAK,OAAO;AAClB;CAGA,IAAI;CACJ,MAAM,WAAW,IAAI,SAAe,MAAO,gBAAgB,EAAG;AAE9D,iBAAgB,IAAI,UAAU;AAC5B,kBAAgB;AAChB,iBAAe;GACf;AAEF,UAAS,KAAK;EAAE,KAAK;EAAI,GAAG;EAAgB,CAAC;AAC7C,aAAY;AAEZ,QAAO;EAAE;EAAI,aAAa,YAAY,GAAG;EAAE;EAAU;;;AAKvD,MAAa,YAAY,YAAY;AAEnC,QAAO,cADe,OAAO,YAAY,WAAW,EAAE,SAAS,SAAS,GAAG,QACxC;;AAGrC,QAAQ,WAAW;AAGE;CAAC;CAAW;CAAQ;CAAQ;CAAS;CAAU,CACvD,SAAS,SAAS;AAC7B,SAAQ,SAAS,KAAK,WAAW,QAAQ;EAAE,GAAG;EAAQ,SAAS;EAAK;EAAM,CAAC;EAC3E;;AAGF,QAAQ,iBAAiB;AACvB,UAAS,OAAO,EAAE"}
+{"version":3,"file":"message2.js","names":["UMessageBox"],"sources":["../../../src/components/message/message.ts"],"sourcesContent":["import { bem, setStyles, zIndex } from '@veltra/utils'\nimport { h, render, shallowReactive } from 'vue'\n\nimport type { MessageOptions, Message, MessageInstance } from '../../types'\nimport UMessageBox from './message-box.vue'\n\nconst cls = bem('message')\n\n/** 消息项数据结构 */\ntype MessageItem = MessageOptions & { key: string }\n\n/** --- 状态管理 --- */\nlet container: HTMLElement | null = null\nconst messages = shallowReactive<MessageItem[]>([])\n\n/** 消息关闭后回调 */\nconst closedCallbacks = new Map<string, () => void>()\n\n/** 用于计数正在显示的 DOM 节点 (包含动画执行中) */\nlet activeCount = 0\nlet uid = 0\n\n/** --- 内部辅助函数 --- */\n\n/** 彻底销毁容器 */\nconst destroy = () => {\n  if (container) {\n    render(null, container)\n    document.body.removeChild(container)\n    container = null\n  }\n}\n\n/** 离开动画结束后的清理 */\nconst handleClosed = (id: string) => {\n  activeCount--\n\n  const cb = closedCallbacks.get(id)\n  if (cb) {\n    cb()\n    closedCallbacks.delete(id)\n  }\n\n  // 没有活跃消息时销毁容器，保持页面干净\n  if (activeCount === 0) destroy()\n}\n\n/** 触发关闭 (仅从数组移除，触发 Transition 离开动画) */\nconst handleClose = (id: string) => {\n  const index = messages.findIndex((m) => m.key === id)\n  if (index !== -1) messages.splice(index, 1)\n}\n\n/** 挂载并渲染容器 */\nconst ensureContainer = () => {\n  if (container) return container\n\n  container = document.createElement('ul')\n  container.className = cls.e('container')\n  document.body.appendChild(container)\n  return container\n}\n\n/** 执行 Vue 渲染逻辑 */\nconst updateView = () => {\n  const el = ensureContainer()\n  setStyles(el, { zIndex: zIndex() })\n\n  const vnode = h(UMessageBox, {\n    messages,\n    onClosed: handleClosed,\n    onClose: (i: number) => messages.splice(i, 1)\n  })\n\n  vnode.appContext = message._context\n  render(vnode, el)\n}\n\n/** 创建消息实例 */\nconst createMessage = (options: MessageOptions): MessageInstance => {\n  const { onClosed: userOnClosed, ...messageOptions } = options\n  const id = `msg_${uid++}`\n  activeCount++\n\n  // 生命周期 Promise\n  let resolveClosed: () => void\n  const onClosed = new Promise<void>((r) => (resolveClosed = r))\n\n  closedCallbacks.set(id, () => {\n    userOnClosed?.()\n    resolveClosed()\n  })\n\n  messages.push({ key: id, ...messageOptions })\n  updateView()\n\n  return { id, close: () => handleClose(id), onClosed }\n}\n\n/** --- 导出 API --- */\n\nexport const message = ((options) => {\n  const mergedOptions = typeof options === 'string' ? { message: options } : options\n  return createMessage(mergedOptions)\n}) as Message\n\nmessage._context = null\n\n// 挂载快捷方法: message.success(...)\nconst messageTypes = ['success', 'warn', 'info', 'error', 'default'] as const\nmessageTypes.forEach((type) => {\n  message[type] = (msg, config) => message({ ...config, message: msg, type })\n})\n\n/** 关闭所有当前显示的消息 */\nmessage.closeAll = () => {\n  messages.splice(0)\n}\n"],"mappings":";;;;AAMA,MAAM,MAAM,IAAI,UAAU;;AAM1B,IAAI,YAAgC;AACpC,MAAM,WAAW,gBAA+B,EAAE,CAAC;;AAGnD,MAAM,kCAAkB,IAAI,KAAyB;;AAGrD,IAAI,cAAc;AAClB,IAAI,MAAM;;;AAKV,MAAM,gBAAgB;AACpB,KAAI,WAAW;AACb,SAAO,MAAM,UAAU;AACvB,WAAS,KAAK,YAAY,UAAU;AACpC,cAAY;;;;AAKhB,MAAM,gBAAgB,OAAe;AACnC;CAEA,MAAM,KAAK,gBAAgB,IAAI,GAAG;AAClC,KAAI,IAAI;AACN,MAAI;AACJ,kBAAgB,OAAO,GAAG;;AAI5B,KAAI,gBAAgB,EAAG,UAAS;;;AAIlC,MAAM,eAAe,OAAe;CAClC,MAAM,QAAQ,SAAS,WAAW,MAAM,EAAE,QAAQ,GAAG;AACrD,KAAI,UAAU,GAAI,UAAS,OAAO,OAAO,EAAE;;;AAI7C,MAAM,wBAAwB;AAC5B,KAAI,UAAW,QAAO;AAEtB,aAAY,SAAS,cAAc,KAAK;AACxC,WAAU,YAAY,IAAI,EAAE,YAAY;AACxC,UAAS,KAAK,YAAY,UAAU;AACpC,QAAO;;;AAIT,MAAM,mBAAmB;CACvB,MAAM,KAAK,iBAAiB;AAC5B,WAAU,IAAI,EAAE,QAAQ,QAAQ,EAAE,CAAC;CAEnC,MAAM,QAAQ,EAAEA,WAAa;EAC3B;EACA,UAAU;EACV,UAAU,MAAc,SAAS,OAAO,GAAG,EAAE;EAC9C,CAAC;AAEF,OAAM,aAAa,QAAQ;AAC3B,QAAO,OAAO,GAAG;;;AAInB,MAAM,iBAAiB,YAA6C;CAClE,MAAM,EAAE,UAAU,cAAc,GAAG,mBAAmB;CACtD,MAAM,KAAK,OAAO;AAClB;CAGA,IAAI;CACJ,MAAM,WAAW,IAAI,SAAe,MAAO,gBAAgB,EAAG;AAE9D,iBAAgB,IAAI,UAAU;AAC5B,kBAAgB;AAChB,iBAAe;GACf;AAEF,UAAS,KAAK;EAAE,KAAK;EAAI,GAAG;EAAgB,CAAC;AAC7C,aAAY;AAEZ,QAAO;EAAE;EAAI,aAAa,YAAY,GAAG;EAAE;EAAU;;;AAKvD,MAAa,YAAY,YAAY;AAEnC,QAAO,cADe,OAAO,YAAY,WAAW,EAAE,SAAS,SAAS,GAAG,QACxC;;AAGrC,QAAQ,WAAW;AAInB;CADsB;CAAW;CAAQ;CAAQ;CAAS;CAC9C,CAAC,SAAS,SAAS;AAC7B,SAAQ,SAAS,KAAK,WAAW,QAAQ;EAAE,GAAG;EAAQ,SAAS;EAAK;EAAM,CAAC;EAC3E;;AAGF,QAAQ,iBAAiB;AACvB,UAAS,OAAO,EAAE"}