@web-utils/component 2.7.35 → 2.7.37

package/package.json

@@ -1,15 +1,15 @@
 {
   "name": "@web-utils/component",
-  "version": "2.7.35",
+  "version": "2.7.37",
   "type": "module",
   "private": false,
   "license": "MIT",
-  "main": "./dist/index.es.js",
-  "module": "./dist/index.es.js",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.mjs",
   "exports": {
     ".": {
-      "require": "./dist/index.es.js",
-      "import": "./dist/index.es.js"
+      "require": "./dist/index.cjs",
+      "import": "./dist/index.mjs"
     },
     "./*": "./*"
   },
@@ -72,7 +72,7 @@
     "eslint-plugin-vue": "^9.9.0",
     "globby": "^13.1.3",
     "sass": "^1.58.0",
-    "rollup": "^3.14.0",
+    "rollup": "^3.15.0",
     "slash": "^5.0.0",
     "stylelint": "^14.16.1",
     "typescript": "^4.9.5",

package/web-types.json

@@ -2,7 +2,7 @@
   "$schema": "https://json.schemastore.org/web-types",
   "framework": "vue",
   "name": "@web-utils/component",
-  "version": "2.7.35",
+  "version": "2.7.37",
   "contributions": {
     "html": {
       "description-markup": "markdown",
@@ -1186,7 +1186,7 @@
               "required": false,
               "value": {
                 "kind": "expression",
-                "type": "number"
+                "type": "number|string"
               },
               "default": "0"
             },
@@ -1195,7 +1195,7 @@
               "required": true,
               "value": {
                 "kind": "expression",
-                "type": "number"
+                "type": "number|string"
               },
               "default": ""
             },

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

@@ -1,137 +0,0 @@
-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.b8c8c01a.js

@@ -1,237 +0,0 @@
-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.js";
-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.6135ade5.js

@@ -1,55 +0,0 @@
-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.js";
-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
-};

package/dist/chunks/dic.e57b75f2.js

@@ -1,215 +0,0 @@
-import { isBlank } from "@web-utils/core";
-import { l as detailDic, m as getObjValue } from "./util.b0d0b0ad.js";
-const loadCascaderDic = (columnOption, list = []) => {
-  return new Promise((resolve, reject) => {
-    const columnList = [];
-    const result = [];
-    const networkdic = {};
-    columnOption.forEach((ele) => {
-      if (ele.parentProp)
-        columnList.push(ele);
-    });
-    list.forEach((ele, index) => {
-      columnList.forEach((column) => {
-        if (column.hide !== true && column.dicFlag !== false) {
-          result.push(
-            new Promise((resolve2) => {
-              if (isBlank(ele[column.parentProp])) {
-                resolve2({
-                  prop: column.prop,
-                  data: [],
-                  index
-                });
-              } else {
-                if (column.dicUrl) {
-                  sendDic({
-                    url: `${column.dicUrl.replace("{{key}}", ele[column.parentProp])}`,
-                    props: column.props,
-                    method: column.dicMethod,
-                    headers: column.dicHeaders,
-                    formatter: column.dicFormatter,
-                    query: column.dicQuery,
-                    form: ele
-                  }).then((res) => {
-                    resolve2({
-                      prop: column.prop,
-                      data: res,
-                      index
-                    });
-                  });
-                }
-              }
-            })
-          );
-        }
-      });
-    });
-    Promise.all(result).then((data) => {
-      data.forEach((ele) => {
-        if (isBlank(networkdic[ele.index]))
-          networkdic[ele.index] = {};
-        networkdic[ele.index][ele.prop] = ele.data;
-      });
-      resolve(networkdic);
-    });
-  });
-};
-const loadDic = (option) => {
-  let ajaxdic = [];
-  return new Promise((resolve, reject) => {
-    const params = createdDic(option);
-    ajaxdic = params.ajaxdic;
-    handleDic(ajaxdic).then((res) => {
-      resolve(res);
-    }).catch((err) => {
-      reject(err);
-    });
-  });
-};
-const loadLocalDic = (option) => {
-  const locationdic = {};
-  const alldic = option.dicData || {};
-  option.column.forEach((ele) => {
-    if (ele.dicData)
-      locationdic[ele.prop] = detailDic(ele.dicData, ele.props, ele.dataType);
-  });
-  return Object.assign(alldic, locationdic);
-};
-function createdDic(option) {
-  const column = option.column || [];
-  const ajaxdic = [];
-  const locationdic = {};
-  let flagdic = [];
-  column.forEach((ele) => {
-    const dicData = ele.dicData;
-    const dicUrl = ele.dicUrl;
-    const prop = ele.prop;
-    const parentProp = ele.parentProp;
-    flagdic = flagdic.concat(ele.cascader || []);
-    if (Array.isArray(dicData)) {
-      locationdic[prop] = dicData;
-    }
-    const result = ele.dicFlag === false || ele.lazy === true || flagdic.includes(prop);
-    if (result)
-      return;
-    if (dicUrl && !parentProp) {
-      ajaxdic.push({
-        url: dicUrl,
-        name: prop,
-        method: ele.dicMethod,
-        headers: column.dicHeaders,
-        formatter: ele.dicFormatter,
-        props: ele.props,
-        dataType: ele.dataType,
-        resKey: (ele.props || {}).res,
-        query: ele.dicQuery || {}
-      });
-    }
-  });
-  return {
-    ajaxdic,
-    locationdic
-  };
-}
-function handleDic(list) {
-  const networkdic = {};
-  const result = [];
-  return new Promise((resolve) => {
-    list.forEach((ele) => {
-      result.push(
-        new Promise((resolve2) => {
-          sendDic(Object.assign(ele, {
-            url: `${ele.url.replace("{{key}}", "")}`
-          })).then((res) => {
-            res = detailDic(res, ele.props, ele.dataType);
-            resolve2(res);
-          }).catch(() => {
-            resolve2([]);
-          });
-        })
-      );
-    });
-    Promise.all(result).then((data) => {
-      list.forEach((ele, index) => {
-        networkdic[ele.name] = data[index];
-      });
-      resolve(networkdic);
-    });
-  });
-}
-const sendDic = (params) => {
-  let { url, query, method, resKey, props, formatter, headers = {}, value = "", column, form = {} } = params;
-  if (column) {
-    url = column.dicUrl;
-    method = column.dicMethod;
-    headers = column.headers || {};
-    query = column.dicQuery || {};
-    formatter = column.dicFormatter;
-    props = column.props;
-  }
-  const key = "key";
-  url = url || "";
-  let list = [];
-  const data = {};
-  list = url.match(/[^{}]+(?=})/g) || [];
-  list.forEach((ele) => {
-    const eleKey = `{{${ele}}}`;
-    const eleValue = form[ele];
-    if (ele === key)
-      url = url.replace(eleKey, value);
-    else
-      url = url.replace(eleKey, eleValue);
-  });
-  if (method === "post") {
-    list = Object.keys(query);
-    list.forEach((ele) => {
-      const eleKey = query[ele];
-      if (typeof eleKey === "string") {
-        if (eleKey.match(/\{{|}}/g)) {
-          data[ele] = form[eleKey.replace(/\{{|}}/g, "")];
-        } else {
-          data[ele] = eleKey;
-        }
-      } else {
-        data[ele] = eleKey;
-      }
-    });
-  }
-  if (props)
-    resKey = (props || {}).res || resKey;
-  return new Promise((resolve) => {
-    const callback = (res) => {
-      let list2 = [];
-      if (typeof formatter === "function") {
-        list2 = formatter(res.data);
-      } else {
-        list2 = getObjValue(res.data, resKey);
-      }
-      resolve(list2);
-    };
-    if (method === "post") {
-      window.axios.post(url, data, {
-        headers
-      }).then(function(res) {
-        callback(res);
-      }).catch(() => [
-        resolve([])
-      ]);
-    } else {
-      window.axios.get(url, {
-        params: query,
-        headers
-      }).then(function(res) {
-        callback(res);
-      }).catch(() => [
-        resolve([])
-      ]);
-    }
-  });
-};
-export {
-  loadDic as a,
-  loadCascaderDic as b,
-  loadLocalDic as l,
-  sendDic as s
-};