![Introducing Enhanced Alert Actions and Triage Functionality](https://cdn.sanity.io/images/cgdhsj6q/production/fe71306d515f85de6139b46745ea7180362324f0-2530x946.png?w=800&fit=max&auto=format)
Product
Introducing Enhanced Alert Actions and Triage Functionality
Socket now supports four distinct alert actions instead of the previous two, and alert triaging allows users to override the actions taken for all individual alerts.
@centit/ui-workspace
Advanced tools
Readme
一个开箱即用、统一样式的工作台框架
npm install @centit/ui-workspace --save
[main.js]
import Workspace, { Tools } from '@centit/ui-workspace'
import '@centit/ui-workspace/ui-workspace.css'
...
app.use(Workspace)
app.use(Tools)
<c-workspace :layout="layout" >
<template #header-left>
<c-logo-tool />
</template>
...
<template #left="{ tab, tabs }">
<ElementsPanel v-if="tabs[0].resolved" v-show="tab.value === 'C'" />
<LayersPanel v-if="tabs[1].resolved" v-show="tab.value === 'S'" />
<PagesPanel v-if="tabs[2].resolved" v-show="tab.value === 'P'" />
</template>
...
</c-workspace>
<script>
const layout = {
header: {
size: 52,
},
tools: {
size: 48,
},
left: {
size: 300,
tabs: [
{ value: 'C', label: '组件', icon: BuildOutlined },
{ value: 'S', label: '结构', icon: ApartmentOutlined },
{ value: 'P', label: '页面', icon: FolderOpenOutlined },
{ value: 'A', label: '工程', icon: RocketOutlined },
],
tab: 'C',
},
right: {
size: 300,
},
bottom: {
size: 256,
isClosed: false,
isFullscreen: false,
tabs: [
{ value: 'C', label: '代码', icon: ApiOutlined },
{ value: 'E', label: '效果', icon: AlertOutlined },
],
tab: 'C',
},
main: {
tabs: false,
},
}
</script>
<c-items-panel
:items="plugins"
@startDrag="onStartDragItem"
@endDrag="onEndDragItem"
/>
<script>
const plugins = [
{
key: 'Layout',
label: '布局',
children: [
{
icon: '图标地址或者base64',
label: '容器'
... // 其他自己需要的属性
},
...
],
},
... // 其他栏目
]
// 从侧边栏开始拖动元素
function onStartDragItem(e, item) {
}
// 结束拖动
function onEndDragItem(e, item) {
}
</script>
1、添加c-history-panel组件
<c-history-panel
v-if="tab.value === 'H' && application && modelId"
:height="layout.bottom.size"
:osId="application.osId"
:relationId="modelId"
:pushUser="user.userInfo.userCode"
:content="model.forTemplate"
type="2"
/>
1、c-item-panels内各组件可以折叠
2、c-item-panels添加col属性,可以控制每行显示组件数量(默认=4,对于工作流或其他组件比较少的情况可以改成3)
3、添加c-title-tool组件,用来显示应用名称和当前菜单名称
FAQs
The npm package @centit/ui-workspace receives a total of 59 weekly downloads. As such, @centit/ui-workspace popularity was classified as not popular.
We found that @centit/ui-workspace demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 6 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Product
Socket now supports four distinct alert actions instead of the previous two, and alert triaging allows users to override the actions taken for all individual alerts.
Security News
Polyfill.io has been serving malware for months via its CDN, after the project's open source maintainer sold the service to a company based in China.
Security News
OpenSSF is warning open source maintainers to stay vigilant against reputation farming on GitHub, where users artificially inflate their status by manipulating interactions on closed issues and PRs.