@pisell/private-materials 3.4.96 → 3.4.98

package/lib/plus/saasDevice/deviceProfile/components/CreateProfileModal/index.less

@@ -0,0 +1,131 @@
+.create-profile-modal {
+  &__content {
+    padding: 24px 0;
+    border-radius: 12px;
+  }
+
+  &__header {
+    display: flex;
+    align-items: flex-start;
+    justify-content: space-between;
+    margin-bottom: 24px;
+  }
+
+  &__title {
+    font-size: 18px;
+    font-weight: 600;
+    line-height: 26px;
+    color: rgba(0, 0, 0, 0.88);
+  }
+
+  &__subtitle {
+    margin-top: 4px;
+    font-size: 14px;
+    line-height: 22px;
+    color: rgba(0, 0, 0, 0.45);
+  }
+
+  &__close {
+    font-size: 16px;
+    color: rgba(0, 0, 0, 0.45);
+    cursor: pointer;
+    padding: 4px;
+    line-height: 1;
+
+    &:hover {
+      color: rgba(0, 0, 0, 0.88);
+    }
+  }
+
+  &__body {
+    min-height: 240px;
+  }
+
+  &__row {
+    display: flex;
+    gap: 16px;
+  }
+
+  &__col {
+    flex: 1;
+    min-width: 0;
+  }
+
+  &__section-title {
+    padding: 16px 0 8px 0;
+    font-size: 14px;
+    color: rgba(0, 0, 0, 0.65);
+  }
+
+  &__empty {
+    border: 1px dashed #d9d9d9;
+    border-radius: 8px;
+    padding: 40px 16px;
+    text-align: center;
+    color: rgba(0, 0, 0, 0.45);
+
+    .anticon {
+      font-size: 32px;
+      margin-bottom: 12px;
+      color: rgba(0, 0, 0, 0.25);
+    }
+  }
+
+  &__templates {
+    display: flex;
+    flex-direction: column;
+    gap: 12px;
+  }
+
+  &__template-card {
+    display: flex;
+    gap: 16px;
+    align-items: flex-start;
+    padding: 16px;
+    border: 1px solid #d0d5dd;
+    border-radius: 8px;
+    cursor: pointer;
+    transition: all 0.18s;
+
+    &:hover {
+      border-color: #91caff;
+    }
+
+    &.is-selected {
+      border-color: #1677ff;
+      background: #f0f7ff;
+    }
+  }
+
+  &__template-icon {
+    .anticon {
+      font-size: 24px;
+      color: rgba(0, 0, 0, 0.65);
+    }
+  }
+
+  &__template-content {
+    flex: 1;
+    min-width: 0;
+  }
+
+  &__template-name {
+    font-size: 15px;
+    font-weight: 600;
+    color: rgba(0, 0, 0, 0.88);
+    margin-bottom: 4px;
+  }
+
+  &__template-desc {
+    font-size: 13px;
+    color: rgba(0, 0, 0, 0.55);
+    line-height: 20px;
+  }
+
+  &__footer {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-top: 24px;
+  }
+}

package/lib/plus/saasDevice/deviceProfile/components/DeleteProfileModal/index.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import type { I18nText, LinkedDeviceItem } from '../../types';
+import './index.less';
+interface DeleteProfileModalProps {
+    open: boolean;
+    loading: boolean;
+    submitting: boolean;
+    profileName: string;
+    linkedDevices: LinkedDeviceItem[];
+    translation: (val: I18nText) => string;
+    getText: (key: string) => string;
+    onClose: () => void;
+    onConfirm: () => void;
+}
+declare const DeleteProfileModal: React.FC<DeleteProfileModalProps>;
+export default DeleteProfileModal;

package/lib/plus/saasDevice/deviceProfile/components/DeleteProfileModal/index.js

@@ -0,0 +1,96 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/plus/saasDevice/deviceProfile/components/DeleteProfileModal/index.tsx
+var DeleteProfileModal_exports = {};
+__export(DeleteProfileModal_exports, {
+  default: () => DeleteProfileModal_default
+});
+module.exports = __toCommonJS(DeleteProfileModal_exports);
+var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+var import_materials = require("@pisell/materials");
+var import_icons = require("@ant-design/icons");
+var import_index = require("./index.less");
+var DeleteProfileModal = ({
+  open,
+  loading,
+  submitting,
+  profileName,
+  linkedDevices,
+  translation,
+  getText,
+  onClose,
+  onConfirm
+}) => {
+  const hasLinked = linkedDevices.length > 0;
+  const renderConfirmBody = () => {
+    const tpl = getText("pisell2.saas.device-profile.delete.confirm.content");
+    const [before, after] = tpl.split("{ProfileName}");
+    return /* @__PURE__ */ import_react.default.createElement("div", { className: "delete-profile-modal__body" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "delete-profile-modal__confirm-text" }, before, /* @__PURE__ */ import_react.default.createElement("strong", null, profileName), after));
+  };
+  const renderLinkedBody = () => {
+    const tpl = getText("pisell2.saas.device-profile.delete.linked.content");
+    const text = tpl.replace("{ProfileName}", "__PROFILE__").replace("{N}", String(linkedDevices.length));
+    const [before, after] = text.split("__PROFILE__");
+    return /* @__PURE__ */ import_react.default.createElement("div", { className: "delete-profile-modal__body" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "delete-profile-modal__warning" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "delete-profile-modal__warning-title" }, /* @__PURE__ */ import_react.default.createElement(import_icons.ExclamationCircleFilled, { className: "delete-profile-modal__warning-icon" }), getText("pisell2.saas.device-profile.delete.linked.title")), /* @__PURE__ */ import_react.default.createElement("div", { className: "delete-profile-modal__warning-content" }, before, /* @__PURE__ */ import_react.default.createElement("strong", null, profileName), after)), /* @__PURE__ */ import_react.default.createElement("div", { className: "delete-profile-modal__devices-label" }, getText("pisell2.saas.device-profile.delete.linked.devicesLabel")), /* @__PURE__ */ import_react.default.createElement("div", { className: "delete-profile-modal__devices-list" }, linkedDevices.map((d) => {
+      var _a, _b;
+      return /* @__PURE__ */ import_react.default.createElement("div", { key: d.id, className: "delete-profile-modal__device-row" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "delete-profile-modal__device-name" }, /* @__PURE__ */ import_react.default.createElement(import_materials.Icon, { type: "DesktopOutlined" }), /* @__PURE__ */ import_react.default.createElement("span", null, translation(d.name))), d.workarea ? /* @__PURE__ */ import_react.default.createElement(import_antd.Tag, { key: (_a = d == null ? void 0 : d.workarea) == null ? void 0 : _a.id }, translation((_b = d.workarea) == null ? void 0 : _b.name)) : null);
+    })));
+  };
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_materials.PisellModal,
+    {
+      open,
+      onCancel: onClose,
+      headerDivider: false,
+      footerDivider: false,
+      title: getText("pisell2.saas.device-profile.delete.title"),
+      okVisible: !hasLinked,
+      cancelButtonProps: {
+        disabled: submitting
+      },
+      okButtonProps: {
+        danger: true,
+        loading: submitting,
+        onClick: onConfirm
+      },
+      cancelText: getText(
+        hasLinked ? "pisell2.saas.device-profile.delete.button.close" : "pisell2.saas.device-profile.delete.button.cancel"
+      ),
+      okText: getText("pisell2.saas.device-profile.delete.button.delete"),
+      closable: true,
+      width: 520,
+      destroyOnClose: true,
+      maskClosable: false,
+      className: "delete-profile-modal"
+    },
+    /* @__PURE__ */ import_react.default.createElement("div", null, loading ? /* @__PURE__ */ import_react.default.createElement("div", { className: "delete-profile-modal__loading" }, /* @__PURE__ */ import_react.default.createElement(import_antd.Spin, null)) : hasLinked ? renderLinkedBody() : renderConfirmBody())
+  );
+};
+var DeleteProfileModal_default = DeleteProfileModal;

package/lib/plus/saasDevice/deviceProfile/components/DeleteProfileModal/index.less

@@ -0,0 +1,109 @@
+.delete-profile-modal {
+  &__header {
+    display: flex;
+    align-items: flex-start;
+    justify-content: space-between;
+    margin-bottom: 16px;
+  }
+
+  &__title {
+    font-size: 18px;
+    font-weight: 600;
+    line-height: 26px;
+    color: rgba(0, 0, 0, 0.88);
+  }
+
+  &__close {
+    font-size: 16px;
+    color: rgba(0, 0, 0, 0.45);
+    cursor: pointer;
+    padding: 4px;
+    line-height: 1;
+
+    &:hover {
+      color: rgba(0, 0, 0, 0.88);
+    }
+  }
+
+  &__body {
+    min-height: 80px;
+  }
+
+  &__confirm-text {
+    font-size: 14px;
+    line-height: 22px;
+    color: rgba(0, 0, 0, 0.65);
+  }
+
+  &__warning {
+    background: #fff7e6;
+    border: 1px solid #ffe58f;
+    border-radius: 8px;
+    padding: 12px 16px;
+    margin-bottom: 16px;
+  }
+
+  &__warning-title {
+    display: flex;
+    align-items: center;
+    font-size: 14px;
+    font-weight: 600;
+    color: #d48806;
+    margin-bottom: 4px;
+  }
+
+  &__warning-icon {
+    margin-right: 8px;
+    font-size: 16px;
+  }
+
+  &__warning-content {
+    font-size: 13px;
+    line-height: 20px;
+    color: rgba(0, 0, 0, 0.65);
+  }
+
+  &__devices-label {
+    font-size: 13px;
+    color: rgba(0, 0, 0, 0.65);
+    margin-bottom: 8px;
+  }
+
+  &__devices-list {
+    max-height: 280px;
+    overflow-y: auto;
+    border: 1px solid #f0f0f0;
+    border-radius: 8px;
+    padding: 4px 0;
+  }
+
+  &__device-row {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 8px 12px;
+
+    & + & {
+      border-top: 1px solid #f5f5f5;
+    }
+  }
+
+  &__device-name {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    color: rgba(0, 0, 0, 0.85);
+    font-size: 13px;
+
+    .anticon {
+      color: rgba(0, 0, 0, 0.45);
+    }
+  }
+
+  &__loading {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    min-height: 120px;
+  }
+}

package/lib/plus/saasDevice/deviceProfile/components/ProfileSetting/BasicForm.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { ProfileTemplateFormValues, ProfileTemplateItem, DeviceModelItem, DeviceTypeItem } from '../../types';
+export interface BasicFormHandle {
+    getValues: () => Promise<ProfileTemplateFormValues>;
+    resetDirty: () => void;
+}
+interface Props {
+    mode: 'create' | 'edit';
+    deviceType?: DeviceTypeItem;
+    deviceModels?: DeviceModelItem[];
+    initialValue?: ProfileTemplateItem;
+    onDirty?: () => void;
+    open?: boolean;
+}
+declare const BasicForm: React.ForwardRefExoticComponent<Props & React.RefAttributes<BasicFormHandle>>;
+export default BasicForm;

package/lib/plus/saasDevice/deviceProfile/components/ProfileSetting/BasicForm.js

@@ -0,0 +1,216 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/plus/saasDevice/deviceProfile/components/ProfileSetting/BasicForm.tsx
+var BasicForm_exports = {};
+__export(BasicForm_exports, {
+  default: () => BasicForm_default
+});
+module.exports = __toCommonJS(BasicForm_exports);
+var import_react = __toESM(require("react"));
+var import_materials = require("@pisell/materials");
+var import_antd = require("antd");
+var import_utils = require("@pisell/utils");
+var import_types = require("../../types");
+var import_useEngineContext = __toESM(require("../../../../../hooks/useEngineContext"));
+var getText = import_utils.locales.getText;
+var EMPTY_I18N = {
+  original: "",
+  "zh-CN": "",
+  "zh-HK": "",
+  en: "",
+  pt: "",
+  ja: ""
+};
+var BasicForm = (0, import_react.forwardRef)(
+  ({ mode, deviceType, deviceModels, initialValue, onDirty, open = true }, ref) => {
+    var _a;
+    const context = (0, import_useEngineContext.default)();
+    const [form] = import_antd.Form.useForm();
+    const { translation } = (_a = context.appHelper) == null ? void 0 : _a.utils;
+    const initialValues = (0, import_react.useMemo)(() => {
+      var _a2;
+      if (mode === "edit" && initialValue) {
+        return {
+          name: typeof (initialValue == null ? void 0 : initialValue.name) === "string" ? { ...EMPTY_I18N, original: initialValue == null ? void 0 : initialValue.name } : initialValue == null ? void 0 : initialValue.name,
+          type_code: (deviceType == null ? void 0 : deviceType.code) || "",
+          model_code: (initialValue == null ? void 0 : initialValue.modelCode) || (initialValue == null ? void 0 : initialValue.model_code),
+          description: ((_a2 = initialValue == null ? void 0 : initialValue._raw) == null ? void 0 : _a2.description) ?? { ...EMPTY_I18N },
+          status: initialValue == null ? void 0 : initialValue.status
+        };
+      }
+      return {
+        name: { ...EMPTY_I18N },
+        type_code: (deviceType == null ? void 0 : deviceType.code) || "",
+        model_code: "",
+        description: { ...EMPTY_I18N },
+        status: "active"
+      };
+    }, [mode, initialValue, deviceType == null ? void 0 : deviceType.code]);
+    (0, import_react.useEffect)(() => {
+      if (!open) return;
+      form.resetFields();
+      form.setFieldsValue(initialValues);
+    }, [open, initialValues, form]);
+    (0, import_react.useImperativeHandle)(
+      ref,
+      () => ({
+        getValues: () => form.validateFields(),
+        resetDirty: () => {
+        }
+      }),
+      [form]
+    );
+    const typeOptions = (0, import_react.useMemo)(
+      () => [
+        {
+          label: translation((deviceType == null ? void 0 : deviceType.name) || "") || (deviceType == null ? void 0 : deviceType.code) || "",
+          value: (deviceType == null ? void 0 : deviceType.code) || ""
+        }
+      ],
+      [deviceType == null ? void 0 : deviceType.code, deviceType == null ? void 0 : deviceType.name]
+    );
+    const modelOptions = (0, import_react.useMemo)(
+      () => deviceModels == null ? void 0 : deviceModels.map((m) => ({
+        label: translation(m.name) || m.code,
+        value: m.code
+      })),
+      [deviceModels]
+    );
+    const statusOptions = (0, import_react.useMemo)(
+      () => import_types.DEVICE_STATUSES.map((s) => ({
+        label: getText(s.labelKey),
+        value: s.value
+      })),
+      []
+    );
+    return /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Form,
+      {
+        form,
+        layout: "vertical",
+        onValuesChange: () => onDirty == null ? void 0 : onDirty(),
+        preserve: false,
+        initialValues
+      },
+      /* @__PURE__ */ import_react.default.createElement(
+        import_antd.Form.Item,
+        {
+          name: "name",
+          label: getText("pisell2.saas.device-profile.setting.field.name"),
+          required: true,
+          rules: [
+            {
+              validator: (0, import_types.validateI18nRequired)(
+                getText(
+                  "pisell2.saas.device-profile.setting.field.nameRequired"
+                )
+              )
+            }
+          ]
+        },
+        /* @__PURE__ */ import_react.default.createElement(
+          import_materials.BaseTranslation,
+          {
+            renderMode: "edit",
+            placeholder: getText(
+              "pisell2.saas.device-profile.setting.field.namePlaceholder"
+            )
+          }
+        )
+      ),
+      /* @__PURE__ */ import_react.default.createElement(
+        import_antd.Form.Item,
+        {
+          name: "type_code",
+          label: getText(
+            "pisell2.saas.device-profile.setting.field.deviceType"
+          ),
+          required: true
+        },
+        /* @__PURE__ */ import_react.default.createElement(import_antd.Select, { disabled: true, options: typeOptions })
+      ),
+      /* @__PURE__ */ import_react.default.createElement(
+        import_antd.Form.Item,
+        {
+          name: "model_code",
+          label: getText("pisell2.saas.device-profile.setting.field.model"),
+          required: true,
+          rules: [
+            {
+              required: true,
+              message: getText(
+                "pisell2.saas.device-profile.setting.field.modelRequired"
+              )
+            }
+          ]
+        },
+        /* @__PURE__ */ import_react.default.createElement(
+          import_antd.Select,
+          {
+            disabled: mode === "edit",
+            placeholder: getText(
+              "pisell2.saas.device-profile.setting.field.modelPlaceholder"
+            ),
+            options: modelOptions
+          }
+        )
+      ),
+      /* @__PURE__ */ import_react.default.createElement(
+        import_antd.Form.Item,
+        {
+          name: "status",
+          label: getText("pisell2.saas.device-profile.setting.field.status"),
+          required: true
+        },
+        /* @__PURE__ */ import_react.default.createElement(import_antd.Select, { options: statusOptions })
+      ),
+      /* @__PURE__ */ import_react.default.createElement(
+        import_antd.Form.Item,
+        {
+          name: "description",
+          label: getText(
+            "pisell2.saas.device-profile.setting.field.description"
+          )
+        },
+        /* @__PURE__ */ import_react.default.createElement(
+          import_materials.BaseTranslation,
+          {
+            renderMode: "edit",
+            type: "textarea",
+            placeholder: getText(
+              "pisell2.saas.device-profile.setting.field.descriptionPlaceholder"
+            )
+          }
+        )
+      )
+    );
+  }
+);
+BasicForm.displayName = "BasicForm";
+var BasicForm_default = BasicForm;

package/lib/plus/saasDevice/deviceProfile/components/ProfileSetting/index.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import './index.less';
+import { DeviceProfileScene, DeviceTypeItem, DeviceModelItem, ProfileTemplateItem } from '../../types';
+interface ProfileSettingState {
+    record: ProfileTemplateItem;
+    deviceModel?: DeviceModelItem;
+    deviceType?: DeviceTypeItem;
+    scene?: DeviceProfileScene;
+    onBack: () => void;
+}
+declare const ProfileSetting: React.FC<ProfileSettingState>;
+export default ProfileSetting;