@cgeui/platform-head 0.0.1

package/ReadMe.md

@@ -0,0 +1,151 @@
+# 发包流程
+## 1. 修改版本号
+package.json中将version值修改
+
+## 2.安装
+```
+npm install
+```
+
+## 3.打包
+1.登录npm
+npm login --registry=https://nexus.encloudx.com/repository/local-npm/
+
+3、执行
+```
+npm publish
+```
+
+4、发布成功后，去https://nexus.encloudx.com/#browse/browse:local-npm看看是否真的成功
+
+# 使用
+```
+import { PlatformHead } from '@encarbon/platform-head';
+<PlatformHead
+  sdk={cecSdk}
+  changeTheme={
+    {
+      isShow: true,
+      defaultTheme: 'default',
+    }
+  }
+  bell={
+    {
+      isShow: true,
+      locahost: 'devenstorage.encloudx.com'
+    }
+  }
+  changeLang={
+    {
+      isShow: false,
+    }
+  }
+  user={
+    {
+      isShow: true,
+    }
+  }
+/>
+
+```
+@encarbon/rightContent
+纯净版本，无样式包，只有消息，用户、和告警功能
+打包时需headRight注释encarbon/ui注入、需修改package内容
+
+0.1.0
+去除样式包注入
+```
+
+
+```
+
+## changelog
+@encarbon/platform-head
+
+0.1.8
+2025-11-21
+适配新UI风格,表格表头字体加粗和颜色加深
+
+0.1.7
+2025-11-21
+适配新UI风格, @catd/icons依赖0.8.4版本
+
+0.1.6
+2025-08-15
+消息时间去除毫秒级
+
+0.1.5
+2025-08-13
+列表固定列阴影
+
+0.1.4
+2025-07-18
+个人信息增加头像功能
+
+0.1.2
+2025-07-16
+修改个人信息页面布局（去除头像上传功能）
+
+0.1.1
+2025-07-10
+增加修改密码和个人信息功能（已删除、头像有跨域问题）
+
+0.0.25
+ant5 confirm按钮的间距从10修改为12、redio disabled时的背景色
+
+0.0.24
+ant5 select多选时tab的关闭icon大小设置、showconfirm组件删除按钮hover时居中
+
+0.0.23
+ant5 穿梭框按钮样式、table批量选中时背景颜色不能是rgba会透下面的文字
+
+0.0.22
+ant5 form表单 间距修改
+
+0.0.21
+ant5 tablepage 文字颜色
+
+0.0.20
+ant5 tablepage按钮间距调整、消息弹框位置调整
+
+0.0.19
+ant5 form表单样式、增加消息推送关闭开关按钮
+
+0.0.17
+ant5 model.confirm 按钮样式
+
+0.0.15
+增加了logoutCallback事件，提供给外部处理一些意外情况
+
+0.0.14
+encarbon-ui 修改rem单位的样式为px
+
+0.0.13
+encarbon-ui 增加了ant5 model.cofirm的样式规范，提供了样式名称designsc-modal-confirm-self；修改了tablepage formily 弹框底部的按钮样式
+
+0.0.12
+encarbon-ui修改ant5 tree checkout样式
+
+0.0.10
+encarbon-ui修改ant5弹出的删除框样式
+
+0.0.9
+encarbon-ui支持ant4、ant5，修改部分样式
+
+0.0.8
+支持ant4、ant5
+
+0.0.6
+修改了drawer form表单元素禁用时的样式
+
+0.0.5
+修改一些样式走查问题；消息推送的告警声音根据消息等级播放声音源
+
+0.0.4
+告警等级颜色轻微绿色调整为黄色
+
+0.0.3
+增加告警消息声音配置和动作
+
+0.0.2
+去除字体

package/dist/esm/components/audioSet/index.d.ts

@@ -0,0 +1,10 @@
+import './index.less';
+type SetProps = {
+    title: string;
+    open: boolean;
+    setOpen: (open: boolean) => boolean;
+    sdk: any;
+};
+declare const GlobalAlarmAudioSetComponent: (props: SetProps) => any;
+export default GlobalAlarmAudioSetComponent;
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/components/audioSet/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/audioSet/index.tsx"],"names":[],"mappings":"AAEA,OAAO,cAAc,CAAC;AAGtB,KAAK,QAAQ,GAAG;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,OAAO,CAAC;IACpC,GAAG,EAAE,GAAG,CAAC;CACV,CAAC;AACF,QAAA,MAAM,4BAA4B,UAAW,QAAQ,QAoFpD,CAAC;AAEF,eAAe,4BAA4B,CAAC"}

package/dist/esm/components/audioSet/index.js

@@ -0,0 +1,93 @@
+// src/components/audioSet/index.tsx
+import { Modal, Table } from "@catd/components";
+import { PLATFORM_USER_I18N } from "../../i18n";
+import "./index.less";
+import GlobalAlarmAudioOperationComponent from "./operation";
+import { jsx } from "react/jsx-runtime";
+var GlobalAlarmAudioSetComponent = (props) => {
+  const { title, open, setOpen, sdk } = props;
+  const LEVEL_ENUM = {
+    0: PLATFORM_USER_I18N.getALarmLevel0(sdk),
+    1: PLATFORM_USER_I18N.getALarmLevel1(sdk),
+    2: PLATFORM_USER_I18N.getALarmLevel2(sdk)
+  };
+  const list = [
+    {
+      level: 0,
+      audio: PLATFORM_USER_I18N.getALarmAudioText0(sdk)
+    },
+    {
+      level: 1,
+      audio: PLATFORM_USER_I18N.getALarmAudioText1(sdk)
+    },
+    {
+      level: 2,
+      audio: PLATFORM_USER_I18N.getALarmAudioText2(sdk)
+    }
+  ];
+  const COLUMNS = [
+    {
+      title: PLATFORM_USER_I18N.getAlarmVolumeSetTableIndex(sdk),
+      dataIndex: "index",
+      width: 80,
+      render: (__, __1, index) => {
+        return index + 1;
+      }
+    },
+    {
+      title: PLATFORM_USER_I18N.getAlarmVolumeSetTableLevel(sdk),
+      dataIndex: "level",
+      width: 140,
+      render: (__, row) => {
+        return /* @__PURE__ */ jsx("span", { className: `global-platform-level-${row == null ? void 0 : row.level}`, children: (LEVEL_ENUM == null ? void 0 : LEVEL_ENUM[row == null ? void 0 : row.level]) || "-" });
+      }
+    },
+    {
+      title: PLATFORM_USER_I18N.getAlarmVolumeSetTableAudio(sdk),
+      dataIndex: "audio"
+    },
+    {
+      title: PLATFORM_USER_I18N.getOperation(sdk),
+      dataIndex: "operation",
+      width: 80,
+      render: (__, row) => {
+        return /* @__PURE__ */ jsx(
+          GlobalAlarmAudioOperationComponent,
+          {
+            level: row.level,
+            autoPlay: false,
+            showPlay: true,
+            volumeStatus: true
+          }
+        );
+      }
+    }
+  ];
+  return /* @__PURE__ */ jsx(
+    Modal,
+    {
+      title,
+      className: "global-platform-audio-set-modal",
+      open,
+      onCancel: () => setOpen(false),
+      onOk: () => setOpen(false),
+      width: 550,
+      children: /* @__PURE__ */ jsx(
+        Table,
+        {
+          columns: COLUMNS,
+          dataSource: list,
+          scroll: { x: "100%" },
+          rowKey: "taskId",
+          pagination: {
+            hideOnSinglePage: true
+          }
+        }
+      )
+    }
+  );
+};
+var audioSet_default = GlobalAlarmAudioSetComponent;
+export {
+  audioSet_default as default
+};

package/dist/esm/components/audioSet/index.less

@@ -0,0 +1,11 @@
+.global-platform-audio-set-modal {
+  .global-platform-level-0 {
+    color: #d90001;
+  }
+  .global-platform-level-1 {
+    color: #ff7300;
+  }
+  .global-platform-level-2 {
+    color: #e7b22e;
+  }
+}

package/dist/esm/components/audioSet/operation/index.d.ts

@@ -0,0 +1,11 @@
+import './index.less';
+type OperationProps = {
+    level: number;
+    autoPlay: boolean;
+    showPlay: boolean;
+    data?: any;
+    volumeStatus: boolean;
+};
+declare const GlobalAlarmAudioOperationComponent: (props: OperationProps) => any;
+export default GlobalAlarmAudioOperationComponent;
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/components/audioSet/operation/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/audioSet/operation/index.tsx"],"names":[],"mappings":"AAKA,OAAO,cAAc,CAAC;AAEtB,KAAK,cAAc,GAAG;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,GAAG,CAAC;IACX,YAAY,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF,QAAA,MAAM,kCAAkC,UAAW,cAAc,QA6EhE,CAAC;AAEF,eAAe,kCAAkC,CAAC"}

package/dist/esm/components/audioSet/operation/index.js

@@ -0,0 +1,68 @@
+// src/components/audioSet/operation/index.tsx
+import { CatdIcons } from "@catd/icons";
+import { useEffect, useRef, useState } from "react";
+import AudioL1 from "./audio/L1.wav";
+import AudioL2 from "./audio/L2.mp3";
+import AudioL3 from "./audio/L3.wav";
+import "./index.less";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var GlobalAlarmAudioOperationComponent = (props) => {
+  const { level, autoPlay, showPlay, volumeStatus } = props;
+  const [isPause, setIsPause] = useState(true);
+  const audioPlayer = useRef(null);
+  const messageAudioPlayer = useRef(null);
+  const audioSrc = {
+    2: AudioL1,
+    1: AudioL2,
+    0: AudioL3
+  };
+  const eventsaAudioSrc = {
+    0: AudioL1,
+    1: AudioL2,
+    2: AudioL3
+  };
+  const messageTypeList = ["告警", "预警"];
+  const audioChange = () => {
+    const status = !isPause;
+    setIsPause(status);
+    if (audioPlayer.current.paused) {
+      audioPlayer.current.play();
+    } else {
+      audioPlayer.current.pause();
+    }
+    audioPlayer.current.addEventListener("ended", () => {
+      setIsPause(true);
+    });
+  };
+  useEffect(() => {
+    var _a;
+    if (autoPlay) {
+      const content = (_a = props == null ? void 0 : props.data) == null ? void 0 : _a.content;
+      const contentList = (content == null ? void 0 : content.split("|")) || [];
+      const messageType = contentList == null ? void 0 : contentList[0];
+      if (messageTypeList.includes(messageType)) {
+        messageAudioPlayer.current.src = audioSrc == null ? void 0 : audioSrc[level];
+        messageAudioPlayer.current.play();
+      }
+    }
+  }, [props == null ? void 0 : props.data]);
+  useEffect(() => {
+    messageAudioPlayer.current.muted = !volumeStatus;
+  }, [volumeStatus]);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    showPlay ? /* @__PURE__ */ jsx(
+      "span",
+      {
+        className: `global-audio-operation-btn ${isPause ? "play" : "pause"}`,
+        onClick: audioChange,
+        children: isPause ? /* @__PURE__ */ jsx(CatdIcons, { className: "play-btn", iconName: "basic-mom-up-2" }) : /* @__PURE__ */ jsx("span", { className: "pause-btn" })
+      }
+    ) : null,
+    /* @__PURE__ */ jsx("audio", { ref: audioPlayer, controls: true, className: "global-audio-operation-source", children: /* @__PURE__ */ jsx("source", { src: eventsaAudioSrc[level] }) }),
+    /* @__PURE__ */ jsx("audio", { ref: messageAudioPlayer, controls: true, className: "global-audio-operation-source", children: /* @__PURE__ */ jsx("source", { src: audioSrc[level] }) })
+  ] });
+};
+var operation_default = GlobalAlarmAudioOperationComponent;
+export {
+  operation_default as default
+};

package/dist/esm/components/audioSet/operation/index.less

@@ -0,0 +1,36 @@
+.global-audio-operation-btn {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 22px;
+  height: 22px;
+  background: var(--catd-brand-color);
+  border-radius: 50%;
+  cursor: pointer;
+
+  &.pause {
+    background: var(--catd-error-color);
+  }
+
+  .pause-btn {
+    width: 8px;
+    height: 8px;
+    background: var(--catd-white-10);
+    border-radius: 3px;
+  }
+
+  .play-btn {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 18px;
+    height: 18px;
+    margin-left: 2px;
+    color: var(--catd-white-10);
+    transform: rotate(90deg);
+  }
+}
+
+.global-audio-operation-source {
+  display: none;
+}

package/dist/esm/components/index.d.ts

@@ -0,0 +1,3 @@
+export { default as GlobalAlarmAudioSetComponent } from './audioSet';
+export { default as GlobalAlarmAudioOperationComponent } from './audioSet/operation';
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,4BAA4B,EAAE,MAAM,YAAY,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,kCAAkC,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/esm/components/index.js

@@ -0,0 +1,7 @@
+// src/components/index.ts
+import { default as default2 } from "./audioSet";
+import { default as default3 } from "./audioSet/operation";
+export {
+  default3 as GlobalAlarmAudioOperationComponent,
+  default2 as GlobalAlarmAudioSetComponent
+};

package/dist/esm/encarbon-ui/core/ant5/card.less

@@ -0,0 +1,28 @@
+html[encarbon-ui='encarbon-ui'] {
+  .designsc-card {
+    border-radius: var(--encarbon-ui-card-border-radius);
+
+    .designsc-card-head {
+      padding: 0 20px;
+      min-height: 56px;
+    }
+  }
+
+  .designsc-card-body {
+    --encarbon-ui-card-padding: 20px;
+    display: flex;
+    flex-direction: column;
+    width: 100%;
+    padding: var(--encarbon-ui-card-padding);
+
+    .designsc-form-item-label > label {
+      color: var(--catd-text-color-primary);
+      font-size: var(--catd-font-size-m);
+      line-height: calc(var(--catd-font-size-m) + 8px);
+
+      &::after {
+        margin: 0 var(--catd-margin-8) 0 var(--catd-margin-2);
+      }
+    }
+  }
+}

package/dist/esm/encarbon-ui/core/ant5/descriptions.less

@@ -0,0 +1,5 @@
+html[encarbon-ui='encarbon-ui'] {
+  .designsc-descriptions .designsc-descriptions-item-content {
+    color: var(--catd-text-color-primary);
+  }
+}

package/dist/esm/encarbon-ui/core/ant5/drawer.less

@@ -0,0 +1,93 @@
+html[encarbon-ui='encarbon-ui'] {
+  /* 抽屉 */
+
+  .designsc-drawer {
+    .designsc-drawer-header {
+      padding: var(--catd-padding-l) var(--catd-padding-xxl);
+      font-weight: 400;
+      font-size: var(--catd-font-size-l);
+      border-bottom: 1px solid var(--catd-component-border-color);
+    }
+    .designsc-drawer-body {
+      padding: var(--catd-padding-xxl);
+
+      .designsc-pro-card-body {
+        padding: 0;
+      }
+      .designsc-form-vertical {
+        .designsc-input.designsc-input-disabled,
+        .designsc-select.designsc-select-disabled .designsc-select-selector {
+          padding: 0;
+        }
+      }
+
+      /* 表单项标签 */
+
+      .designsc-form-horizontal .designsc-form-item {
+        margin-bottom: var(--catd-padding-l);
+      }
+
+      /* 抽屉里的表格 */
+      .designsc-form-item-control .designsc-table-thead .designsc-table-cell:first-child {
+        padding-left: var(--catd-padding-l);
+      }
+    }
+
+    .designsc-pro-table .designsc-pro-table-search-form {
+      background-color: transparent !important;
+    }
+
+    .designsc-drawer-close {
+      position: absolute;
+      right: 14px;
+      margin: 0;
+      padding: 0;
+      font-size: 20px;
+
+      .anticon {
+        color: var(--catd-text-color-secondary);
+      }
+    }
+
+    .designsc-drawer-footer {
+      border-top: 1px solid var(--catd-component-border-color) !important;
+
+      > div {
+        justify-content: flex-start !important;
+      }
+    }
+
+    .designsc-formily-layout {
+      .modal-button {
+        padding: 0;
+        .designsc-btn {
+          margin-right: 0;
+        }
+        .designsc-btn + .designsc-btn {
+          margin-left: 12px;
+        }
+      }
+    }
+
+    .designsc-input-disabled,
+    .designsc-select-disabled .designsc-select-selector {
+      padding-left: 0 !important;
+      color: var(--catd-text-color-primary) !important;
+      background: transparent !important;
+      border: none !important;
+    }
+
+    .designsc-select-disabled {
+      .designsc-select-arrow {
+        display: none;
+      }
+    }
+  }
+
+  .catd-dark {
+    .designsc-drawer {
+      --catd-form-bg-color: transparent;
+      --catd-form-border-color: rgba(255, 255, 255, 0.2);
+    }
+  }
+}