Superset二次开发之Select 筛选器源码分析

embedded/2024/9/25 23:20:38/

路径:superset-frontend/src/filters/components/Select 

源码文件:

功能点:

作用

交互

功能

index.ts作为模块的入口点,导出其他文件中定义的主要组件和函数。它使其他文件中的导出可以被外部模块使用。

SelectFilterPlugin.tsx

  • 定义主要的插件类 SelectFilterPlugin 和组件 SelectFilterPlugin Component。
  • 使用 controlPanel.ts 中的配置。
  • 使用 types.ts 中定义的类型。
使用 transformProps 处理的数据,并使用 controlPanel 中定义的配置。
  • 渲染 Select 下拉框

  • 处理选择变化

  • 设置数据掩码 (setDataMask)

types.ts定义了整个 Select 过滤器使用的类型和接口。
  • 被 SelectFilterPlugin 使用来设置可配置选项
被其他所有文件使用,确保类型安全。
buildQuery.ts构建用于获取过滤器数据的查询。 Superset 的查询引擎使用来获取数据。根据表单数据创建查询上下文。
controlPanel.ts定义过滤器的控制面板配置被 Superset 的控制面板使用,允许用户配置过滤器设置可配置的选项,如多选、默认值等
transformProps.ts

转换从 Superset 后端接收的属性为组件可用的格式

  • 使用 utils.ts 中的辅助函数
在渲染 SelectFilterPlugin 组件之前被调用处理数据格式,准备组件所需的属性

交互流程:

  1. index.ts 导出主要组件和函数。
  2. Superset 使用 buildQuery.ts 构建查询获取数据。
  3. 获取的数据通过 transformProps.ts 转换为组件可用的格式。
  4.  SelectFilterPlugin.tsx 使用转换后的属性渲染组件。
  5. 用户与组件交互时,组件使用 setDataMask 更新过滤状态。
  6. controlPanel.ts 定义的配置决定了过滤器在 Superset 中如何被配置和显示。

这种结构允许关注点分离,使得代码更易于维护和扩展。每个文件都有其特定的职责,共同工作以提供完整的过滤器功能。


http://www.ppmy.cn/embedded/108403.html

相关文章

Datawhale X 李宏毅苹果书 AI夏令营(深度学习 之 实践方法论)

1、模型偏差 模型偏差是指的是模型预测结果与真实值之间的差异,这种差异不是由随机因素引起的,而是由模型本身的局限性或训练数据的特性所导致的。 简单来讲,就是由于初期设定模型,给定的模型计算能力过弱,导致在通过…

Python教程:使用 Python 和 PyHive 连接 Hive 数据库

目录 1. 引言 2. 类的设计思路 2.1 类的基本结构 3. 连接到 Hive 3.1 连接方法 4. 执行查询 4.1 查询返回 DataFrame 4.2 查询返回列表 5. 基本的数据库操作 5.1 创建表 5.2 插入数据 5.3 更新数据 5.4 删除数据 6. 表的描述信息和数据库操作 6.1 获取表描述 6…

设计模式 19 观察者模式

设计模式 19 创建型模式(5):工厂方法模式、抽象工厂模式、单例模式、建造者模式、原型模式结构型模式(7):适配器模式、桥接模式、组合模式、装饰者模式、外观模式、享元模式、代理模式行为型模式&#xff…

JVM3-双亲委派机制

目录 概述 作用 如何指定加载类的类加载器? 面试题 打破双亲委派机制 自定义类加载器 线程上下文类加载器 Osgi框架的类加载器 概述 由于Java虚拟机中有多个类加载器,双亲委派机制的核心是解决一个类到底由谁加载的问题 双亲委派机制&#xff…

创建与操作MySQL数据库

2.1 创建数据库 数据库技术主要研究如何科学地组织和存储数据,以及如何高效地获取和处理数据,它已广泛应用于各个领域。数据库是指长期存储在计算机内的、有组织的、可共享的数据集合。数据库可以看作一个存储数据对象的容器,这些对象包括数…

Java项目: 基于SpringBoot+mybatis+maven墙绘产品展示交易平台(含源码+数据库+毕业论文)

一、项目简介 本项目是一套基于SpringBootmybatismaven墙绘产品展示交易平台 包含:项目源码、数据库脚本等,该项目附带全部源码可作为毕设使用。 项目都经过严格调试,eclipse或者idea 确保可以运行! 该系统功能完善、界面美观、操…

乐凡三防|国产化浪潮下的三防平板

在当前的科技环境下,国产化成为了一个热门话题,尤其在三防平板领域,国产化不仅意味着技术的自给自足,更是国家信息安全与产业自主可控的重要体现。三防平板,即具备防水、防尘、防震功能的平板电脑,其全国产…

python---爬取QQ音乐

如Cookie为非vip,仅能获取非vip歌曲 1.下载包 pip install jsonpath 2.代码 import os import time import requests from jsonpath import jsonpathdef search_and_download_qq_music(query_text):headers {User-Agent: Mozilla/5.0 (Windows NT 10.0; Win64; …