@wener/console
Version:
Base console UI toolkit
24 lines (23 loc) • 1.15 kB
JavaScript
import { HiMiniDocumentDuplicate } from "react-icons/hi2";
import { copy } from "@wener/utils";
import { showSuccessToast } from "../../toast/index.js";
import { EmptyPlaceholder } from "./EmptyPlaceholder.js";
import { formatPhoneNumber } from "./formatPhoneNumber.js";
export var PhoneNumberFormat = function (param) {
var value = param.value, _param_placeholder = param.placeholder, placeholder = _param_placeholder === void 0 ? /*#__PURE__*/ React.createElement(EmptyPlaceholder, null) : _param_placeholder, unmask = param.unmask;
if (!value) {
return placeholder;
}
return /*#__PURE__*/ React.createElement("span", {
className: "group inline-flex items-center"
}, formatPhoneNumber(value, {
mask: !unmask
}) || placeholder, value && /*#__PURE__*/ React.createElement("button", {
type: "button",
onClick: function () {
copy(value);
showSuccessToast("\u5DF2\u590D\u5236");
},
className: "btn-xs btn btn-square btn-ghost opacity-50 transition group-hover:opacity-100"
}, /*#__PURE__*/ React.createElement(HiMiniDocumentDuplicate, null)));
};