@web-utils/component 2.7.14 → 2.7.16

package/dist/components/image-cropper/index.js

@@ -136,6 +136,7 @@ var l = function() {
 }, c = [];
 const h = {
   name: "ImageCropper",
+  imageCropper: u,
   components: {
     VueCropper: a
   },
@@ -175,8 +176,7 @@ const h = {
     cancel(e) {
       e && e(), this.visible = !1, this.option.cancel && this.option.cancel(), typeof this.option.beforeClose == "function" && this.option.beforeClose(), this.$destroy(), this.$el.remove();
     }
-  },
-  imageCropper: u
+  }
 }, n = {};
 var m = /* @__PURE__ */ p(
   h,
@@ -235,6 +235,7 @@ const d = /* @__PURE__ */ function() {
   return i.$mount(), document.body.appendChild(i.$el), i.show(), i;
 }, g = {
   name: "ImageCropper",
+  imageCropper: u,
   components: {
     VueCropper: a
   },
@@ -274,8 +275,7 @@ const d = /* @__PURE__ */ function() {
     cancel(e) {
       e && e(), this.visible = !1, this.option.cancel && this.option.cancel(), typeof this.option.beforeClose == "function" && this.option.beforeClose(), this.$destroy(), this.$el.remove();
     }
-  },
-  imageCropper: u
+  }
 }, r = {};
 var _ = /* @__PURE__ */ p(
   g,

package/dist/components/image-preview/index.js

@@ -131,8 +131,9 @@ var d = function() {
     }
   })])])]) : e._e();
 }, m = [];
-const v = {
+const _ = {
   name: "ImagePreview",
+  imagePreview: p,
   data() {
     return {
       left: 0,
@@ -209,11 +210,10 @@ const v = {
     close() {
       this.isShow = !1, typeof this.ops.beforeClose == "function" && this.ops.beforeClose(this.datas, this.index), this.$destroy(), this.$el.remove();
     }
-  },
-  imagePreview: p
+  }
 }, r = {};
-var _ = /* @__PURE__ */ h(
-  v,
+var v = /* @__PURE__ */ h(
+  _,
   d,
   m,
   !1,
@@ -227,7 +227,7 @@ function g(e) {
     this[s] = r[s];
 }
 const w = /* @__PURE__ */ function() {
-  return _.exports;
+  return v.exports;
 }(), p = (e = [], s = 0, t = {}) => {
   const i = f.extend(w), a = {
     datas: e,
@@ -245,6 +245,7 @@ const w = /* @__PURE__ */ function() {
   return o.$mount(), document.body.appendChild(o.$el), o.isShow = !0, o;
 }, x = {
   name: "ImagePreview",
+  imagePreview: p,
   data() {
     return {
       left: 0,
@@ -321,8 +322,7 @@ const w = /* @__PURE__ */ function() {
     close() {
       this.isShow = !1, typeof this.ops.beforeClose == "function" && this.ops.beforeClose(this.datas, this.index), this.$destroy(), this.$el.remove();
     }
-  },
-  imagePreview: p
+  }
 }, c = {};
 var C = /* @__PURE__ */ h(
   x,
@@ -338,9 +338,9 @@ function $(e) {
   for (let s in c)
     this[s] = c[s];
 }
-const b = /* @__PURE__ */ function() {
+const P = /* @__PURE__ */ function() {
   return C.exports;
 }();
 export {
-  b as default
+  P as default
 };

package/dist/components/photo-swipe/index.js

@@ -1,21 +1,21 @@
-import l from "photoswipe";
-import "photoswipe/style.css";
+import g from "photoswipe";
+import "photoswipe/dist/photoswipe.css";
 import { n as d } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
 function w(t) {
-  new l(t).init();
+  new g(t).init();
 }
-async function u(t, o, r = { selector: "chat-image" }) {
-  const a = t.target;
-  if (!(!a || a.classList.contains(r.selector) || a.tagName === "IMG"))
+async function u(t, a, r = { selector: "chat-image" }) {
+  const o = t.target;
+  if (!(!o || o.classList.contains(r.selector) || o.tagName === "IMG"))
     return;
-  const e = o.querySelectorAll(r.selector === "img" ? r.selector : `.${r.selector}`), n = [...e].findIndex((s) => s === a);
+  const e = a.querySelectorAll(r.selector === "img" ? r.selector : `.${r.selector}`), n = [...e].findIndex((s) => s === o);
   n >= 0 && (r.index = n);
-  const i = await m(e);
+  const i = await f(e);
   await w({ dataSource: i, index: n });
 }
-async function m(t) {
-  const o = [];
-  for (let r = 0, a = t.length; r < a; r++) {
+async function f(t) {
+  const a = [];
+  for (let r = 0, o = t.length; r < o; r++) {
     const e = t[r], n = e.getAttribute("data-src") || e.getAttribute("src"), i = {
       src: n,
       msrc: n,
@@ -23,18 +23,18 @@ async function m(t) {
       element: e
     }, s = e.getAttribute("data-height"), h = e.getAttribute("data-width");
     let c = { width: h, height: s };
-    !s && !h && (c = await f(e), e.setAttribute("data-height", c.height), e.setAttribute("data-width", c.width)), i.w = c.width, i.width = c.width, i.h = c.height, i.height = c.height, o.push(i);
+    !s && !h && (c = await m(e), e.setAttribute("data-height", c.height), e.setAttribute("data-width", c.width)), i.w = c.width, i.width = c.width, i.h = c.height, i.height = c.height, a.push(i);
   }
-  return o;
+  return a;
 }
-function f(t) {
-  const o = t.getAttribute("data-src") || t.getAttribute("src"), r = t.getAttribute("data-height"), a = t.getAttribute("data-width");
-  return r && a ? { width: a, height: r } : t.complete ? {
+function m(t) {
+  const a = t.getAttribute("data-src") || t.getAttribute("src"), r = t.getAttribute("data-height"), o = t.getAttribute("data-width");
+  return r && o ? { width: o, height: r } : t.complete ? {
     width: t.naturalWidth,
     height: t.naturalHeight
   } : new Promise((e) => {
     const n = new Image();
-    n.src = o;
+    n.src = a;
     const i = {};
     n.complete ? (i.width = n.width, i.height = n.height, e(i)) : (n.onload = () => {
       i.width = n.width, i.height = n.height, e(i);
@@ -44,51 +44,60 @@ function f(t) {
   });
 }
 var p = function() {
-  var t = this, o = t.$createElement, r = t._self._c || o;
+  var t = this, a = t.$createElement, r = t._self._c || a;
   return r("div", {
     ref: "wrapper"
-  }, t._l(t.urls, function(a) {
-    return r("img", {
-      key: a.src,
-      staticStyle: {
-        cursor: "pointer"
-      },
-      attrs: {
-        width: "100",
-        src: a.src,
-        alt: ""
-      },
-      on: {
-        click: t.show
-      }
+  }, [t._t("default", function() {
+    return t._l(t.urls, function(o) {
+      return r("img", {
+        key: o.src,
+        staticStyle: {
+          cursor: "pointer"
+        },
+        attrs: {
+          width: "100",
+          src: o.src,
+          alt: ""
+        },
+        on: {
+          click: t.preview
+        }
+      });
     });
-  }), 0);
+  }, {
+    urls: t.urls,
+    preview: t.preview
+  })], 2);
 }, _ = [];
 const b = {
   name: "PhotoSwipe",
+  photoswipe: u,
   props: {
-    urls: Array
+    urls: Array,
+    selector: {
+      type: String,
+      default: "img"
+    }
   },
   methods: {
-    async show(t) {
-      await u(t, this.$refs.wrapper, { selector: "img" });
+    async preview(t) {
+      await u(t, this.$refs.wrapper, { selector: this.selector });
     }
-  },
-  photoswipe: u
-}, g = {};
+  }
+}, l = {};
 var A = /* @__PURE__ */ d(
   b,
   p,
   _,
   !1,
-  S,
+  v,
   null,
   null,
   null
 );
-function S(t) {
-  for (let o in g)
-    this[o] = g[o];
+function v(t) {
+  for (let a in l)
+    this[a] = l[a];
 }
 const I = /* @__PURE__ */ function() {
   return A.exports;

package/dist/index.es.js

@@ -42,7 +42,7 @@ import "viewerjs/dist/viewer.css";
 import Focus from "element-ui/src/mixins/focus";
 import RepeatClick from "element-ui/src/directives/repeat-click";
 import PhotoSwipe$1 from "photoswipe";
-import "photoswipe/style.css";
+import "photoswipe/dist/photoswipe.css";
 import ClickOutside from "element-ui/lib/utils/clickoutside";
 import { chunk } from "lodash";
 import "tinymce/skins/lightgray/skin.min.css";
@@ -27992,6 +27992,7 @@ var render$I = function() {
 }, staticRenderFns$I = [];
 const ImageCropper_vue_vue_type_style_index_0_lang = "", __vue2_script$N = {
   name: "ImageCropper",
+  imageCropper,
   components: {
     VueCropper
   },
@@ -28031,8 +28032,7 @@ const ImageCropper_vue_vue_type_style_index_0_lang = "", __vue2_script$N = {
     cancel(t) {
       t && t(), this.visible = !1, this.option.cancel && this.option.cancel(), typeof this.option.beforeClose == "function" && this.option.beforeClose(), this.$destroy(), this.$el.remove();
     }
-  },
-  imageCropper
+  }
 }, __cssModules$N = {};
 var __component__$N = /* @__PURE__ */ normalizeComponent(
   __vue2_script$N,
@@ -28197,6 +28197,7 @@ var render$H = function() {
 }, staticRenderFns$H = [];
 const ImagePreview_vue_vue_type_style_index_0_lang = "", __vue2_script$M = {
   name: "ImagePreview",
+  imagePreview,
   data() {
     return {
       left: 0,
@@ -28273,8 +28274,7 @@ const ImagePreview_vue_vue_type_style_index_0_lang = "", __vue2_script$M = {
     close() {
       this.isShow = !1, typeof this.ops.beforeClose == "function" && this.ops.beforeClose(this.datas, this.index), this.$destroy(), this.$el.remove();
     }
-  },
-  imagePreview
+  }
 }, __cssModules$M = {};
 var __component__$M = /* @__PURE__ */ normalizeComponent(
   __vue2_script$M,
@@ -31269,34 +31269,43 @@ var render$n = function() {
   var t = this, n = t.$createElement, s = t._self._c || n;
   return s("div", {
     ref: "wrapper"
-  }, t._l(t.urls, function(a) {
-    return s("img", {
-      key: a.src,
-      staticStyle: {
-        cursor: "pointer"
-      },
-      attrs: {
-        width: "100",
-        src: a.src,
-        alt: ""
-      },
-      on: {
-        click: t.show
-      }
+  }, [t._t("default", function() {
+    return t._l(t.urls, function(a) {
+      return s("img", {
+        key: a.src,
+        staticStyle: {
+          cursor: "pointer"
+        },
+        attrs: {
+          width: "100",
+          src: a.src,
+          alt: ""
+        },
+        on: {
+          click: t.preview
+        }
+      });
     });
-  }), 0);
+  }, {
+    urls: t.urls,
+    preview: t.preview
+  })], 2);
 }, staticRenderFns$n = [];
 const __vue2_script$r = {
   name: "PhotoSwipe",
+  photoswipe,
   props: {
-    urls: Array
+    urls: Array,
+    selector: {
+      type: String,
+      default: "img"
+    }
   },
   methods: {
-    async show(t) {
-      await photoswipe(t, this.$refs.wrapper, { selector: "img" });
+    async preview(t) {
+      await photoswipe(t, this.$refs.wrapper, { selector: this.selector });
     }
-  },
-  photoswipe
+  }
 }, __cssModules$r = {};
 var __component__$r = /* @__PURE__ */ normalizeComponent(
   __vue2_script$r,
@@ -36010,7 +36019,7 @@ function __vue2_injectStyles(t) {
 }
 const Watermark = /* @__PURE__ */ function() {
   return __component__.exports;
-}(), version = "2.7.14";
+}(), version = "2.7.16";
 function index(t) {
   t.component(AddressInput.name, AddressInput), t.component(Affix.name, Affix), t.component(AsideMenu.name, AsideMenu), t.component(Avatar.name, Avatar), t.component(AwesomeButton.name, AwesomeButton), t.component(CapsuleTab.name, CapsuleTab), t.component(Card.name, Card), t.component(Carousel.name, Carousel), t.component(Chat.name, Chat), t.component(ChunkFileUploader.name, ChunkFileUploader), t.component(ChunkFileUploaderButton.name, ChunkFileUploaderButton), t.component(ChunkFileUploaderDrop.name, ChunkFileUploaderDrop), t.component(ChunkFileUploaderFile.name, ChunkFileUploaderFile), t.component(ChunkFileUploaderFiles.name, ChunkFileUploaderFiles), t.component(ChunkFileUploaderList.name, ChunkFileUploaderList), t.component(ChunkFileUploaderUnSupport.name, ChunkFileUploaderUnSupport), t.component(CodeMirrorEditor.name, CodeMirrorEditor), t.component(ColorPicker.name, ColorPicker), t.component(Column.name, Column), t.component(ColumnDefault.name, ColumnDefault), t.component(ColumnDynamic.name, ColumnDynamic), t.component(ColumnMenu.name, ColumnMenu), t.component(ColumnSlot.name, ColumnSlot), t.component(Comment.name, Comment), t.component(Confirmable.name, Confirmable), t.component(ConfirmButton.name, ConfirmButton), t.component(ContextMenu.name, ContextMenu), t.component(CountUp.name, CountUp), t.component(CustomScrollbar.name, CustomScrollbar), t.component(DataBox.name, DataBox), t.component(DataCard.name, DataCard), t.component(DataCardtext.name, DataCardtext), t.component(DataDisplay.name, DataDisplay), t.component(DataIcons.name, DataIcons), t.component(DataImgtext.name, DataImgtext), t.component(DataOperatext.name, DataOperatext), t.component(DataPanel.name, DataPanel), t.component(DataPay.name, DataPay), t.component(DataPrice.name, DataPrice), t.component(DataProgress.name, DataProgress), t.component(DataRotate.name, DataRotate), t.component(DataTablePicker.name, DataTablePicker), t.component(DataTabs.name, DataTabs), t.component(DialogColumn.name, DialogColumn), t.component(DialogExcel.name, DialogExcel), t.component(DialogFilter.name, DialogFilter), t.component(DialogForm.name, DialogForm), t.component(DynamicTable.name, DynamicTable), t.component(ECharts.name, ECharts), t.component(EditableProgress.name, EditableProgress), t.component(EditableTree.name, EditableTree), t.component(EgdCollapse.name, EgdCollapse), t.component(EgdCollapseItem.name, EgdCollapseItem), t.component(ElementDialog.name, ElementDialog), t.component(EmptyView.name, EmptyView), t.component(ErrorView.name, ErrorView), t.component(FlexColumn.name, FlexColumn), t.component(FlexItem.name, FlexItem), t.component(FlexRow.name, FlexRow), t.component(FlexScroller.name, FlexScroller), t.component(Flow.name, Flow), t.component(FlowNode.name, FlowNode), t.component(FormButton.name, FormButton), t.component(FormCascader.name, FormCascader), t.component(FormCheckboxGroup.name, FormCheckboxGroup), t.component(FormDatePicker.name, FormDatePicker), t.component(FormGroup.name, FormGroup), t.component(FormHolder.name, FormHolder), t.component(FormInput.name, FormInput), t.component(FormInputEmail.name, FormInputEmail), t.component(FormInputIdCard.name, FormInputIdCard), t.component(FormInputNumber.name, FormInputNumber), t.component(FormInputPhoneNumber.name, FormInputPhoneNumber), t.component(FormInputTime.name, FormInputTime), t.component(FormItem.name, FormItem), t.component(FormItemConfigProvider.name, FormItemConfigProvider), t.component(FormItemGroup.name, FormItemGroup), t.component(FormRadioGroup.name, FormRadioGroup), t.component(FormSelect.name, FormSelect), t.component(FormSwitch.name, FormSwitch), t.component(FormTemp.name, FormTemp), t.component(FormTextarea.name, FormTextarea), t.component(FormView.name, FormView), t.component(FyArray.name, FyArray), t.component(FyArticle.name, FyArticle), t.component(FyCascader.name, FyCascader), t.component(FyCheckbox.name, FyCheckbox), t.component(FyCode.name, FyCode), t.component(FyCurd.name, FyCurd), t.component(FyDate.name, FyDate), t.component(FyDialogForm.name, FyDialogForm), t.component(FyDraggable.name, FyDraggable), t.component(FyDynamic.name, FyDynamic), t.component(FyEmpty.name, FyEmpty), t.component(FyForm.name, FyForm), t.component(FyFormDesign.name, FyFormDesign), t.component(FyFormMenu.name, FyFormMenu), t.component(FyInput.name, FyInput), t.component(FyInputColor.name, FyInputColor), t.component(FyInputIcon.name, FyInputIcon), t.component(FyInputMap.name, FyInputMap), t.component(FyInputNumber.name, FyInputNumber), t.component(FyInputTable.name, FyInputTable), t.component(FyInputTree.name, FyInputTree), t.component(FyProgress.name, FyProgress), t.component(FyRadio.name, FyRadio), t.component(FyRate.name, FyRate), t.component(FySelect.name, FySelect), t.component(FySlider.name, FySlider), t.component(FySwitch.name, FySwitch), t.component(FyTabs.name, FyTabs), t.component(FyTime.name, FyTime), t.component(FyTitle.name, FyTitle), t.component(FyTree.name, FyTree), t.component(FyUEditor.name, FyUEditor), t.component(FyUpload.name, FyUpload), t.component(GuideSteps.name, GuideSteps), t.component(HeaderMenu.name, HeaderMenu), t.component(HeaderSearch.name, HeaderSearch), t.component(IconCard.name, IconCard), t.component(IconTemp.name, IconTemp), t.component(IframeWindow.name, IframeWindow), t.component(ImageCropper.name, ImageCropper), t.component(ImagePreview.name, ImagePreview), t.component(ImageViewer.name, ImageViewer), t.component(InputNumber.name, InputNumber), t.component(InputNumberRange.name, InputNumberRange), t.component(JSXComponent.name, JSXComponent), t.component(KeepViewAlive.name, KeepViewAlive), t.component(Keyboard.name, Keyboard), t.component(License.name, License), t.component(LoadingView.name, LoadingView), t.component(Login.name, Login), t.component(NameAvatar.name, NameAvatar), t.component(NavBar.name, NavBar), t.component(Notice.name, Notice), t.component(NotImplement.name, NotImplement), t.component(Page.name, Page), t.component(PageableTable.name, PageableTable), t.component(PageableView.name, PageableView), t.component(PageHeader.name, PageHeader), t.component(PageIndex.name, PageIndex), t.component(PageIndexTop.name, PageIndexTop), t.component(PageSkeleton.name, PageSkeleton), t.component(PageSkeletonNew.name, PageSkeletonNew), t.component(PhotoSwipe.name, PhotoSwipe), t.component(Queue.name, Queue), t.component(RecordVideo.name, RecordVideo), t.component(ResizeObserver.name, ResizeObserver), t.component(Search.name, Search), t.component(SearchPopover.name, SearchPopover), t.component(Sign.name, Sign), t.component(SignPanel.name, SignPanel), t.component(Skeleton.name, Skeleton), t.component(SplitPane.name, SplitPane), t.component(Stateful.name, Stateful), t.component(StaticPageableTable.name, StaticPageableTable), t.component(Swiper.name, Swiper), t.component(Tab.name, Tab), t.component(TabItem.name, TabItem), t.component(TableColumn.name, TableColumn), t.component(TablePage.name, TablePage), t.component(TableView.name, TableView), t.component(TagRender.name, TagRender), t.component(TextEllipsis.name, TextEllipsis), t.component(TinymceEditor.name, TinymceEditor), t.component(TinymceWrapper.name, TinymceWrapper), t.component(Toolbar.name, Toolbar), t.component(ToolbarButton.name, ToolbarButton), t.component(Trigger.name, Trigger), t.component(Verify.name, Verify), t.component(VueTagsInput.name, VueTagsInput), t.component(Watermark.name, Watermark);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@web-utils/component",
-  "version": "2.7.14",
+  "version": "2.7.16",
   "type": "module",
   "private": false,
   "license": "MIT",
@@ -30,6 +30,8 @@
   },
   "dependencies": {
     "@tinymce/tinymce-vue": "3.2.8",
+    "@wangeditor/editor": "^5.1.23",
+    "@wangeditor/editor-for-vue": "^1.0.2",
     "@web-utils/core": "^2.0.15",
     "codemirror": "^5.65.11",
     "countup.js": "^2.3.2",
@@ -46,8 +48,6 @@
     "vuedraggable": "^2.24.3"
   },
   "devDependencies": {
-    "@babel/preset-env": "^7.20.2",
-    "@rollup/plugin-babel": "^6.0.3",
     "@types/lodash": "^4.14.191",
     "@types/node": "^16.18.10",
     "@types/qrcode": "^1.5.0",
@@ -56,25 +56,22 @@
     "@typescript-eslint/parser": "^5.47.0",
     "@vue/babel-preset-jsx": "^1.4.0",
     "@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",
-    "eslint": "^8.30.0",
-    "eslint-plugin-vue": "^9.8.0",
+    "eslint": "^8.33.0",
+    "eslint-plugin-vue": "^9.9.0",
     "globby": "^13.1.3",
-    "sass": "^1.57.1",
+    "sass": "^1.58.0",
     "slash": "^5.0.0",
-    "stylelint": "^14.16.0",
+    "stylelint": "^14.16.1",
     "typescript": "^4.6.4",
-    "vite": "^4.0.3",
-    "vite-plugin-inspect": "^0.7.11",
+    "vite": "^4.1.1",
+    "vite-plugin-inspect": "^0.7.15",
     "vite-plugin-style-import": "^1.4.1",
     "vite-plugin-vue2": "^2.0.3",
     "vue": "2.6.14",
-    "vue-docgen-api": "^4.56.2",
+    "vue-docgen-api": "^4.56.4",
     "vue-router": "^3.6.5",
     "vue-template-compiler": "2.6.14"
   },

package/web-types.json

@@ -2,7 +2,7 @@
   "$schema": "https://json.schemastore.org/web-types",
   "framework": "vue",
   "name": "@web-utils/component",
-  "version": "2.7.14",
+  "version": "2.7.16",
   "contributions": {
     "html": {
       "description-markup": "markdown",
@@ -18143,6 +18143,19 @@
                 "type": "array"
               },
               "default": ""
+            },
+            {
+              "name": "selector",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              },
+              "default": "'img'"
+            }
+          ],
+          "slots": [
+            {
+              "name": "default"
             }
           ]
         },