La version Ng DevUI 14.1.0 est sortie, voyons quelles nouvelles fonctionnalités elle propose !

Angular Version DevUI 14.1.0 publiée~ Vous pouvez désormais utiliser avec plaisir la bibliothèque de composants Ng DevUI dans vos projets Angular 14 ! Jetons un coup d'œil aux nouvelles fonctionnalités mises à jour par Ng DevUI 14.1.0 !

Nouvelles fonctionnalités

• Nouveau composant Guide de l'utilisateur
• typographie : reconstruisez le composant, ajoutez une fonction d'édition de texte et une commande d'omission de texte textOverflow. [Recommandations de didacticiel associées : "textOverflow。【相关教程推荐：《angular教程》】
• ✏️ gantt: 新增状态及标题模板
• editable-select: 添加下拉自定义区域，添加hover事件
• progress: 优化文字显示；新增多段颜色和渐变色配置
• tree-select: 新增自定义无数据模板；新增searchPlaceholder，允许配置搜索文字
• fullscreen: 新增api beforeChange，可用于阻止esc或click方式开关全屏（无法阻止沉浸式全屏浏览器默认响应，如按f11和esc退出）
• datatable: 新增自定义表头及样式的配置器；表格尺寸添加mini；column模式下添加编辑结束时的拦截方法beforeCellEditEnd
• category-search: treeSelect类型新增searchPlaceholdertutoriel angulaire
"]

✏️ Gantt : ajout de modèles de statut et de titresélection modifiable : ajouter une zone personnalisée déroulante, ajouter un événement survol

progression : optimisation Affichage du texte ; ajoutez une configuration de couleur multi-segments et de dégradé de couleur
• tree-select : ajoutez un modèle personnalisé sans données ; ajoutez searchPlaceholder pour permettre la configuration du texte de recherche
• plein écran : ajoutez l'API avant le changement. , peut être utilisé pour empêcher esc ou click de passer en plein écran (ne peut pas empêcher la réponse par défaut du navigateur immersif plein écran, comme appuyer sur f11 et esc pour quitter)
• datatable : ajouter un configurateur pour personnaliser en-têtes et styles ; tableau Ajouter une taille mini ; ajouter une méthode d'interception en fin d'édition en mode colonne beforeCellEditEndcategory-search : le type treeSelect ajoute searchPlaceholder, permettant de configurer la recherche text
• Correction de bug
• cascader : correction de l'incohérence des paramètres de modèle des nœuds feuilles ; correction de la logique de déclenchement après l'annulation de l'association parent-enfant
• recherche de catégorie : correction du problème d'attribution de date, utilisation du composant ngModel par défaut, correction de la suppression du retour arrière ; erreur lorsqu'il n'y a pas de données ; correction du type treeSelect Après la sélection, le nœud se ferme automatiquement et ne peut pas être affiché.
• datatable : corrige le problème de priorité logique interne et externe de l'activation du filtre ; corrige le problème de positionnement de l'ombre latérale ; bouillonnant pour déclencher un clic sur rangée, et les clics d'interception de contenu définis par l'utilisateur doivent intercepter l'événement mouseup se ferme
• # 272
• #261
• inputNumber : Correction de la logique de désactivation des boutons d'augmentation et de diminution dans la zone de saisie numérique

disposition : Correction du style de disposition de la grille qui ne prend pas effetmention : Correction du ngModelChange qui n'est pas déclenché lors de la sélection des options

rate : Correction du mode lecture seule Les valeurs inférieures à 1 ne sont pas affichéestabs : Correction de ce problème lorsque activeTab ne le fait pas existent, le type de curseur a toujours un bloc de fond blanc ; correction du problème de désalignement du contenu lorsque les onglets sont longs et incluent des suppressions ; correction des styles désactivés qui ne s'affichent pas lors du défilement vers la fin de l'arborescence de droite

 : correction du problème d'interception incorrecte de la vue de glissement de l'arborescence exploitable ; correction du problème selon lequel parentId est toujours le nœud parent d'origine après la fusion des nœuds, ce qui faisait que les logiques telles que l'expansion et la réduction ne répondaient plus.

datepicker-pro : correction de la date de fin et de la date de fin dans le fichier. Mode horaire du sélecteur de plage L'heure est la même lorsque la date de début est la même

tags-input : Correction du problème où la balise trop longue bloque le bouton de fermeture et ne peut pas être fermée

Introduction au Guide de l'utilisateur

Cette mise à jour vous apporte le composant UserGuide, qui, en plus des directives habituelles, prend également en charge les modes de clic, de saisie et d'autres événements interactifs que vous pouvez utiliser !

En savoir plus

🎜🎜🎜github.com/DevCloudFE/…🎜🎜🎜Si vous êtes intéressé par nos composants, vous pouvez vous rendre sur le site officiel pour jeter un œil aux 🎜exemples de composants🎜 sur le site officiel, vous pouvez le voir sur la gauche. Changez le composant que vous souhaitez afficher dans la barre de navigation latérale, puis basculez entre les différentes démos via la navigation rapide à droite. 🎜🎜Si vous souhaitez essayer les composants impliqués dans Angular DevUI, veuillez vous rendre sur le 🎜DevUI Playground🎜. Si vous êtes prêt à ajouter Angular DevUI, veuillez consulter la documentation 🎜Quick Start🎜, qui ne nécessite que quelques lignes de code. . 🎜

Si vous êtes intéressé par nos projets open source et souhaitez participer à la co-construction, n'hésitez pas à rejoindre notre communauté open source et à ajouter notre assistant WeChat : devui-official, et nous vous attirerons vers notre groupe WeChat.

Pour plus de connaissances liées à la programmation, veuillez visiter : Enseignement de la programmation ! !

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!