@antdv/pro-utils/es/useEditableMap/index.mjs

@antdv/pro-utils

var __defProp = Object.defineProperty;
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
var __hasOwnProp = Object.prototype.hasOwnProperty;
var __propIsEnum = Object.prototype.propertyIsEnumerable;
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
var __spreadValues = (a, b) => {
  for (var prop in b || (b = {}))
    if (__hasOwnProp.call(b, prop))
      __defNormalProp(a, prop, b[prop]);
  if (__getOwnPropSymbols)
    for (var prop of __getOwnPropSymbols(b)) {
      if (__propIsEnum.call(b, prop))
        __defNormalProp(a, prop, b[prop]);
    }
  return a;
};
var __async = (__this, __arguments, generator) => {
  return new Promise((resolve, reject) => {
    var fulfilled = (value) => {
      try {
        step(generator.next(value));
      } catch (e) {
        reject(e);
      }
    };
    var rejected = (value) => {
      try {
        step(generator.throw(value));
      } catch (e) {
        reject(e);
      }
    };
    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
    step((generator = generator.apply(__this, __arguments)).next());
  });
};
import { get, useIntl } from "@antdv/pro-provider";
import { message } from "ant-design-vue";
import { computed, ref } from "vue";
import { useMergedState } from "../hooks/useMergedState/index.mjs";
import { defaultActionRender, recordKeyToString } from "../useEditableArray/index.mjs";
function warning(messageStr) {
  return (message.warn || message.warning)(messageStr);
}
function editableRowByKey({
  data,
  row
}) {
  return __spreadValues(__spreadValues({}, data), row);
}
function useEditableMap(props) {
  var _a;
  const preEditRowRef = ref(null);
  const editableType = props.type || "single";
  const intl = useIntl();
  const [editableKeys, setEditableRowKeys] = useMergedState([], {
    value: ref((_a = props.editableKeys) != null ? _a : []),
    onChange: props.onChange ? (keys) => {
      var _a2;
      (_a2 = props == null ? void 0 : props.onChange) == null ? void 0 : _a2.call(
        props,
        // 计算编辑的key
        keys,
        props.dataSource
      );
    } : void 0
  });
  const editableKeysSet = computed(() => {
    var _a2;
    const keys = editableType === "single" ? (_a2 = editableKeys.value) == null ? void 0 : _a2.slice(0, 1) : editableKeys.value;
    return new Set(keys);
  });
  const isEditable = (recordKey) => {
    var _a2;
    if ((_a2 = editableKeys.value) == null ? void 0 : _a2.includes(recordKeyToString(recordKey))) return true;
    return false;
  };
  const startEditable = (recordKey, recordValue) => {
    var _a2;
    if (editableKeysSet.value.size > 0 && editableType === "single") {
      warning(
        props.onlyOneLineEditorAlertMessage || intl.getMessage(
          "editableTable.onlyOneLineEditor",
          "\u53EA\u80FD\u540C\u65F6\u7F16\u8F91\u4E00\u884C"
        )
      );
      return false;
    }
    preEditRowRef.value = (_a2 = recordValue != null ? recordValue : get(
      props.dataSource,
      Array.isArray(recordKey) ? recordKey : [recordKey]
    )) != null ? _a2 : null;
    editableKeysSet.value.add(recordKeyToString(recordKey));
    setEditableRowKeys(Array.from(editableKeysSet.value));
    return true;
  };
  const cancelEditable = (recordKey) => {
    editableKeysSet.value.delete(recordKeyToString(recordKey));
    setEditableRowKeys(Array.from(editableKeysSet.value));
    return true;
  };
  const onCancel = (recordKey, editRow, originRow, newLine) => __async(this, null, function* () {
    var _a2;
    const success = yield (_a2 = props == null ? void 0 : props.onCancel) == null ? void 0 : _a2.call(
      props,
      recordKey,
      editRow,
      originRow,
      newLine
    );
    if (success === false) {
      return false;
    }
    return true;
  });
  const onSave = (recordKey, editRow, originRow) => __async(this, null, function* () {
    var _a2;
    const success = yield (_a2 = props == null ? void 0 : props.onSave) == null ? void 0 : _a2.call(props, recordKey, editRow, originRow);
    if (success === false) {
      return false;
    }
    yield cancelEditable(recordKey);
    const actionProps = {
      data: props.dataSource,
      row: editRow,
      key: recordKey,
      childrenColumnName: props.childrenColumnName || "children"
    };
    props.setDataSource(editableRowByKey(actionProps));
    return true;
  });
  const saveText = intl.getMessage("editableTable.action.save", "\u4FDD\u5B58");
  const deleteText = intl.getMessage("editableTable.action.delete", "\u5220\u9664");
  const cancelText = intl.getMessage("editableTable.action.cancel", "\u53D6\u6D88");
  const actionRender = (key, config) => {
    const renderConfig = __spreadValues({
      recordKey: key,
      cancelEditable,
      onCancel,
      onSave,
      editableKeys: editableKeys.value,
      setEditableRowKeys,
      saveText,
      cancelText,
      // @ts-expect-error
      preEditRowRef,
      deleteText,
      deletePopconfirmMessage: `${intl.getMessage(
        "deleteThisLine",
        "\u5220\u9664\u6B64\u9879"
      )}?`,
      editorType: "Map"
    }, config);
    const renderResult = defaultActionRender(props.dataSource, renderConfig);
    if (props.actionRender) {
      return props.actionRender(props.dataSource, renderConfig, {
        save: renderResult.save,
        delete: renderResult.delete,
        cancel: renderResult.cancel
      });
    }
    return [renderResult.save, renderResult.delete, renderResult.cancel];
  };
  return {
    editableKeys,
    setEditableRowKeys,
    isEditable,
    actionRender,
    startEditable,
    cancelEditable
  };
}
export {
  useEditableMap
};