Tencent Enterprise Design System TDesign lanza la actualización de la primera semana 2022.4

TDesign es un sistema de diseño de nivel empresarial nacido dentro de Tencent con valores de diseño completos y guías de estilo visual. También proporciona una gran cantidad de recursos de diseño. Basado en el sistema de diseño, produce tecnologías convencionales como Vue, React y Mini Programs. La solución de biblioteca de componentes de pila es adecuada para crear aplicaciones front-end de nivel empresarial con diseño unificado/cobertura de múltiples extremos/pila de tecnología cruzada.

Actualmente, TDesign ha lanzado la actualización de la primera semana de abril de 2022, que trae los siguientes cambios:

biblioteca de componentes

Vue2 para Web lanzó la versión 0.40.1

Corrección de errores

• Table: solucione el problema de la clasificación de datos locales y la falla de paginación al cargar datos de forma asíncrona

Para obtener más información, consulte: https://github.com/Tencent/tdesign-vue/releases/tag/0.40.1

Vue2 para Web lanzó la versión 0.40.0

⚠️CAMBIOS ÚNICOS

• Table: La función de clasificación de arrastrar y soltar de las filas y columnas de la tabla se ha refactorizado. Para un nuevo uso, consulte la demostración del sitio web oficial
• Form: labelcuando está vacío, el ancho de representación predeterminado ya no es un marcador de posición y debe configurar manualmente el estilo para mantener el formulario alineado

Corrección de errores

• Popconfirm: corrija el tamaño predeterminado del botón en el cuadro de confirmación
• Upload: Arreglar la copia de estado de carga
• Popup: hideEmptyPopupSoluciona el problema de que no surte efecto al cambiar dinámicamente el contenido
• Table: Solucionado el problema de estilo de borde de celda combinada
• Datepicker: Se solucionó el problema de que el estilo del panel de selección de mes/año es anormal al seleccionar el intervalo de tiempo
• Arreglar Table// SelectInputErrores relevantesTagInput al importar bajo demandacomposition-api

Características

• Table: Admite la configuración externa de la columna de visualización actual, nueva APIdisplayColumns defaultDisplayColumns onDisplayColumnsChange

Para obtener más información, consulte: https://github.com/Tencent/tdesign-vue/releases/tag/0.40.0

Vue2 para Web lanzó la versión 0.39.1

Corrección de errores

• Upload:
  • successSe solucionó un problema progresspor el cual el loadingFilevalor
  • Se solucionó el problema de que el límite de número máximo se juzgaba incorrectamente maxen selecciones de archivos múltiples
• Pagination: Se solucionó el problema de que el cuadro de entrada de la página de salto mostraba contenido placeholderpredeterminado
• TreeSelect:
  • treePropsSolucione el problema de que los elementos se muestran al mismo tiempo cuando se pasan keyy loadcuando se seleccionan
  • TreeSelectSe corrigió el comportamiento de interacción de , para ser Selectconsistente con
  • filterSolucione el problema de que el árbol no se puede plegar en el lazyestado; solucione labelel
• Table:
  • Solucionar errores thresholdcausados
• Solucione el problema del error de TSdefinición , no Typescripto SSRproyectos , actualice desde la versión 0.39.0 lo antes posible

Características

• ConfigProvider: Mejorar las capacidades de configuración de idioma
• Table:
  • La tabla es más encabezado que el elemento principal flotante omitido thead, lo que evita el montaje en el cuerpo global
  • El elemento de capa flotante de la función de filtro se monta de forma predeterminada t-tabley ya no se monta globalmente.

Para obtener más información, consulte: https://github.com/Tencent/tdesign-vue/releases/tag/0.39.1

Vue2 para Web lanzó la versión 0.39.0

⚠️CAMBIOS ÚNICOS

• Tablecomposition-apiRefactorización de uso de componentes
  • BaseTable HTMLCambios estructurales, los estudiantes que tienen cobertura de CSS estilo deben prestar atención a la actualización del estilo.
  • El encabezado usa más la th etiqueta , que tdno era semánticamente consistente
  • evento row-db-clickmás row-dblclick, onRowDbClickmásrowDblclick
  • evento row-hovermás row-mouseover, onRowHover más onRowMouseover(no hay rowHover evento )
  • CSS nombre de la clase t-table__row-first-full-rowmás t-table__first-full-row, t-table__row-last-full-rowmást-table__last-full-row

Corrección de errores

• Affix: corrija el tiempo de onFixedChangeactivación , el evento solo se activará cuando cambie el estado fijo (antes del cambio: el desplazamiento siempre se activa)
• Table:
  • Función de configuración de columna personalizada: cuando el encabezado de varios niveles y la configuración de visualización de columna existen al mismo tiempo, no se puede realizar la configuración de columna correcta y la configuración de columna solo muestra el encabezado de primer nivel
  • verticalAlign problema ineficaz
  • Hay un problema de penetración de texto en la esquina superior derecha
  • Encabezados fijos y columnas fijas, todos usan el estilo de CSS stickysalida , el componente solo representa una tabla, y el encabezado y el contenido de la tabla ya no se representan ni se generan por separado. No solo table-layout: fixedse admite el modo, sino que también table-layout: autose admite el modo
  • establecer tableLayout: automostrar maxHeight excepción
  • TableLa coexistencia de elementos y propiedades de BaseTableCol configuración de componentes hace que la sombra de reparación no se muestrefixed ellipsis(true)
  • childrenEl ancho del cambio de tabla del encabezado de varios niveles no es válido
  • El componente de tabla usa la PrimaryTable consola reportar un error t-primary-tableno registrado
  • Las líneas verticales no están alineadas cuando la barra de desplazamiento no aparece después de configurar height omaxHeight
  • Corregido, cuando el ícono de clasificación y el ícono de filtrado existen al mismo tiempo, el estilo es anormal

Características

• Table:
  • Se agregó la función más allá de la omisión para ellipsis admitir la transmisión transparente de todos los atributos de los Popupcomponentes.
  • Se agregó una fila total al final de la tabla, que admite la corrección en la parte inferior, admite totales de varias líneas y admite contenido totalmente personalizable.
  • Se agregaron todas las características de los componentes de carga loadingPropstransparentes .
  • Agregar una fila fija (fila congelada)
  • Soporte de desplazamiento virtual
  • Se agregó la personalización del icono de clasificación, tanto las ranuras (slot='filterIcon')como las funciones de representación (props.filterIcon)están disponibles
  • Configuración global agregada: icono de filtro, elemento vacío, configuración de texto de carga asíncrona, configuración de texto del botón de clasificación
  • scroll Evento de desplazamiento agregado
  • Añadir la función de la parte superior del medidor
  • Nuevas funciones integrales: encabezado de varios niveles + encabezado fijo + columna fija + techo de encabezado + desplazamiento virtual + configuración de columna personalizada

Para obtener más información, consulte: https://github.com/Tencent/tdesign-vue/releases/tag/0.39.0

Vue3 para Web lanzó la versión 0.11.1

Corrección de errores

• refactorizado TabsaComposition-api
• Arreglar el Upload triggeruploadmétodo que no exporta
• InputNumberArreglar inputcomponentes no registrados
• corregir CheckboxGroup disabledpropiedad inválida
• InputArreglado typeentrante inválido
• Arreglar SelectInputel estilo de demostración
• Se corrigió el cuadro de entrada de la página de Paginationsalto que mostraba placeholdercontenido predeterminado adicional

Características

• refactorizado TreeSelectaComposition-api
• Refactorice el componente de calendario paraComposition-api
• Configuración de internacionalización migrada acommon

Para obtener más información, consulte: https://github.com/Tencent/tdesign-vue-next/releases/tag/0.11.1

React para Web lanza la versión 0.30.1

⚠️CAMBIOS ÚNICOS

• Form: labelcuando está vacío, el ancho de representación predeterminado ya no es un marcador de posición y debe configurar manualmente el estilo para mantener el formulario alineado

Corrección de errores

• Pagination: Solucione el problema de visualización del ancho del cuadro de entrada
• Datepicker: solucione el problema del tipo de tiempo anormal en el tiempo de selección de intervalo, tipo de tiempo de selección de mes/año
• InputNumber: Solucionado el problema de no poder ingresar un punto decimal
• Popconfirm: Solucione el problema de pérdida de estilo de carga bajo demanda
• Select: Solucionado el primer  focusproblema de búsqueda automática

Características

• Etiqueta: optimizar la lógica interna de los componentes
• FormItem: admite el modo de anidamiento personalizado y labelya no maneja la alineación del marcador de posición cuando está vacío
• SelectInput:  borderlessy separar autowidthcomo atributos independientes

Para obtener más información, consulte: https://github.com/Tencent/tdesign-react/releases/tag/0.30.1

Miniprograma para WeChat lanzado versión 0.7.2

Corrección de errores

• Search: Solucione el problema de que el parámetro de retorno del submitevento es incorrecto
• Toast: Solucione el problema de que el ancho máximo y el texto no están alineados
• Input: clearablesolucione el problema de configuración, haga clic en no borrar el contenido
• Dialog: Borde fijo de 1px que desaparece en iOS
• Swiper: Se solucionó el problema de visualización anormal al configurar la dirección con retraso
• Button: soluciona el problema de que el texto no está centrado verticalmente

Rasgo

• Fab: Soporte agregado para botones flotantes
• Drawer: Añadido soporte para cajones

Para obtener más información, consulte: https://github.com/Tencent/tdesign-miniprogram/releases/tag/0.7.2

Vue3 para dispositivos móviles lanzó la versión 0.8.1

Corrección de errores

• count-down: Corrección de errores de estilo de unidad, cuenta regresiva agregada fpsObtener
• swiper: El deslizamiento rápido causa un problema atascado
• picker: Corrección de demostración de componente
• swipe-cell: Modifique el ejemplo del componente para que sea consistente con la demostración

Rasgo

• Admite salto de versión histórica
• dropdown-menu: actualice el manejo del tipo de plantilla del componente

Para obtener más información, consulte: https://github.com/Tencent/tdesign-mobile-vue/releases/tag/0.8.1 

Anuncio de actualización: https://github.com/Tencent/tdesign/releases/tag/v.2022.4.3