@pisell/materials 1.8.41 → 1.8.43

package/es/components/PisellContactBrief/PisellContactBrief.js

@@ -1,156 +0,0 @@
-import { _objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/objectSpread2.js";
-import { PisellEntityCard } from "../pisellEntityCard/PisellEntityCard.js";
-import { ContactFormModal } from "./components/ContactFormModal.js";
-import locales_default from "./locales.js";
-import React, { useCallback, useEffect, useMemo, useState } from "react";
-import { locales } from "@pisell/utils";
-import { EditOutlined, PlusCircleOutlined } from "@ant-design/icons";
-import "./PisellContactBrief.less";
-//#region src/components/PisellContactBrief/PisellContactBrief.tsx
-/** 初始化多语言（合并到全局 locales），确保 getText 能取到本组件文案 */
-function ensureLocales() {
-	try {
-		var _getLocale, _getLocale2;
-		const current = (_getLocale = (_getLocale2 = locales.getLocale) === null || _getLocale2 === void 0 ? void 0 : _getLocale2.call(locales)) !== null && _getLocale !== void 0 ? _getLocale : "en";
-		const locale = current === "zh-TW" ? "zh-HK" : current;
-		locales.init(locales_default, locale);
-	} catch (_unused) {}
-}
-/**
-* PisellContactBrief 联系人简要卡片
-* 基于 PisellEntityCard 展示姓名、电话、邮箱及扩展字段，右侧编辑图标调起编辑弹窗
-*/
-function PisellContactBrief({ name, phone, email, avatar, extraData = {}, extraFields = [], onSubmit, onDelete, swipeToDelete = false, layout = "horizontal", showAvatar = true, showPhone = true, showEmail = true, primaryLineClamp, secondaryLineClamp, className, style, hoverStyle, activeStyle, disabledStyle, clickable = true, disabled = false, onClick }) {
-	const [editModalVisible, setEditModalVisible] = useState(false);
-	useEffect(() => {
-		ensureLocales();
-	}, []);
-	const media = useMemo(() => {
-		if (!showAvatar) return void 0;
-		return {
-			type: "avatar",
-			src: avatar,
-			alt: name,
-			size: 32,
-			shape: "circle"
-		};
-	}, [
-		showAvatar,
-		avatar,
-		name
-	]);
-	const secondaryTexts = useMemo(() => {
-		const list = [];
-		if (showEmail && email) list.push({ text: email });
-		extraFields.forEach((f) => {
-			const v = extraData[f.key];
-			if (v) list.push({ text: v });
-		});
-		return list;
-	}, [
-		showEmail,
-		email,
-		extraFields,
-		extraData
-	]);
-	const editAction = useMemo(() => ({
-		type: "icon",
-		icon: /* @__PURE__ */ React.createElement(EditOutlined, { className: "pisell-contact-brief-action-edit" }),
-		onClick: () => {
-			setEditModalVisible(true);
-		}
-	}), []);
-	const initialEditValues = useMemo(() => _objectSpread2({
-		name,
-		phone,
-		email
-	}, extraData), [
-		name,
-		phone,
-		email,
-		extraData
-	]);
-	const handleEditSubmit = useCallback((values) => {
-		onSubmit === null || onSubmit === void 0 || onSubmit(values);
-		setEditModalVisible(false);
-	}, [onSubmit]);
-	return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { className: "pisell-contact-brief-wrap" }, /* @__PURE__ */ React.createElement(PisellEntityCard, {
-		className,
-		style,
-		hoverStyle,
-		activeStyle,
-		disabledStyle,
-		clickable,
-		disabled,
-		onClick,
-		media,
-		primaryText: name,
-		subtitleText: showPhone && phone ? phone : void 0,
-		secondaryTexts,
-		showMedia: showAvatar,
-		showPrimaryText: true,
-		showSubtitle: showPhone,
-		showSecondaryText: true,
-		showTags: false,
-		showActions: true,
-		actions: [editAction],
-		density: "B2",
-		layout,
-		width: "content",
-		swipeToDelete,
-		onDelete,
-		primaryLineClamp,
-		secondaryLineClamp
-	})), /* @__PURE__ */ React.createElement(ContactFormModal, {
-		visible: editModalVisible,
-		onCancel: () => setEditModalVisible(false),
-		onSubmit: handleEditSubmit,
-		mode: "edit",
-		initialValues: initialEditValues,
-		extraFields
-	}));
-}
-/**
-* 新建联系人入口按钮
-* 展示「Add Contact」+ 占位头像 + plus 图标，点击打开新建弹窗
-*/
-function PisellContactBriefCreateButton({ extraFields = [], onCreate, onClick: onClickProp, className, style }) {
-	const [createModalVisible, setCreateModalVisible] = useState(false);
-	useEffect(() => {
-		ensureLocales();
-	}, []);
-	const handleClick = useCallback((e) => {
-		if (onClickProp) {
-			onClickProp(e);
-			return;
-		}
-		setCreateModalVisible(true);
-	}, [onClickProp]);
-	const handleCreateSubmit = useCallback((values) => {
-		onCreate === null || onCreate === void 0 || onCreate(values);
-		setCreateModalVisible(false);
-	}, [onCreate]);
-	const addContactText = locales.getText("pisell.contact.brief.addContact");
-	return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", {
-		role: "button",
-		tabIndex: 0,
-		className: `pisell-contact-brief-create-btn ${className !== null && className !== void 0 ? className : ""}`.trim(),
-		style,
-		onClick: handleClick,
-		onKeyDown: (e) => {
-			if (e.key === "Enter" || e.key === " ") {
-				e.preventDefault();
-				handleClick(e);
-			}
-		}
-	}, /* @__PURE__ */ React.createElement("span", { className: "pisell-contact-brief-create-btn-avatar" }, /* @__PURE__ */ React.createElement("span", { className: "pisell-contact-brief-create-btn-avatar-inner" })), /* @__PURE__ */ React.createElement("span", { className: "pisell-contact-brief-create-btn-text" }, addContactText), /* @__PURE__ */ React.createElement(PlusCircleOutlined, { className: "pisell-contact-brief-create-btn-icon" })), /* @__PURE__ */ React.createElement(ContactFormModal, {
-		visible: createModalVisible,
-		onCancel: () => setCreateModalVisible(false),
-		onSubmit: handleCreateSubmit,
-		mode: "create",
-		extraFields
-	}));
-}
-PisellContactBrief.CreateButton = PisellContactBriefCreateButton;
-//#endregion
-export { PisellContactBrief };

package/es/components/PisellContactBrief/PisellContactBrief.less

@@ -1,192 +0,0 @@
-/**
- * PisellContactBrief 样式
- * 类名前缀 pisell-contact-brief-
- */
-.pisell-contact-brief-wrap {
-  box-sizing: border-box;
-  min-width: 0;
-}
-
-/* 编辑图标与右侧操作区 */
-.pisell-contact-brief-action-edit {
-  font-size: 16px;
-  color: #667085;
-}
-
-/* 新建按钮：水平布局，占位头像 + 文案 + plus 图标，与设计稿一致 */
-.pisell-contact-brief-create-btn {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  min-width: 0;
-  padding: 6px 14px;
-  box-sizing: border-box;
-  cursor: pointer;
-  border-radius: 8px;
-  border: 1px solid #d0d5dd;
-  background-color: #ffffff;
-  transition: background-color 0.2s, border-color 0.2s;
-
-  &:hover {
-    background-color: #f9fafb;
-    border-color: #d0d5dd;
-  }
-}
-
-.pisell-contact-brief-create-btn-avatar {
-  flex-shrink: 0;
-  width: 32px;
-  height: 32px;
-  border-radius: 50%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  background-color: #f2f4f7;
-}
-
-.pisell-contact-brief-create-btn-avatar-inner {
-  width: 32px;
-  height: 32px;
-  border-radius: 50%;
-  background-color: #e4e7ec;
-}
-
-.pisell-contact-brief-create-btn-text {
-  flex: 1;
-  min-width: 0;
-  font-size: 14px;
-  font-weight: 500;
-  color: #000000;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.pisell-contact-brief-create-btn-icon {
-  flex-shrink: 0;
-  font-size: 24px;
-  color: #667085;
-}
-
-/* 弹窗：对齐 Figma 新建/编辑弹窗，新建与编辑完全一致 */
-.pisell-contact-brief-modal {
-  /* 容器：12px 圆角、Shadow xl */
-
-  .ant-modal-content,
-  .pisell-lowcode-modal-content {
-    border-radius: 12px;
-    box-shadow: 0 20px 24px -4px rgba(16, 24, 40, 0.08), 0 8px 8px -4px rgba(16, 24, 40, 0.03);
-    overflow: hidden;
-    padding: 0;
-  }
-
-  /* Header：24px 16px，标题 18px Semibold #101828 */
-
-  .ant-modal-header,
-  .pisell-lowcode-modal-header {
-    padding: 16px 24px;
-    border-bottom: none;
-    margin-bottom: 0;
-  }
-
-  .ant-modal-title,
-  .pisell-lowcode-modal-title {
-    font-size: 18px;
-    font-weight: 600;
-    line-height: 28px;
-    color: #101828;
-  }
-
-  /* Header 下方分割线 */
-
-  .ant-modal-header + .ant-modal-body,
-  .pisell-lowcode-modal-header + .pisell-lowcode-modal-body {
-    border-top: 1px solid #eaecf0;
-  }
-
-  /* Body：24px padding */
-
-  .ant-modal-body,
-  .pisell-lowcode-modal-body {
-    padding: 24px;
-  }
-
-  /* 表单：表单项间距 24px */
-
-  .pisell-contact-brief-modal-form.ant-form,
-  .pisell-contact-brief-modal-form.pisell-lowcode-form {
-    .ant-form-item,
-    .pisell-lowcode-form-item {
-      margin-bottom: 24px;
-    }
-
-    .ant-form-item:last-child,
-    .pisell-lowcode-form-item:last-child {
-      margin-bottom: 0;
-    }
-  }
-
-  /* 第一行：Firstname + Lastname 两列，间距 16px */
-
-  .pisell-contact-brief-modal-form-row {
-    display: flex;
-    gap: 16px;
-
-    .ant-form-item,
-    .pisell-lowcode-form-item {
-      flex: 1;
-      margin-bottom: 0;
-    }
-  }
-
-  /* Label：14px Medium #344054 */
-
-  .ant-form-item-label > label,
-  .pisell-lowcode-form-item-label > label {
-    font-size: 14px;
-    font-weight: 500;
-    line-height: 20px;
-    color: #344054;
-  }
-
-  /* Footer：顶部分割线、24px padding、按钮间距 12px */
-
-  .ant-modal-footer,
-  .pisell-lowcode-modal-footer {
-    padding: 24px;
-    border-top: 1px solid #eaecf0;
-    gap: 12px;
-    margin-top: 0;
-  }
-
-  /* 取消：白底、边框 #D0D5DD、48px 高、16px Semibold #344054 */
-
-  .ant-btn-default,
-  .pisell-lowcode-btn-default {
-    height: 48px;
-    padding: 12px 20px;
-    border-radius: 8px;
-    border-color: #d0d5dd;
-    font-size: 16px;
-    font-weight: 600;
-    line-height: 24px;
-    color: #344054;
-    box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
-  }
-
-  /* 主按钮：Primary #7F56D9、白字 */
-
-  .ant-btn-primary,
-  .pisell-lowcode-btn-primary {
-    height: 48px;
-    padding: 12px 20px;
-    border-radius: 8px;
-    background-color: #7f56d9;
-    border-color: #7f56d9;
-    font-size: 16px;
-    font-weight: 600;
-    line-height: 24px;
-    color: #fff;
-    box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
-  }
-}

package/es/components/PisellContactBrief/components/ContactFormModal.js

@@ -1,140 +0,0 @@
-import PisellSingleLineText_default from "../../pisellSingleLineText/PisellSingleLineText.js";
-import "../../pisellSingleLineText/index.js";
-import PisellPhone_default from "../../pisellPhone/PisellPhone.js";
-import "../../pisellPhone/index.js";
-import PisellEmail_default from "../../pisellEmail/PisellEmail.js";
-import "../../pisellEmail/index.js";
-import { _asyncToGenerator } from "../../../_virtual/_@oxc-project_runtime@0.122.0/helpers/asyncToGenerator.js";
-import React, { useEffect } from "react";
-import { locales } from "@pisell/utils";
-import { Form, Modal } from "antd";
-//#region src/components/PisellContactBrief/components/ContactFormModal.tsx
-const FIRSTNAME_FIELD = "firstname";
-const LASTNAME_FIELD = "lastname";
-const PHONE_FIELD = "phone";
-const EMAIL_FIELD = "email";
-/** 将 name 拆分为 firstname + lastname（按首个空格） */
-function splitName(name) {
-	if (!name || !name.trim()) return ["", ""];
-	const idx = name.trim().indexOf(" ");
-	if (idx <= 0) return [name.trim(), ""];
-	return [name.trim().slice(0, idx), name.trim().slice(idx + 1)];
-}
-/** 将 firstname + lastname 合并为 name */
-function joinName(first, last) {
-	return [first, last].map((s) => s === null || s === void 0 ? void 0 : s.trim()).filter(Boolean).join(" ");
-}
-/**
-* 联系人新建/编辑弹窗
-* 表单含 Firstname、Lastname、Phone、Email + extraFields，与 Figma 新建/编辑弹窗一致
-*/
-function ContactFormModal({ visible, onCancel, onSubmit, mode, initialValues, extraFields = [] }) {
-	const [form] = Form.useForm();
-	useEffect(() => {
-		if (visible) {
-			var _initialValues$name, _initialValues$phone, _initialValues$email;
-			const [firstname, lastname] = splitName(initialValues === null || initialValues === void 0 ? void 0 : initialValues.name);
-			const values = {
-				firstname,
-				lastname,
-				name: (_initialValues$name = initialValues === null || initialValues === void 0 ? void 0 : initialValues.name) !== null && _initialValues$name !== void 0 ? _initialValues$name : "",
-				phone: (_initialValues$phone = initialValues === null || initialValues === void 0 ? void 0 : initialValues.phone) !== null && _initialValues$phone !== void 0 ? _initialValues$phone : "",
-				email: (_initialValues$email = initialValues === null || initialValues === void 0 ? void 0 : initialValues.email) !== null && _initialValues$email !== void 0 ? _initialValues$email : ""
-			};
-			if (initialValues && extraFields.length > 0) extraFields.forEach((f) => {
-				var _initialValues$f$key;
-				values[f.key] = (_initialValues$f$key = initialValues[f.key]) !== null && _initialValues$f$key !== void 0 ? _initialValues$f$key : "";
-			});
-			form.setFieldsValue(values);
-		}
-	}, [
-		visible,
-		initialValues,
-		extraFields,
-		form
-	]);
-	const handleOk = function() {
-		var _ref = _asyncToGenerator(function* () {
-			try {
-				var _raw$firstname, _raw$lastname;
-				const raw = yield form.validateFields();
-				const values = {
-					name: joinName((_raw$firstname = raw.firstname) !== null && _raw$firstname !== void 0 ? _raw$firstname : "", (_raw$lastname = raw.lastname) !== null && _raw$lastname !== void 0 ? _raw$lastname : ""),
-					phone: raw.phone,
-					email: raw.email
-				};
-				extraFields.forEach((f) => {
-					values[f.key] = raw[f.key];
-				});
-				onSubmit(values);
-				form.resetFields();
-				onCancel();
-			} catch (_unused) {}
-		});
-		return function handleOk() {
-			return _ref.apply(this, arguments);
-		};
-	}();
-	const handleCancel = () => {
-		form.resetFields();
-		onCancel();
-	};
-	const title = mode === "create" ? locales.getText("pisell.contact.brief.modal.title.create") : locales.getText("pisell.contact.brief.modal.title.edit");
-	const okText = locales.getText("pisell.contact.brief.modal.save");
-	const cancelText = locales.getText("pisell.contact.brief.modal.cancel");
-	return /* @__PURE__ */ React.createElement(Modal, {
-		title,
-		open: visible,
-		onOk: handleOk,
-		onCancel: handleCancel,
-		okText,
-		cancelText,
-		destroyOnClose: true,
-		width: 480,
-		className: "pisell-contact-brief-modal"
-	}, /* @__PURE__ */ React.createElement(Form, {
-		form,
-		layout: "vertical",
-		preserve: false,
-		className: "pisell-contact-brief-modal-form"
-	}, /* @__PURE__ */ React.createElement("div", { className: "pisell-contact-brief-modal-form-row" }, /* @__PURE__ */ React.createElement(Form.Item, {
-		name: FIRSTNAME_FIELD,
-		label: locales.getText("pisell.contact.brief.modal.field.firstname"),
-		rules: [{
-			required: true,
-			message: locales.getText("pisell.contact.brief.modal.field.required")
-		}],
-		className: "pisell-contact-brief-modal-form-item-half"
-	}, /* @__PURE__ */ React.createElement(PisellSingleLineText_default, {
-		placeholder: "",
-		mode: "edit"
-	})), /* @__PURE__ */ React.createElement(Form.Item, {
-		name: LASTNAME_FIELD,
-		label: locales.getText("pisell.contact.brief.modal.field.lastname"),
-		className: "pisell-contact-brief-modal-form-item-half"
-	}, /* @__PURE__ */ React.createElement(PisellSingleLineText_default, {
-		placeholder: "",
-		mode: "edit"
-	}))), /* @__PURE__ */ React.createElement(Form.Item, {
-		name: PHONE_FIELD,
-		label: locales.getText("pisell.contact.brief.modal.field.phone")
-	}, /* @__PURE__ */ React.createElement(PisellPhone_default, {
-		placeholder: locales.getText("pisell.contact.brief.modal.field.phone.placeholder"),
-		mode: "edit"
-	})), /* @__PURE__ */ React.createElement(Form.Item, {
-		name: EMAIL_FIELD,
-		label: locales.getText("pisell.contact.brief.modal.field.email")
-	}, /* @__PURE__ */ React.createElement(PisellEmail_default, {
-		placeholder: locales.getText("pisell.contact.brief.modal.field.email.placeholder"),
-		mode: "edit"
-	})), extraFields.map((f) => /* @__PURE__ */ React.createElement(Form.Item, {
-		key: f.key,
-		name: f.key,
-		label: f.label
-	}, /* @__PURE__ */ React.createElement(PisellSingleLineText_default, {
-		placeholder: "",
-		mode: "edit"
-	})))));
-}
-//#endregion
-export { ContactFormModal };

package/es/components/PisellContactBrief/docs/PisellContactBrief.$tab-design.md

@@ -1,109 +0,0 @@
----
-title: 设计文档
-order: 2
-category: pro
----
-
-# 资源链接
-
-## 任务链接
-
- 
-
-## Figma链接
-
-Implement this design from Figma.
-@https://www.figma.com/design/pM8Ho6d7kCMv9vIBvFHUlj/Pisell-2.0-Component-Library?node-id=11133-8737&m=dev
-
-# 1. 组件概述
-
-| **组件名称（英文）** | PisellContactBrief                                                                                              |
-|--------------|-----------------------------------------------------------------------------------------------------------------|
-| **组件编号**     | pcl\_contactInfo\_V1.0                                                                                          |
-| **组件类型**     | Plus Components                                                                                                 |
-| **组件分类**     | Plus Components                                                                                                 |
-| **依赖组件**     | [ Entity Card](https://m1ed09stz4r.feishu.cn/wiki/ID7qwQrWai0mDFkEIb6c7Ymbnde)                                  |
-| **简介**       | **Contact Info** 是一个基于 **Entity Card** 的 Plus 组件，用于展示**与某个客户或组织关联的联系人（Contact）实体信息**。<br />它强调“可联系性”，而非客户级业务属性。 |
-
-# 2. 版本
-
-| **版本**   | 1.0  |
-|----------|------|
-| **更新简介** | 首次发布 |
-
-# 3. 组件设计目的
-
-* 统一联系人信息展示规范
-
-* 区分联系人与客户实体
-
-* 支持多联系人并列展示
-
-# 4. 适用场景
-
-### 适用场景
-
-* 客户详情页中的联系人列表
-
-* 表单中的联系人选择
-
-* 沟通 / 通知相关模块
-
-### 不适用场景
-
-* 客户主体展示（应使用 Customer Info）
-
-* 人员（内部员工）展示
-
-# 5. UI 设计
-
-## 5.1 展示样式
-
-![](https://m1ed09stz4r.feishu.cn/space/api/box/stream/download/asynccode/?code=NjZmZjhkMmViOTY0YWQ2NDEyMTgyZjIxMmY4NzYyYzRfVEptSWdpZ3VZSTJHWWN6UEVuYkNvVUpLbkloSk5Ibk1fVG9rZW46WmlsamJwa2Z5b2U2WnJ4TzkxemN5U01wbkZjXzE3NzI3NjMyNTU6MTc3Mjc2Njg1NV9WNA)
-
-## 5.2 新建流程
-
-点击弹出弹窗
-
-![](https://m1ed09stz4r.feishu.cn/space/api/box/stream/download/asynccode/?code=NzMwYmM3MDEwMDE4ZGExMmY1NzgwZWVjNDRmNTcyOWJfUEh6VU05Q1B1c0trSThZMEZqWnIwSENDMGFmVGh0Y3NfVG9rZW46WDhROWJwZEtQbzJTeWd4RWpsdWNLQnR2bmVlXzE3NzI3NjMyNTU6MTc3Mjc2Njg1NV9WNA)
-
-![](https://m1ed09stz4r.feishu.cn/space/api/box/stream/download/asynccode/?code=NzE2YmUwYzBiZmQyNDM0MzYwMzVlNDRhODViNjE3MDZfQmtHQkFvblJqMnEwaWlzd05qR1lmdDVYbDJnNlRaR1pfVG9rZW46WGprOGJrOXZ0b2pZcEp4eHZpVmMzQk9ZblNiXzE3NzI3NjMyNTU6MTc3Mjc2Njg1NV9WNA)
-
-保存后展示联系人信息
-
-![](https://m1ed09stz4r.feishu.cn/space/api/box/stream/download/asynccode/?code=YWRjNzFjMDdiZGY3ZWM4NWI5ZjVlYTNmMGZmNDU2ZmVfbFFaSEtuTW0wdzY3ZllYbnZLOFJUN3pyaHRRRU8xSDdfVG9rZW46R1RrMmJzZm9Qb1hMckt4UUJEOGNzSVR5bmtnXzE3NzI3NjMyNTU6MTc3Mjc2Njg1NV9WNA)
-
-## 5.3 文本换行
-
-宽度变小时，文本空间不够，自动换行，始终与右侧保持8px间距
-
-![](https://m1ed09stz4r.feishu.cn/space/api/box/stream/download/asynccode/?code=YzVlMjBjYTYxNWU0MjkxZjIyZDY1MzUxODg0NDdjMWJfakpYNTZURXJEVVUzQUdTZ1lEWUtrOFAxWFZURkYydHJfVG9rZW46U3BNUWJsUEpEb01SUGt4d2UwVGNDcGxjblRmXzE3NzI3NjMyNTU6MTc3Mjc2Njg1NV9WNA)
-
-![](https://m1ed09stz4r.feishu.cn/space/api/box/stream/download/asynccode/?code=MjMwYzhiN2M3ZDM0ZGU1OGM2YTJlNWEyZGIyNGRmNWRfenU3enlEbjJhS1cyRFU5VnpzM2UzcHNvZjR3ekI4ZWNfVG9rZW46SlplYWJPUXNub3hKWVh4TGtBSmNTQzAzbk9vXzE3NzI3NjMyNTU6MTc3Mjc2Njg1NV9WNA)
-
-## 5.4 **视觉设计规范（需要主题模块完成）**
-
-### 5.4.1 颜色规范
-
-### 5.4.2 尺寸规范
-
-### 5.4.3 间距规范
-
-# 6. 交互准则
-
-* 无头像：显示默认占位 Avatar
-
-* 文本过长：按配置进行省略
-
-# 7. 配置项
-
-## 7.1 可增加字段
-
-![](https://m1ed09stz4r.feishu.cn/space/api/box/stream/download/asynccode/?code=YzFmOGYyYmVmODZhMGZjNGI3MjhkNDhmMmY5OTcyZGJfa2c3VnR3b3ZleGdZMldlT3gwb3M2VXRWSDM5R1NhZUJfVG9rZW46UUNsSmJiZzVxbzlIWFZ4QVhremNlOXZxbmtjXzE3NzI3NjMyNTU6MTc3Mjc2Njg1NV9WNA)
-
-对应的弹窗里也需要
-
-![](https://m1ed09stz4r.feishu.cn/space/api/box/stream/download/asynccode/?code=YmI2YzYxZTVkZjYzYjgxYWY0NGI1N2MyZTg1NzEzZWRfRldkS0tKZHZ5WVlxWWJpWVNBOTQzQllwaUZYWFpoRFpfVG9rZW46WEo3UmJ3YUZTb1FudjF4MnE3ZGNvMjczbjZiXzE3NzI3NjMyNTU6MTc3Mjc2Njg1NV9WNA)
-
-# 8. 示例
-