@web-utils/component 2.7.12 → 2.7.14

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@web-utils/component",
-  "version": "2.7.12",
+  "version": "2.7.14",
   "type": "module",
   "private": false,
   "license": "MIT",
@@ -37,11 +37,12 @@
     "lodash": "^4.17.21",
     "monaco-editor": "^0.30.1",
     "overlayscrollbars": "^1.13.3",
-    "photoswipe": "^4.1.3",
+    "photoswipe": "^5.3.5",
     "resize-detector": "^0.3.0",
     "simple-uploader.js": "^0.6.0",
     "tinymce": "4.5.12",
     "viewerjs": "^1.11.1",
+    "vue-cropper": "^0.5.8",
     "vuedraggable": "^2.24.3"
   },
   "devDependencies": {
@@ -57,6 +58,7 @@
     "@vue/eslint-config-typescript": "^11.0.2",
     "@wangeditor/editor": "^5.1.23",
     "@wangeditor/editor-for-vue": "^1.0.2",
+    "@web-utils/eslint-config-vue2": "^1.1.1",
     "@web-utils/stylelint-config-scss": "^1.0.2",
     "chalk": "^5.2.0",
     "element-ui": "^2.15.12",
@@ -119,62 +121,10 @@
     },
     "extends": [
       "@vue/typescript",
-      "plugin:vue/recommended"
+      "@web-utils/eslint-config-vue2"
     ],
     "rules": {
-      "semi": [
-        "error",
-        "never"
-      ],
-      "quotes": [
-        "error",
-        "single"
-      ],
-      "vue/no-deprecated-dollar-listeners-api": "off",
-      "vue/multi-word-component-names": "off",
-      "vue/no-v-html": "off",
-      "vue/require-default-prop": "off",
-      "vue/no-deprecated-destroyed-lifecycle": "off",
-      "vue/html-closing-bracket-newline": [
-        "error",
-        {
-          "singleline": "never",
-          "multiline": "never"
-        }
-      ],
-      "vue/max-attributes-per-line": [
-        "error",
-        {
-          "singleline": 1000,
-          "multiline": 1
-        }
-      ],
-      "vue/first-attribute-linebreak": [
-        "error",
-        {
-          "singleline": "ignore",
-          "multiline": "beside"
-        }
-      ],
-      "vue/html-closing-bracket-spacing": [
-        "error",
-        {
-          "startTag": "never",
-          "endTag": "never",
-          "selfClosingTag": "never"
-        }
-      ],
-      "vue/component-name-in-template-casing": [
-        "error",
-        "PascalCase",
-        {
-          "registeredComponentsOnly": false,
-          "ignores": [
-            "uploader",
-            "/^uploader-/"
-          ]
-        }
-      ]
+
     }
   },
   "resolutions": {

package/web-types.json

@@ -2,7 +2,7 @@
   "$schema": "https://json.schemastore.org/web-types",
   "framework": "vue",
   "name": "@web-utils/component",
-  "version": "2.7.12",
+  "version": "2.7.14",
   "contributions": {
     "html": {
       "description-markup": "markdown",
@@ -775,10 +775,10 @@
           ],
           "slots": [
             {
-              "name": "crud.getSlotName(column,'H')"
+              "name": "crud.getSlotName(column, 'H')"
             },
             {
-              "name": "crud.getSlotName(column,'F')"
+              "name": "crud.getSlotName(column, 'F')"
             },
             {
               "name": "item"
@@ -7628,7 +7628,7 @@
           ],
           "slots": [
             {
-              "name": "getSlotName(item,'T')"
+              "name": "getSlotName(item, 'T')"
             },
             {
               "name": "item"
@@ -10535,22 +10535,22 @@
           ],
           "slots": [
             {
-              "name": "getSlotName(tabs,'H')"
+              "name": "getSlotName(tabs, 'H')"
             },
             {
-              "name": "getSlotName(item,'H')"
+              "name": "getSlotName(item, 'H')"
             },
             {
-              "name": "getSlotName(column,'L')"
+              "name": "getSlotName(column, 'L')"
             },
             {
-              "name": "getSlotName(column,'E')"
+              "name": "getSlotName(column, 'E')"
             },
             {
               "name": "column.prop"
             },
             {
-              "name": "getSlotName(sItem,'T')"
+              "name": "getSlotName(sItem, 'T')"
             },
             {
               "name": "ssItem"
@@ -16877,6 +16877,14 @@
             }
           ]
         },
+        {
+          "name": "ImageCropper",
+          "description": ""
+        },
+        {
+          "name": "ImagePreview",
+          "description": ""
+        },
         {
           "name": "ImageViewer",
           "description": "",
@@ -18126,7 +18134,17 @@
         },
         {
           "name": "PhotoSwipe",
-          "description": ""
+          "description": "",
+          "attributes": [
+            {
+              "name": "urls",
+              "value": {
+                "kind": "expression",
+                "type": "array"
+              },
+              "default": ""
+            }
+          ]
         },
         {
           "name": "Queue",

package/dist/chunks/detail.ac4d421a.js

@@ -1,28 +0,0 @@
-import { isBlank as T, formatDate as f } from "@web-utils/core";
-import { i as Y, M as I, A as L, D as y, m as _, b as S, n as A, p as $, e as b, q as h } from "./util.80e28481.js";
-const P = (r = {}, t = {}, g = {}, n = []) => {
-  let e = r[t.prop], a = t.type, s = t.separator;
-  if (t.bind && (e = Y(r, t.bind)), T(e))
-    e = "";
-  else {
-    let o = I.includes(t.type) && t.multiple, D = L.includes(t.type);
-    if ((["string", "number"].includes(t.dataType) || o || D) && !Array.isArray(e) && (e = (e + "").split(s || y), t.dataType === "number" && (e = _(e))), S.includes(a))
-      Array.isArray(e) ? e = e.join(s || A) : e = e.split(s || y).join(s || A);
-    else if (a === "password")
-      e = $(e, "*");
-    else if (b.includes(a) && t.format) {
-      const d = t.format.replace("dd", "DD").replace("yyyy", "YYYY");
-      let l = f(Date.now(), "YYYY-MM-DD");
-      if (a.indexOf("range") !== -1) {
-        let i = e[0] || "", p = e[1] || "";
-        a === "timerange" && i.length <= 8 && p.length < 8 && (i = `${l} ${i}`, p = `${l} ${p}`), e = [f(i, d), f(p, d)].join(t.separator || "~");
-      } else
-        a === "time" && e.length <= 8 && (e = `${l} ${e}`), e = f(e, d);
-    }
-    e = h(n, e, t.props || g.props);
-  }
-  return t.formatter && typeof t.formatter == "function" && (e = t.formatter(r, r[t.prop], e, t)), e;
-};
-export {
-  P as d
-};

package/dist/chunks/dic.79d9f595.js

@@ -1,133 +0,0 @@
-import { isBlank as w } from "@web-utils/core";
-import { t as D, v as x } from "./util.80e28481.js";
-const F = (p, t = []) => new Promise((o, i) => {
-  let e = [], a = [], c = {};
-  p.forEach((d) => {
-    d.parentProp && e.push(d);
-  }), t.forEach((d, s) => {
-    e.forEach((r) => {
-      r.hide !== !0 && r.dicFlag !== !1 && a.push(
-        new Promise((h) => {
-          w(d[r.parentProp]) ? h({
-            prop: r.prop,
-            data: [],
-            index: s
-          }) : r.dicUrl && g({
-            url: `${r.dicUrl.replace("{{key}}", d[r.parentProp])}`,
-            props: r.props,
-            method: r.dicMethod,
-            headers: r.dicHeaders,
-            formatter: r.dicFormatter,
-            query: r.dicQuery,
-            form: d
-          }).then((m) => {
-            h({
-              prop: r.prop,
-              data: m,
-              index: s
-            });
-          });
-        })
-      );
-    });
-  }), Promise.all(a).then((d) => {
-    d.forEach((s) => {
-      w(c[s.index]) && (c[s.index] = {}), c[s.index][s.prop] = s.data;
-    }), o(c);
-  });
-}), U = (p) => {
-  let t = [];
-  return new Promise((o, i) => {
-    t = E(p).ajaxdic, k(t).then((a) => {
-      o(a);
-    }).catch((a) => {
-      i(a);
-    });
-  });
-}, K = (p) => {
-  let t = {}, o = p.dicData || {};
-  return p.column.forEach((i) => {
-    i.dicData && (t[i.prop] = D(i.dicData, i.props, i.dataType));
-  }), Object.assign(o, t);
-};
-function E(p) {
-  let t = p.column || [], o = [], i = {}, e = [];
-  return t.forEach((a) => {
-    let c = a.dicData, d = a.dicUrl, s = a.prop, r = a.parentProp;
-    e = e.concat(a.cascader || []), Array.isArray(c) && (i[s] = c), !(a.dicFlag === !1 || a.lazy === !0 || e.includes(s)) && d && !r && o.push({
-      url: d,
-      name: s,
-      method: a.dicMethod,
-      headers: t.dicHeaders,
-      formatter: a.dicFormatter,
-      props: a.props,
-      dataType: a.dataType,
-      resKey: (a.props || {}).res,
-      query: a.dicQuery || {}
-    });
-  }), {
-    ajaxdic: o,
-    locationdic: i
-  };
-}
-function k(p) {
-  let t = {}, o = [];
-  return new Promise((i) => {
-    p.forEach((e) => {
-      o.push(
-        new Promise((a) => {
-          g(Object.assign(e, {
-            url: `${e.url.replace("{{key}}", "")}`
-          })).then((c) => {
-            c = D(c, e.props, e.dataType), a(c);
-          }).catch(() => {
-            a([]);
-          });
-        })
-      );
-    }), Promise.all(o).then((e) => {
-      p.forEach((a, c) => {
-        t[a.name] = e[c];
-      }), i(t);
-    });
-  });
-}
-const g = (p) => {
-  let { url: t, query: o, method: i, resKey: e, props: a, formatter: c, headers: d = {}, value: s = "", column: r, form: h = {} } = p;
-  r && (t = r.dicUrl, i = r.dicMethod, d = r.headers || {}, o = r.dicQuery || {}, c = r.dicFormatter, a = r.props);
-  let m = "key";
-  t = t || "";
-  let u = [], y = {};
-  return u = t.match(/[^\{\}]+(?=\})/g) || [], u.forEach((n) => {
-    let f = `{{${n}}}`, l = h[n];
-    n === m ? t = t.replace(f, s) : t = t.replace(f, l);
-  }), i === "post" && (u = Object.keys(o), u.forEach((n) => {
-    let f = o[n];
-    typeof f == "string" && f.match(/\{{|}}/g) ? y[n] = h[f.replace(/\{{|}}/g, "")] : y[n] = f;
-  })), a && (e = (a || {}).res || e), new Promise((n) => {
-    const f = (l) => {
-      let P = [];
-      typeof c == "function" ? P = c(l.data) : P = x(l.data, e), n(P);
-    };
-    i === "post" ? window.axios.post(t, y, {
-      headers: d
-    }).then(function(l) {
-      f(l);
-    }).catch(() => [
-      n([])
-    ]) : window.axios.get(t, {
-      params: o,
-      headers: d
-    }).then(function(l) {
-      f(l);
-    }).catch(() => [
-      n([])
-    ]);
-  });
-};
-export {
-  U as a,
-  F as b,
-  K as l,
-  g as s
-};

package/dist/chunks/slot.1b8d2b1b.js

@@ -1,27 +0,0 @@
-const u = {
-  methods: {
-    getSlotName(l = {}, a = "D", e) {
-      let r = {
-        F: "Form",
-        H: "Header",
-        E: "Error",
-        L: "Label",
-        S: "Search",
-        T: "Type",
-        D: ""
-      }, t = l.prop + r[a];
-      return e ? e[t] : t;
-    },
-    getSlotList(l = [], a, e) {
-      return e = e.map((r) => r.prop), Object.keys(a).filter((r) => {
-        let t = !1;
-        return e.includes(r) || l.forEach((s) => {
-          r.includes(s) && (t = !0);
-        }), t;
-      });
-    }
-  }
-};
-export {
-  u as s
-};

package/dist/chunks/util.80e28481.js

@@ -1,250 +0,0 @@
-import { isBlank, getObjType } from "@web-utils/core";
-const KEY_COMPONENT_NAME = "fy-", DIC_PROPS = {
-  rowKey: "id",
-  rowParentKey: "parentId",
-  nodeKey: "id",
-  label: "label",
-  value: "value",
-  desc: "desc",
-  groups: "groups",
-  title: "title",
-  leaf: "leaf",
-  children: "children",
-  hasChildren: "hasChildren",
-  labelText: "名称",
-  disabled: "disabled"
-}, DIC_HTTP_PROPS = {
-  name: "name",
-  url: "url",
-  fileName: "file",
-  res: ""
-}, DATE_LIST = [
-  "dates",
-  "date",
-  "datetime",
-  "datetimerange",
-  "daterange",
-  "time",
-  "timerange",
-  "week",
-  "month",
-  "monthrange",
-  "year"
-], INPUT_LIST = ["tree", "number", "icon", "color", "table", "map"], ARRAY_LIST = ["img", "array", "url"], MULTIPLE_LIST = ["cascader", "tree", "select"], RANGE_LIST = ["slider"], ARRAY_VALUE_LIST = ARRAY_LIST.concat(["upload", "dynamic", "map", "checkbox", "cascader", "dynamic", "timerange", "monthrange", "daterange", "datetimerange", "dates"]), SELECT_LIST = DATE_LIST.concat(["select", "checkbox", "radio", "cascader", "tree", "color", "icon", "table", "map"]), DIC_SHOW_SPLIT = " | ", DIC_SPLIT = ",", typeList = {
-  img: /\.(gif|jpg|jpeg|png|webp|svg|GIF|JPG|JPEG|PNG|WEBP|SVG)/,
-  video: /\.(swf|avi|flv|mpg|rm|mov|wav|asf|3gp|mkv|rmvb|ogg|mp4)/,
-  audio: /\.(mp3|wav|MP3|WAV)/
-}, isMediaType = (e, r) => {
-  if (!isBlank(e))
-    return typeList.audio.test(e) || r === "audio" ? "audio" : typeList.video.test(e) || r === "video" ? "video" : typeList.img.test(e) || r === "img" ? "img" : !1;
-};
-function getFixed(e = 0, r = 2) {
-  return Number(e.toFixed(r));
-}
-function getAsVal(e, r = "") {
-  let n = deepClone(e);
-  return isBlank(r) || r.split(".").forEach((t) => {
-    n = isBlank(n[t]) ? "" : n[t];
-  }), n;
-}
-function setAsVal(obj, bind = "", value) {
-  let result, type = getObjType(value);
-  return isBlank(value) ? type === "array" ? result = `obj.${bind}=[]` : type === "object" ? result = `obj.${bind}={}` : ["number", "boolean"].includes(type) ? result = `obj.${bind}=undefined` : result = `obj.${bind}=''` : type === "string" ? result = `obj.${bind}='${value}'` : result = `obj.${bind}=${value}`, eval(result), obj;
-}
-function downFile(e, r) {
-  typeof e == "object" && e instanceof Blob && (e = URL.createObjectURL(e));
-  var n = document.createElement("a");
-  n.href = e, n.download = r || "";
-  var t;
-  window.MouseEvent ? t = new MouseEvent("click") : (t = document.createEvent("MouseEvents"), t.initMouseEvent(
-    "click",
-    !0,
-    !1,
-    window,
-    0,
-    0,
-    0,
-    0,
-    0,
-    !1,
-    !1,
-    !1,
-    !1,
-    0,
-    null
-  )), n.dispatchEvent(t);
-}
-function strCorNum(e) {
-  return e.forEach((r, n) => {
-    e[n] = Number(r);
-  }), e;
-}
-function extend() {
-  var e = arguments[0] || {}, r = !1, n = Array.prototype.slice.call(arguments), t = 1, a, i, l, s, o = !1;
-  for (typeof e == "boolean" && (r = e, t++, e = arguments[1]); t < n.length; t++)
-    if ((a = n[t]) != null)
-      for (l in a)
-        s = a[l], i = e[l], r && (toString.call(s) === "[object Object]" || (o = toString.call(s) === "[object Array]")) ? (o ? i = toString.call(i) === "[object Array]" ? i : [] : i = toString.call(i) === "[object Object]" ? i : {}, e[l] = extend(r, i, s)) : s !== void 0 && s !== i && (e[l] = s);
-  return e;
-}
-function createObj(e, r) {
-  let n = r.split("."), t = n.splice(0, 1)[0], a = {};
-  if (a[t] = {}, n.length >= 2) {
-    let i = "{", l = "}", s = "";
-    n.forEach((o) => {
-      s = `${s}${i}"${o}":`;
-    }), s = `${s}""`;
-    for (let o = 0; o < n.length; o++)
-      s = `${s}${l}`;
-    s = JSON.parse(s), a[t] = s;
-  }
-  return e = extend(!0, e, a), e;
-}
-function dataURLtoFile(e, r) {
-  let n = e.split(","), t = n[0].match(/:(.*?);/)[1], a = atob(n[1]), i = a.length, l = new Uint8Array(i);
-  for (; i--; )
-    l[i] = a.charCodeAt(i);
-  return new File([l], r, {
-    type: t
-  });
-}
-function findObject(e, r, n = "prop") {
-  let t = -1, a = (() => {
-    let i;
-    return e.forEach((l) => {
-      l.column ? i = "group" : l.children && (i = "tree");
-    }), i;
-  })();
-  return a === "group" ? e.forEach((i) => {
-    const l = findArray(i.column, r, n, !0);
-    l !== -1 && (t = l);
-  }) : a === "tree" ? t = findLabelNode(e, r, { value: n }, !0) : t = findArray(e, r, n, !0), t;
-}
-function randomId() {
-  let e = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz", r = e.length, n = "";
-  for (let t = 0; t < 16; t++)
-    n += e.charAt(Math.floor(Math.random() * r));
-  return n;
-}
-const deepClone = (e) => {
-  var r = getObjType(e), n;
-  if (r === "array")
-    n = [];
-  else if (r === "object")
-    n = {};
-  else
-    return e;
-  if (r === "array")
-    for (var t = 0, a = e.length; t < a; t++)
-      e[t] = (() => (e[t] === 0, e[t]))(), e[t] && delete e[t].$parent, n.push(deepClone(e[t]));
-  else if (r === "object")
-    for (var i in e)
-      e && delete e.$parent, n[i] = deepClone(e[i]);
-  return n;
-}, setPx = (e, r = "") => (e || (e = r), e ? (e = e + "", e.indexOf("%") === -1 && e.indexOf("px") === -1 && (e = e + "px"), e) : ""), detailDataType = (e, r) => isBlank(e) ? e : r === "number" ? Number(e) : r === "string" ? e + "" : e, detailDic = (e = [], r = {}, n) => {
-  let t = r.value || DIC_PROPS.value, a = r.children || DIC_PROPS.children;
-  return e.forEach((i) => {
-    i[t] = detailDataType(i[t], n), i[a] && detailDic(i[a], r, n);
-  }), e;
-}, findByValue = (e, r, n) => {
-  if (isBlank(e))
-    return r;
-  let t, a = r instanceof Array, i = a ? r : [r];
-  n = n || DIC_PROPS, t = [];
-  for (let l = 0; l < i.length; l++)
-    t.push(findLabelNode(e, i[l], n) || i[l]);
-  return a ? t.join(DIC_SHOW_SPLIT) : t.join();
-}, filterParams = (e, r = ["", "$"], n = !0) => {
-  let t = n ? deepClone(e) : e;
-  for (let a in t)
-    r.includes("") && isBlank(t[a]) && delete t[a], r.includes("$") && a.indexOf("$") !== -1 && delete t[a];
-  return t;
-}, detailDicGroup = (e = [], r = {}) => {
-  let n = deepClone(e), t = r[DIC_PROPS.groups] || DIC_PROPS.groups;
-  return e.forEach((a) => {
-    a[t] && (n = n.concat(a[t]));
-  }), n;
-}, findLabelNode = (e, r, n, t) => {
-  let a;
-  t || (e = detailDicGroup(e, n));
-  let i = (l) => {
-    const s = n.label || DIC_PROPS.label, o = n.value || DIC_PROPS.value, f = n.children || DIC_PROPS.children;
-    for (let u = 0; u < l.length; u++) {
-      const c = l[u], d = c[f] || [];
-      c[o] === r ? a = t ? c : c[s] : i(d);
-    }
-  };
-  return i(e), a;
-}, getDeepData = (e) => (Array.isArray(e) ? e : e.data) || [], getObjValue = (e, r = "", n) => {
-  const t = r.split(".");
-  let a = e;
-  return t[0] === "" && n !== "object" ? getDeepData(e) : (t[0] !== "" && t.forEach((i) => {
-    a = a[i];
-  }), a);
-}, findArray = (e, r, n, t) => {
-  n = n || DIC_PROPS.value;
-  for (let a = 0; a < e.length; a++)
-    if (e[a][n] === r)
-      return t ? e[a] : a;
-  return -1;
-}, getPasswordChar = (e = "", r) => {
-  let n = e.toString().length;
-  e = "";
-  for (let t = 0; t < n; t++)
-    e = e + r;
-  return e;
-}, arraySort = (e = [], r, n) => e.filter((t) => !isBlank(t[r])).sort((t, a) => n(t, a)).concat(e.filter((t) => isBlank(t[r]))), clearVal = (e, r, n = []) => e ? (r.forEach((t) => {
-  if (!n.includes(t)) {
-    if (t.includes("$"))
-      delete e[t];
-    else if (!isBlank(e[t])) {
-      let a = getObjType(e[t]);
-      a === "array" ? e[t] = [] : a === "object" ? e[t] = {} : ["number", "boolean"].includes(a) ? e[t] = void 0 : e[t] = "";
-    }
-  }
-}), e) : {}, optVal = (e, r) => typeof e == "boolean" ? e : isBlank(e) ? r : e;
-function uploadFun(e = {}, r) {
-  r = r || this;
-  let n = ["uploadPreview", "uploadBefore", "uploadAfter", "uploadDelete", "uploadError", "uploadExceed"], t = {};
-  return e.type === "upload" ? n.forEach((a) => {
-    e[a] || (t[a] = r[a]);
-  }) : n.forEach((a) => {
-    t[a] = r[a];
-  }), t;
-}
-export {
-  ARRAY_VALUE_LIST as A,
-  dataURLtoFile as B,
-  DIC_SPLIT as D,
-  INPUT_LIST as I,
-  KEY_COMPONENT_NAME as K,
-  MULTIPLE_LIST as M,
-  RANGE_LIST as R,
-  SELECT_LIST as S,
-  detailDataType as a,
-  ARRAY_LIST as b,
-  createObj as c,
-  deepClone as d,
-  DATE_LIST as e,
-  findObject as f,
-  getFixed as g,
-  setAsVal as h,
-  getAsVal as i,
-  filterParams as j,
-  DIC_PROPS as k,
-  clearVal as l,
-  strCorNum as m,
-  DIC_SHOW_SPLIT as n,
-  optVal as o,
-  getPasswordChar as p,
-  findByValue as q,
-  randomId as r,
-  setPx as s,
-  detailDic as t,
-  uploadFun as u,
-  getObjValue as v,
-  downFile as w,
-  isMediaType as x,
-  DIC_HTTP_PROPS as y,
-  arraySort as z
-};

package/dist/components/photo-swipe/style.css

@@ -1 +0,0 @@
-.pswp{z-index:2147483647}.pswp .pswp__error-msg{display:flex;flex-direction:column;align-items:center;justify-content:center;transform:translateY(-50%)}.pswp .error-img{width:200px;margin-bottom:10px}