ContactList.js 3.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110
  1. var __defProp = Object.defineProperty;
  2. var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
  3. var __getOwnPropNames = Object.getOwnPropertyNames;
  4. var __hasOwnProp = Object.prototype.hasOwnProperty;
  5. var __export = (target, all) => {
  6. for (var name2 in all)
  7. __defProp(target, name2, { get: all[name2], enumerable: true });
  8. };
  9. var __copyProps = (to, from, except, desc) => {
  10. if (from && typeof from === "object" || typeof from === "function") {
  11. for (let key of __getOwnPropNames(from))
  12. if (!__hasOwnProp.call(to, key) && key !== except)
  13. __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
  14. }
  15. return to;
  16. };
  17. var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
  18. var stdin_exports = {};
  19. __export(stdin_exports, {
  20. contactListProps: () => contactListProps,
  21. default: () => stdin_default
  22. });
  23. module.exports = __toCommonJS(stdin_exports);
  24. var import_vue = require("vue");
  25. var import_vue2 = require("vue");
  26. var import_utils = require("../utils");
  27. var import_tag = require("../tag");
  28. var import_icon = require("../icon");
  29. var import_cell = require("../cell");
  30. var import_radio = require("../radio");
  31. var import_button = require("../button");
  32. var import_radio_group = require("../radio-group");
  33. const [name, bem, t] = (0, import_utils.createNamespace)("contact-list");
  34. const contactListProps = {
  35. list: Array,
  36. addText: String,
  37. modelValue: import_utils.unknownProp,
  38. defaultTagText: String
  39. };
  40. var stdin_default = (0, import_vue2.defineComponent)({
  41. name,
  42. props: contactListProps,
  43. emits: ["add", "edit", "select", "update:modelValue"],
  44. setup(props, {
  45. emit
  46. }) {
  47. const renderItem = (item, index) => {
  48. const onClick = () => {
  49. emit("update:modelValue", item.id);
  50. emit("select", item, index);
  51. };
  52. const renderRightIcon = () => (0, import_vue.createVNode)(import_radio.Radio, {
  53. "class": bem("radio"),
  54. "name": item.id,
  55. "iconSize": 16
  56. }, null);
  57. const renderEditIcon = () => (0, import_vue.createVNode)(import_icon.Icon, {
  58. "name": "edit",
  59. "class": bem("edit"),
  60. "onClick": (event) => {
  61. event.stopPropagation();
  62. emit("edit", item, index);
  63. }
  64. }, null);
  65. const renderContent = () => {
  66. const nodes = [`${item.name}\uFF0C${item.tel}`];
  67. if (item.isDefault && props.defaultTagText) {
  68. nodes.push((0, import_vue.createVNode)(import_tag.Tag, {
  69. "type": "primary",
  70. "round": true,
  71. "class": bem("item-tag")
  72. }, {
  73. default: () => [props.defaultTagText]
  74. }));
  75. }
  76. return nodes;
  77. };
  78. return (0, import_vue.createVNode)(import_cell.Cell, {
  79. "key": item.id,
  80. "isLink": true,
  81. "center": true,
  82. "class": bem("item"),
  83. "titleClass": bem("item-title"),
  84. "onClick": onClick
  85. }, {
  86. icon: renderEditIcon,
  87. title: renderContent,
  88. "right-icon": renderRightIcon
  89. });
  90. };
  91. return () => (0, import_vue.createVNode)("div", {
  92. "class": bem()
  93. }, [(0, import_vue.createVNode)(import_radio_group.RadioGroup, {
  94. "modelValue": props.modelValue,
  95. "class": bem("group")
  96. }, {
  97. default: () => [props.list && props.list.map(renderItem)]
  98. }), (0, import_vue.createVNode)("div", {
  99. "class": [bem("bottom"), "van-safe-area-bottom"]
  100. }, [(0, import_vue.createVNode)(import_button.Button, {
  101. "round": true,
  102. "block": true,
  103. "type": "primary",
  104. "class": bem("add"),
  105. "text": props.addText || t("addContact"),
  106. "onClick": () => emit("add")
  107. }, null)])]);
  108. }
  109. });