@web-utils/component 2.7.30 → 2.7.32

package/dist/chunks/{config.7dec2bf2.js → config.75161c38.mjs}

@@ -22,35 +22,35 @@ const config = {
   filterBtnIcon: "el-icon-tickets",
   refreshBtnIcon: "el-icon-refresh",
   // 显隐
-  viewBtn: !1,
-  editBtn: !0,
-  copyBtn: !1,
-  cancelBtn: !0,
-  addBtn: !0,
-  addRowBtn: !1,
-  printBtn: !1,
-  excelBtn: !1,
-  delBtn: !0,
-  cellBtn: !1,
-  dateBtn: !1,
-  updateBtn: !0,
-  saveBtn: !0,
-  refreshBtn: !0,
-  columnBtn: !0,
-  filterBtn: !1,
-  queryBtn: !0,
-  menuBtn: !1,
-  searchBtn: !0,
-  clearBtn: !0,
-  selectClearBtn: !0,
-  searchShow: !0,
-  tip: !0,
+  viewBtn: false,
+  editBtn: true,
+  copyBtn: false,
+  cancelBtn: true,
+  addBtn: true,
+  addRowBtn: false,
+  printBtn: false,
+  excelBtn: false,
+  delBtn: true,
+  cellBtn: false,
+  dateBtn: false,
+  updateBtn: true,
+  saveBtn: true,
+  refreshBtn: true,
+  columnBtn: true,
+  filterBtn: false,
+  queryBtn: true,
+  menuBtn: false,
+  searchBtn: true,
+  clearBtn: true,
+  selectClearBtn: true,
+  searchShow: true,
+  tip: true,
   dialogWidth: "60%",
-  dialogDrag: !1,
-  formFullscreen: !1,
-  pageBackground: !0,
-  page: !0,
-  menu: !0,
+  dialogDrag: false,
+  formFullscreen: false,
+  pageBackground: true,
+  page: true,
+  menu: true,
   indexLabel: "#",
   indexWidth: 50,
   indexFixed: "left",
@@ -58,7 +58,7 @@ const config = {
   selectionFixed: "left",
   expandWidth: 60,
   expandFixed: "left",
-  filterMultiple: !0,
+  filterMultiple: true,
   calcHeight: 300,
   width: "100%",
   searchGutter: 20,

package/dist/chunks/confirmable-mixin.851d6299.mjs

@@ -0,0 +1,137 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+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 __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+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 Loading from "element-ui/lib/loading";
+import MessageBox from "element-ui/lib/message-box";
+import { isFunction } from "@web-utils/core";
+function onClick(e, props, listeners) {
+  return __async(this, null, function* () {
+    const { stop, prevent, message, loadable, loadingText, confirmable, confirmType, confirmText } = props;
+    if (stop) {
+      e.stopPropagation();
+    }
+    if (prevent) {
+      e.preventDefault();
+    }
+    const { before, click, cancel, after } = listeners;
+    if (isFunction(click)) {
+      try {
+        let pass = true;
+        if (isFunction(before)) {
+          pass = yield before(e);
+        }
+        if (pass === false) {
+          return;
+        }
+        if (confirmable) {
+          yield MessageBox.confirm(message || confirmText, { type: confirmType });
+        }
+        let loadingInstance;
+        if (loadable) {
+          loadingInstance = Loading.service({ background: "rgba(0,0,0,0.3)", text: loadingText });
+        }
+        try {
+          yield click(e);
+        } catch (e2) {
+        }
+        if (loadable) {
+          loadingInstance.close();
+        }
+        if (isFunction(after)) {
+          yield after(e);
+        }
+      } catch (e2) {
+        if (isFunction(cancel)) {
+          yield cancel(e2);
+        }
+      }
+    }
+  });
+}
+const confirmableMixin = {
+  functional: true,
+  props: {
+    stop: {
+      type: Boolean,
+      default: true
+    },
+    prevent: {
+      type: Boolean,
+      default: true
+    },
+    text: {
+      type: String,
+      default: ""
+    },
+    message: {
+      type: String,
+      default: "你确定要删除该记录吗？"
+    },
+    confirmable: {
+      type: Boolean,
+      default: true
+    },
+    confirmText: {
+      type: String,
+      default: "你确定要删除该记录吗？"
+    },
+    confirmType: {
+      type: String,
+      default: "warning"
+    },
+    loadable: Boolean,
+    loadingText: {
+      type: String,
+      default: "正在处理中请稍候..."
+    },
+    tag: {
+      type: String,
+      default: "i"
+    }
+  },
+  render(createElement, { props, data, children, listeners }) {
+    return createElement(props.tag, __spreadProps(__spreadValues({}, data), {
+      on: { click: (e) => onClick(e, props, listeners) },
+      props
+    }), children || props.text);
+  }
+};
+export {
+  confirmableMixin as c
+};

package/dist/chunks/dataformat.3388d88a.mjs

@@ -0,0 +1,237 @@
+import { isBlank } from "@web-utils/core";
+import { n as findObject, M as MULTIPLE_LIST, A as ARRAY_VALUE_LIST, R as RANGE_LIST, p as detailDataType, f as ARRAY_LIST, K as KEY_COMPONENT_NAME, q as createObj, S as SELECT_LIST, c as DIC_SPLIT, j as DATE_LIST, I as INPUT_LIST } from "./util.b0d0b0ad.mjs";
+const lang = {
+  common: {
+    condition: "条件",
+    display: "显示",
+    hide: "隐藏"
+  },
+  tip: {
+    select: "请选择",
+    input: "请输入"
+  },
+  check: {
+    checkAll: "全选"
+  },
+  upload: {
+    upload: "点击上传",
+    tip: "将文件拖到此处，或"
+  },
+  time: {
+    start: "开始",
+    end: "结束"
+  },
+  date: {
+    start: "开始",
+    end: "结束",
+    t: "今日",
+    y: "昨日",
+    n: "近7天",
+    a: "全部"
+  },
+  form: {
+    printBtn: "打 印",
+    mockBtn: "模 拟",
+    submitBtn: "提 交",
+    emptyBtn: "清 空"
+  },
+  crud: {
+    filter: {
+      addBtn: "新增条件",
+      clearBtn: "清空数据",
+      resetBtn: "清空条件",
+      cancelBtn: "取 消",
+      submitBtn: "确 定"
+    },
+    column: {
+      name: "列名",
+      hide: "隐藏",
+      fixed: "冻结",
+      filters: "过滤",
+      sortable: "排序",
+      index: "顺序",
+      width: "宽度"
+    },
+    tipStartTitle: "当前表格已选择",
+    tipEndTitle: "项",
+    editTitle: "编 辑",
+    copyTitle: "复 制",
+    addTitle: "新 增",
+    viewTitle: "查 看",
+    filterTitle: "过滤条件",
+    showTitle: "列显隐",
+    menu: "操作",
+    addBtn: "新 增",
+    show: "显 示",
+    hide: "隐 藏",
+    open: "展 开",
+    shrink: "收 缩",
+    printBtn: "打 印",
+    excelBtn: "导 出",
+    updateBtn: "修 改",
+    cancelBtn: "取 消",
+    searchBtn: "搜 索",
+    emptyBtn: "清 空",
+    menuBtn: "功 能",
+    saveBtn: "保 存",
+    viewBtn: "查 看",
+    editBtn: "编 辑",
+    copyBtn: "复 制",
+    delBtn: "删 除"
+  }
+};
+const getValueByPath = (object, prop) => {
+  prop = prop || "";
+  const paths = prop.split(".");
+  let current = object;
+  let result = null;
+  for (let i = 0, j = paths.length; i < j; i++) {
+    const path = paths[i];
+    if (!current)
+      break;
+    if (i === j - 1) {
+      result = current[path];
+      break;
+    }
+    current = current[path];
+  }
+  return result;
+};
+const translate = (path) => getValueByPath(lang, path);
+const calcCascader = (list = []) => {
+  list.forEach((ele) => {
+    const cascader = ele.cascader;
+    if (!isBlank(cascader)) {
+      const parentProp = ele.prop;
+      cascader.forEach((citem) => {
+        const column = findObject(list, citem);
+        if (column === -1)
+          return;
+        column.parentProp = parentProp;
+      });
+    }
+  });
+  return list;
+};
+let count = 0;
+const calcCount = (ele, spanDefault = 12, init = false) => {
+  if (init)
+    count = 0;
+  const spanAll = 24;
+  count = count + (ele.span || spanDefault) + (ele.offset || 0);
+  if (count === spanAll) {
+    count = 0;
+  } else if (count > spanAll) {
+    count = (ele.span || spanDefault) + (ele.offset || 0);
+  } else if (ele.row && count !== spanAll) {
+    ele.count = spanAll - count;
+    count = 0;
+  }
+  return ele;
+};
+const initVal = (value, safe) => {
+  const { type, multiple, dataType, separator = DIC_SPLIT, alone, emitPath, range } = safe;
+  let list = value;
+  if (MULTIPLE_LIST.includes(type) && multiple === true || ARRAY_VALUE_LIST.includes(type) && emitPath !== false || RANGE_LIST.includes(type) && range === true) {
+    if (!Array.isArray(list)) {
+      if (isBlank(list)) {
+        list = [];
+      } else {
+        list = `${list}`.split(separator) || [];
+      }
+    }
+    list.forEach((ele, index) => {
+      list[index] = detailDataType(ele, dataType);
+    });
+    if (ARRAY_LIST.includes(type) && isBlank(list) && alone)
+      list = [""];
+  } else {
+    list = detailDataType(list, dataType);
+  }
+  return list;
+};
+const getSearchType = (column) => {
+  const type = column.type;
+  const range = column.searchRange;
+  let result = type;
+  if (column.searchType)
+    return column.searchType;
+  if (["radio", "checkbox", "switch"].includes(type)) {
+    result = "select";
+  } else if (DATE_LIST.includes(type)) {
+    const rangeKey = "range";
+    if (range) {
+      if (!type.includes(rangeKey)) {
+        result = type + rangeKey;
+      } else {
+        result = type;
+      }
+    } else
+      result = type.replace(rangeKey, "");
+  } else if (["textarea"].includes(type)) {
+    result = "input";
+  }
+  return result;
+};
+const getComponent = (type, component) => {
+  let result = type || "input";
+  if (!isBlank(component)) {
+    return component;
+  } else if (ARRAY_LIST.includes(type)) {
+    result = "array";
+  } else if (["time", "timerange"].includes(type)) {
+    result = "time";
+  } else if (DATE_LIST.includes(type)) {
+    result = "date";
+  } else if (["password", "textarea", "search"].includes(type)) {
+    result = "input";
+  } else if (INPUT_LIST.includes(type)) {
+    result = `input-${type}`;
+  }
+  return KEY_COMPONENT_NAME + result;
+};
+const formInitVal = (list = []) => {
+  let tableForm = {};
+  list.forEach((ele) => {
+    if (ARRAY_VALUE_LIST.includes(ele.type) && ele.emitPath !== false || MULTIPLE_LIST.includes(ele.type) && ele.multiple || ele.dataType === "array") {
+      tableForm[ele.prop] = [];
+    } else if (RANGE_LIST.includes(ele.type) && ele.range === true) {
+      tableForm[ele.prop] = [0, 0];
+    } else if (["rate", "slider", "number"].includes(ele.type) || ele.dataType === "number") {
+      tableForm[ele.prop] = void 0;
+    } else {
+      tableForm[ele.prop] = "";
+    }
+    if (ele.bind) {
+      tableForm = createObj(tableForm, ele.bind);
+    }
+    if (!isBlank(ele.value)) {
+      tableForm[ele.prop] = ele.value;
+    }
+  });
+  return {
+    tableForm
+  };
+};
+const getPlaceholder = function(column) {
+  const placeholder = column.placeholder;
+  const label = column.label;
+  if (isBlank(placeholder)) {
+    if (SELECT_LIST.includes(column.type)) {
+      return `${translate("tip.select")} ${label}`;
+    } else {
+      return `${translate("tip.input")} ${label}`;
+    }
+  }
+  return placeholder;
+};
+export {
+  getPlaceholder as a,
+  calcCount as b,
+  calcCascader as c,
+  getSearchType as d,
+  formInitVal as f,
+  getComponent as g,
+  initVal as i,
+  translate as t
+};

package/dist/chunks/detail.37726835.mjs

@@ -0,0 +1,55 @@
+import { isBlank } from "@web-utils/core";
+import { formatDate } from "@web-utils/integrations/dayjs";
+import { g as getAsVal, M as MULTIPLE_LIST, A as ARRAY_VALUE_LIST, c as DIC_SPLIT, e as strCorNum, f as ARRAY_LIST, b as DIC_SHOW_SPLIT, h as getPasswordChar, j as DATE_LIST, k as findByValue } from "./util.b0d0b0ad.mjs";
+const detail = (row = {}, column = {}, option = {}, dic = []) => {
+  let result = row[column.prop];
+  const type = column.type;
+  const separator = column.separator;
+  if (column.bind)
+    result = getAsVal(row, column.bind);
+  if (isBlank(result)) {
+    result = "";
+  } else {
+    const selectFlag = MULTIPLE_LIST.includes(column.type) && column.multiple;
+    const arrayFlag = ARRAY_VALUE_LIST.includes(column.type);
+    if ((["string", "number"].includes(column.dataType) || selectFlag || arrayFlag) && !Array.isArray(result)) {
+      result = `${result}`.split(separator || DIC_SPLIT);
+      if (column.dataType === "number")
+        result = strCorNum(result);
+    }
+    if (ARRAY_LIST.includes(type)) {
+      if (Array.isArray(result)) {
+        result = result.join(separator || DIC_SHOW_SPLIT);
+      } else {
+        result = result.split(separator || DIC_SPLIT).join(separator || DIC_SHOW_SPLIT);
+      }
+    } else if (type === "password") {
+      result = getPasswordChar(result, "*");
+    } else if (DATE_LIST.includes(type) && column.format) {
+      const format = column.format.replace("dd", "DD").replace("yyyy", "YYYY");
+      const formatValue = formatDate(Date.now(), "YYYY-MM-DD");
+      if (type.indexOf("range") !== -1) {
+        let date1 = result[0] || "";
+        let date2 = result[1] || "";
+        if (type === "timerange" && date1.length <= 8 && date2.length < 8) {
+          date1 = `${formatValue} ${date1}`;
+          date2 = `${formatValue} ${date2}`;
+        }
+        result = [formatDate(date1, format), formatDate(date2, format)].join(column.separator || "~");
+      } else {
+        if (type === "time" && result.length <= 8) {
+          result = `${formatValue} ${result}`;
+        }
+        result = formatDate(result, format);
+      }
+    }
+    result = findByValue(dic, result, column.props || option.props);
+  }
+  if (column.formatter && typeof column.formatter === "function") {
+    result = column.formatter(row, row[column.prop], result, column);
+  }
+  return result;
+};
+export {
+  detail as d
+};