tk-mini-program/unpackage/dist/dev/mp-weixin/TUIKit/components/TUIGroup/manage-group/manage-name.js

"use strict";
const common_vendor = require("../../../../common/vendor.js");
require("../../../adapter-vue.js");
const common_assets = require("../../../../common/assets.js");
const TUIKit_components_common_Toast_index = require("../../common/Toast/index.js");
const TUIKit_utils_env = require("../../../utils/env.js");
const TUIKit_components_common_Toast_type = require("../../common/Toast/type.js");
if (!Math) {
  Icon();
}
const Icon = () => "../../common/Icon.js";
const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
  __name: "manage-name",
  props: {
    data: {
      type: Object,
      default: () => ({})
    },
    isAuthor: {
      type: Boolean,
      default: false
    }
  },
  emits: ["update"],
  setup(__props, { emit: __emit }) {
    const props = __props;
    const groupProfile = common_vendor.ref({});
    const inputGroupName = common_vendor.ref("");
    const isEdit = common_vendor.ref(false);
    const nameInputRef = common_vendor.ref(null);
    common_vendor.watchEffect(() => {
      groupProfile.value = props.data;
    });
    const emit = __emit;
    const updateProfile = () => {
      if (!inputGroupName.value) {
        TUIKit_components_common_Toast_index.Toast({
          message: common_vendor.Wt.t("TUIGroup.群名称不能为空"),
          type: TUIKit_components_common_Toast_type.TOAST_TYPE.ERROR
        });
      } else {
        if (inputGroupName.value !== groupProfile.value.name) {
          emit("update", { key: "name", value: inputGroupName.value });
          groupProfile.value.name = inputGroupName.value;
          inputGroupName.value = "";
          TUIKit_components_common_Toast_index.Toast({
            message: common_vendor.Wt.t("TUIGroup.群名称修改成功"),
            type: TUIKit_components_common_Toast_type.TOAST_TYPE.SUCCESS
          });
        }
        toggleEditStatus();
      }
    };
    const toggleEditStatus = () => {
      if (props.isAuthor) {
        isEdit.value = !isEdit.value;
      }
      if (isEdit.value) {
        inputGroupName.value = groupProfile.value.name;
      }
    };
    common_vendor.watch(
      () => isEdit.value,
      (newVal) => {
        if (newVal) {
          common_vendor.nextTick$1(() => {
            var _a;
            (_a = nameInputRef.value) == null ? void 0 : _a.focus();
          });
        }
      }
    );
    return (_ctx, _cache) => {
      return common_vendor.e({
        a: common_vendor.t(common_vendor.unref(common_vendor.Wt).t(`TUIGroup.群名称`)),
        b: common_vendor.unref(isEdit)
      }, common_vendor.unref(isEdit) ? common_vendor.e({
        c: !common_vendor.unref(TUIKit_utils_env.isPC)
      }, !common_vendor.unref(TUIKit_utils_env.isPC) ? {
        d: common_vendor.t(common_vendor.unref(common_vendor.Wt).t(`TUIGroup.修改群聊名称`)),
        e: common_vendor.t(common_vendor.unref(common_vendor.Wt).t(`TUIGroup.修改群聊名称后，将在群内通知其他成员`)),
        f: common_vendor.t(common_vendor.unref(common_vendor.Wt).t(`关闭`)),
        g: common_vendor.o$1(toggleEditStatus)
      } : {}, {
        h: common_vendor.unref(isEdit)
      }, common_vendor.unref(isEdit) ? {
        i: common_vendor.o$1(updateProfile),
        j: common_vendor.unref(inputGroupName),
        k: common_vendor.o$1(($event) => common_vendor.isRef(inputGroupName) ? inputGroupName.value = $event.detail.value : null)
      } : {}, {
        l: !common_vendor.unref(TUIKit_utils_env.isPC)
      }, !common_vendor.unref(TUIKit_utils_env.isPC) ? {
        m: common_vendor.t(common_vendor.unref(common_vendor.Wt).t(`TUIGroup.仅限中文、字母、数字和下划线，2-20个字`))
      } : {}, {
        n: !common_vendor.unref(TUIKit_utils_env.isPC)
      }, !common_vendor.unref(TUIKit_utils_env.isPC) ? {
        o: common_vendor.t(common_vendor.unref(common_vendor.Wt).t(`确认`)),
        p: common_vendor.o$1(updateProfile)
      } : {}, {
        q: common_vendor.unref(TUIKit_utils_env.isMobile) ? 1 : ""
      }) : {}, {
        r: !common_vendor.unref(isEdit) || !common_vendor.unref(TUIKit_utils_env.isPC)
      }, !common_vendor.unref(isEdit) || !common_vendor.unref(TUIKit_utils_env.isPC) ? common_vendor.e({
        s: common_vendor.t(common_vendor.unref(groupProfile).name),
        t: __props.isAuthor
      }, __props.isAuthor ? {
        v: common_vendor.p({
          file: common_vendor.unref(common_assets.editIcon),
          width: "14px",
          height: "14px"
        })
      } : {}, {
        w: common_vendor.o$1(toggleEditStatus)
      }) : {});
    };
  }
});
const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-0a71df72"]]);
wx.createComponent(Component);
//# sourceMappingURL=../../../../../.sourcemap/mp-weixin/TUIKit/components/TUIGroup/manage-group/manage-name.js.map