Pangu CodeX Assistant
盘古开发助手 —— 您的智能开发伙伴，助力高效开发
- 深度整合 ：与盘古平台紧密结合，适配盘古框架结构。
- 智能提示 ：智能捕捉编码意图，一键触发代码提示。
- 生态适应 ：遵循盘古生态的最佳实践，让代码更健壮、更优雅。
- 效率提升 ：减少查找时间，让您专注于创新和解决更复杂的问题。
- 代码提示与快速生成——提升编码效率，加速开发流程
- AI 结对编程伙伴——与盘古一起编码，让编程更简单
- 开箱即用，带你起飞——你想要的全都有
Layout Snippets
| Prefix |
Description |
layout-list |
列表 |
layout-tree-list |
左侧树右侧列表 |
Gl Snippets
| Prefix |
Description |
gl-drawer |
抽屉 |
gl-table |
表格 |
gl-form |
表单 |
gl-tree |
树 |
gl-card |
卡片 |
gl-page |
分页 |
gl-upload |
上传 |
gl-dialog |
弹窗 |
gl-dynamic-form |
动态表单 |
gl-dynamic-form-item |
动态表单项 |
Pg Snippets
| Prefix |
Description |
pg-title |
标题 |
pg-tag |
标签 |
pg-copy |
复制 |
pg-button |
按钮 |
pg-input |
输入框 |
Pg-Chart Snippets
| Prefix |
Description |
pg-chart-anbar |
环形柱状图 |
pg-chart-anpie |
基础环图 |
pg-chart-anprogress |
环形进度条 |
pg-chart-banner |
轮播 |
pg-chart-barlinemix |
柱线组合图 |
pg-chart-basearea |
基础面积图 |
pg-chart-basebar |
基础柱状图 |
pg-chart-basecolorsbar |
多色柱状图 |
pg-chart-basegauge |
仪表盘 |
pg-chart-baseimg |
图片 |
pg-chart-baseline |
基础折线图 |
pg-chart-basemap |
基础平面地图 |
pg-chart-basepie |
基础饼图 |
pg-chart-basescatter |
基础散点图 |
pg-chart-basetable |
基础表格 |
pg-chart-basetext |
文本 |
pg-chart-basevideo |
视频 |
pg-chart-cardnum |
数字翻转 |
pg-chart-colortext |
渐变文本 |
pg-chart-combilinebar |
堆叠柱状图 |
pg-chart-contrastporbar |
纵向柱状对比图 |
pg-chart-contrasttranbar |
横向柱状对比图 |
pg-chart-earth3Dmix |
3D地球 |
pg-chart-entrynav |
3D指标 |
pg-chart-funnel |
漏斗图 |
pg-chart-graph |
基础关系图 |
pg-chart-legendgroup |
图例条 |
pg-chart-lineconmbine |
双Y轴折线图 |
pg-chart-mapblock |
板状地图 |
pg-chart-move |
科技动态素材 |
pg-chart-move2 |
科技旋转素材 |
pg-chart-nav |
选项卡 |
pg-chart-pagination |
分页组件 |
pg-chart-panelnest |
面板嵌套 |
pg-chart-pictorialbar |
象形柱状图 |
pg-chart-pie3D |
3D饼图 |
pg-chart-piemulti |
多层环形饼图 |
pg-chart-pierose |
玫瑰图 |
pg-chart-predtrendline |
预测趋势图 |
pg-chart-radar |
雷达图 |
pg-chart-sankey |
桑基图 |
pg-chart-select |
下拉框 |
pg-chart-stereobar |
基础立体柱状图 |
pg-chart-stereobarcolors |
多色立体柱状图 |
pg-chart-stereoscopicbar |
堆叠立体柱状图 |
pg-chart-time |
当前时间 |
pg-chart-timepicker |
时间选择器 |
pg-chart-tindbar |
山峰图 |
pg-chart-transprogress |
基础条形图 |
pg-chart-word3D |
3D词云 |
pg-chart-wordcloud |
词云 |
Css mixin Snippets
| Prefix |
Description |
include bg-color |
背景颜色 |
include border |
边框 |
include border-color |
边框颜色 |
include border-radius |
边框圆角(2px) |
include border-t-color |
上边框颜色 |
include border-b-color |
下边框颜色 |
include border-l-color |
左边框颜色 |
include border-r-color |
右边框颜色 |
include shadow |
阴影 |
include font-color |
字体颜色 |
include font-size |
字体大小 |
include font-weight |
字体粗细 |
include single-ellipse |
单行文字省略... |
include more-ellipse |
多行文字省略... |
include scroll-bar |
滚动条 |
include position |
定位 |
include active-bg-text |
选中悬停状态背景和文字颜色 |
Css Snippets
| Prefix |
Description |
color-primary |
强调色、文字链接 |
color-primary-hover |
悬停色 |
color-primary-disabled |
禁用色 |
color-primary-light |
选中色（淡） |
color-primary-lighter |
悬停色（淡） |
color-text-regular |
常规文字（正文/组件默认文字） |
color-text-primary |
重要文字 |
color-text-secondary |
次要文字/图标 |
color-text-placeholder |
占位/辅助文字 |
color-text-disabled |
禁用文字 |
color-text-table-header |
表头文字 |
color-bg-page |
页面最底层，比基色深 (水槽颜色) |
color-bg-container |
内容区/卡片/浮层面板等容器背景 |
color-bg-dim |
基色之上的二级背景层/代码背景 |
color-bg-light |
基色之上的二级背景层 |
color-bg-overlay |
对话框/抽屉等弹出层遮罩背景 |
color-fill-dark |
小型填充Tab底色 |
color-fill-base |
输入框/选择框/文本域等组件底色 |
color-fill-light |
默认标签/滑块/进度条等组件底色 |
color-fill-lighter |
表头/穿梭框头/折叠面板头/选中态/悬停态等 |
color-fill-button |
默认按钮/分页 |
color-fill-disabled |
输入框/选择框/文本域等底色禁用态 |
color-fill-card-header |
卡片头部 |
color-border |
默认组件边框 |
color-border-light |
二级边框/分割线 |
color-border-lighter |
三级边框/图表网格线 |
color-border-button |
默认按钮/分页组件 |
color-border-table |
表格线 |
color-border-container |
内容区/卡片/浮层面板等容器边框 |
color-white |
不随主题变化的白色 |
color-black |
不随主题变化的黑色 |
color-menu-bg |
菜单栏-默认背景色 |
color-menu-fill-dark |
菜单栏-组展开/预留底色 |
color-menu-fill-light |
菜单栏-悬停/选中色 |
color-menu-divider |
菜单栏-容器内部的分割线 |
color-menu-border |
菜单栏-容器外部的边框线 |
color-menu-text-primary |
菜单栏-重要文字 |
color-menu-text-regular |
菜单栏-常规文字 |
color-menu-text-secondary |
菜单栏-次要文字/图标 |
color-menu-text-placeholder |
菜单栏-占位/辅助文字 |
color-navi-bg |
顶栏-默认背景色 |
color-navi-fill-dark |
顶栏-组展开/预留底色 |
color-navi-fill-light |
顶栏-悬停/选中色 |
color-navi-divider |
顶栏-容器内部的分割线 |
color-navi-border |
顶栏-容器外部的边框线 |
color-navi-text-primary |
顶栏-重要文字 |
color-navi-text-regular |
顶栏-常规文字 |
color-navi-text-secondary |
顶栏-次要文字/图标 |
color-navi-text-placeholder |
顶栏-占位/辅助文字 |
border-radius-base |
默认圆角率(2px) |
border-radius-medium |
Popconfirm、Notification、Dialog等反馈类浮层圆角率(4px) |
border-radius-circle |
全圆角, 用于胶囊按钮、avatar、badge等组件(50%) |
border-thickness |
边框厚度(1px) |
shadow-basev |
直接铺在页面上方的元素，卡片等容器(3) |
shadow-large |
浮层阴影(box-shadow: 0px 12px 24px 12px rgba(0, 0, 0, 0.06), 0px 5px 10px 0px rgba(0, 0, 0, 0.06)) |
shadow-left |
侧边栏、抽屉、表格固定列等左侧阴影(box-shadow: -3px 0px 6px 0px rgba(0, 0, 0, 0.03)) |
shadow-right |
侧边栏、抽屉、表格固定列等右侧阴影(box-shadow: 3px 0px 6px 0px rgba(0, 0, 0, 0.03)) |
shadow-focus |
下拉框输入框等聚焦时的外框光晕样式，颜色使用color-primary-light(2px solid) |
font-size-heading-1 |
一级指标值、报表、文档标题(40px) |
font-size-heading-2 |
二级指标值、报表、文档标题(32px) |
font-size-heading-3 |
三级指标值、报表、文档标题(24px) |
font-size-heading-4 |
四级指标值、报表、文档标题(18px) |
font-size-heading-5 |
页面标题、弹窗标题(16px) |
font-size-heading-6 |
卡片标题、表单分类标题(14px) |
font-size-body |
默认正文大小（跟随主题变化）(移动云12px / 盘古14px) |
font-size-medium |
报表、文档、Tabs等组件默认文字大小 (固定文字大小，不受主题切换影响)(14px) |
font-size-small |
辅助文字、图表组件文字、小号组件文字 (固定文字大小，不受主题切换影响)(12px) |
font-weight-regular |
常规文字(400) |
font-weight-bold |
加粗文字(600) |
Vue Snippets
| Prefix |
Description |
vue-sfc |
选项式vue |
vue-composition |
组合式vue |
Javascript Snippets
| Prefix |
Description |
log |
console.log() |
import |
import from |
function |
const = ()=>{{}) |
if |
if () {} |
elseif |
else if () {} |
else |
else {} |
map |
.map((item, idx) => { return }) |
forEach |
.forEach((item, idx) => {}) |
find |
const = .find(item => ) |
switch |
switch() {case :return case :return } |
const |
const = |
let |
let = |
| |
