@web-utils/component 2.0.3 → 2.0.4

package/dist/components/element-dialog/index.js

@@ -159,7 +159,8 @@ const u = {
     bodyPadding: {
       type: Boolean,
       default: !0
-    }
+    },
+    embed: Boolean
   },
   data() {
     return {
@@ -207,7 +208,7 @@ const u = {
       typeof this.beforeClose == "function" ? this.beforeClose(this.hide) : this.hide();
     },
     hide(e) {
-      e !== !1 && (this.$emit("update:visible", !1), this.$emit("close"), this.closed = !0);
+      e !== !1 && (this.embed ? this.$parent.$emit("update:visible", !1) : this.$emit("update:visible", !1), this.$emit("close"), this.closed = !0);
     },
     updatePopper() {
       this.broadcast("ElSelectDropdown", "updatePopper"), this.broadcast("ElDropdownMenu", "updatePopper");

package/dist/components/iframe-window/index.js

@@ -1,58 +1,19 @@
-import { dialog as o } from "@web-utils/core/dist/mixin/index";
-import { n as i } from "../../chunks/5d4282fb.js";
-var s = function() {
-  var e = this, t = e.$createElement, l = e._self._c || t;
-  return l("ElDialog", {
-    directives: [{
-      name: "dialog-drag",
-      rawName: "v-dialog-drag:[fullScreen]",
-      arg: e.fullScreen
-    }],
+import { n as l } from "../../chunks/5d4282fb.js";
+var o = function() {
+  var e = this, t = e.$createElement, r = e._self._c || t;
+  return r("ElementDialog", {
     attrs: {
-      "close-on-click-modal": !1,
+      "custom-class": "iframe-window",
+      embed: "",
       title: e.title,
-      visible: e.show,
-      top: "5vh",
-      "custom-class": "el-dialog-resizeable iframe-window",
-      center: "",
-      fullscreen: e.fullScreen,
-      "append-to-body": "",
-      width: "60%"
-    },
-    on: {
-      "update:visible": function(r) {
-        e.show = r;
-      },
-      close: e.close,
-      closed: e.closed
+      "show-full-screen": "",
+      visible: e.visible
     },
     scopedSlots: e._u([{
-      key: "title",
-      fn: function() {
-        return [e._v(" " + e._s(e.title) + " "), l("ElButton", {
-          staticClass: "fullscreen-btn",
-          attrs: {
-            type: "text",
-            icon: e.fullScreen ? "el-icon-copy-document" : "el-icon-full-screen",
-            size: "medium",
-            title: e.fullScreen ? "还原" : "最大化"
-          },
-          on: {
-            click: e.toggleFullScreen
-          }
-        })];
-      },
-      proxy: !0
-    }, {
       key: "default",
       fn: function() {
-        return [l("div", {
-          staticClass: "drag-mask"
-        }), l("iframe", {
+        return [r("iframe", {
           staticClass: "iframe-window-iframe",
-          style: {
-            height: e.fullScreen ? "100%" : "70vh"
-          },
           attrs: {
             src: e.url,
             frameborder: "0"
@@ -63,9 +24,8 @@ var s = function() {
     }])
   });
 }, a = [];
-const c = {
+const i = {
   name: "IframeWindow",
-  mixins: [o],
   props: {
     title: {
       type: String,
@@ -73,27 +33,28 @@ const c = {
     },
     url: {
       type: String,
-      default: "https://www.baidu.com"
-    }
+      default: "http://192.168.0.107:31221/wallboard"
+    },
+    visible: Boolean
   }
 }, n = {};
-var u = /* @__PURE__ */ i(
-  c,
-  s,
+var s = /* @__PURE__ */ l(
+  i,
+  o,
   a,
   !1,
-  f,
+  u,
   null,
   null,
   null
 );
-function f(e) {
+function u(e) {
   for (let t in n)
     this[t] = n[t];
 }
-const _ = /* @__PURE__ */ function() {
-  return u.exports;
+const c = /* @__PURE__ */ function() {
+  return s.exports;
 }();
 export {
-  _ as default
+  c as default
 };

package/dist/components/iframe-window/style.css

@@ -1 +1 @@
-.iframe-window .iframe-window-iframe{width:100%;height:60vh}.iframe-window .el-dialog__body{position:relative;padding:0}
+.iframe-window.element-dialog.el-dialog.el-dialog-resizeable .el-dialog__body{position:relative;padding:0}.iframe-window .iframe-window-iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;min-height:60vh;border:none}

package/dist/index.css

@@ -985,14 +985,21 @@
 .icon-card.green .icon-card_color {
   color: #72c734;
 }
-.iframe-window .iframe-window-iframe {
-  width: 100%;
-  height: 60vh;
-}
-.iframe-window .el-dialog__body {
+.iframe-window.element-dialog.el-dialog.el-dialog-resizeable .el-dialog__body {
   position: relative;
   padding: 0;
 }
+.iframe-window .iframe-window-iframe {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  min-height: 60vh;
+  border: none;
+}
 .el-input-number.input-number {
   display: block;
 }

package/dist/index.es.js

@@ -3964,7 +3964,8 @@ const ElementDialog_vue_vue_type_style_index_0_lang = "", defaults = {
     bodyPadding: {
       type: Boolean,
       default: !0
-    }
+    },
+    embed: Boolean
   },
   data() {
     return {
@@ -4012,7 +4013,7 @@ const ElementDialog_vue_vue_type_style_index_0_lang = "", defaults = {
       typeof this.beforeClose == "function" ? this.beforeClose(this.hide) : this.hide();
     },
     hide(e) {
-      e !== !1 && (this.$emit("update:visible", !1), this.$emit("close"), this.closed = !0);
+      e !== !1 && (this.embed ? this.$parent.$emit("update:visible", !1) : this.$emit("update:visible", !1), this.$emit("close"), this.closed = !0);
     },
     updatePopper() {
       this.broadcast("ElSelectDropdown", "updatePopper"), this.broadcast("ElDropdownMenu", "updatePopper");
@@ -7113,57 +7114,19 @@ const IconCard = /* @__PURE__ */ function() {
 }();
 var render$u = function() {
   var e = this, t = e.$createElement, s = e._self._c || t;
-  return s("ElDialog", {
-    directives: [{
-      name: "dialog-drag",
-      rawName: "v-dialog-drag:[fullScreen]",
-      arg: e.fullScreen
-    }],
+  return s("ElementDialog", {
     attrs: {
-      "close-on-click-modal": !1,
+      "custom-class": "iframe-window",
+      embed: "",
       title: e.title,
-      visible: e.show,
-      top: "5vh",
-      "custom-class": "el-dialog-resizeable iframe-window",
-      center: "",
-      fullscreen: e.fullScreen,
-      "append-to-body": "",
-      width: "60%"
-    },
-    on: {
-      "update:visible": function(n) {
-        e.show = n;
-      },
-      close: e.close,
-      closed: e.closed
+      "show-full-screen": "",
+      visible: e.visible
     },
     scopedSlots: e._u([{
-      key: "title",
-      fn: function() {
-        return [e._v(" " + e._s(e.title) + " "), s("ElButton", {
-          staticClass: "fullscreen-btn",
-          attrs: {
-            type: "text",
-            icon: e.fullScreen ? "el-icon-copy-document" : "el-icon-full-screen",
-            size: "medium",
-            title: e.fullScreen ? "还原" : "最大化"
-          },
-          on: {
-            click: e.toggleFullScreen
-          }
-        })];
-      },
-      proxy: !0
-    }, {
       key: "default",
       fn: function() {
-        return [s("div", {
-          staticClass: "drag-mask"
-        }), s("iframe", {
+        return [s("iframe", {
           staticClass: "iframe-window-iframe",
-          style: {
-            height: e.fullScreen ? "100%" : "70vh"
-          },
           attrs: {
             src: e.url,
             frameborder: "0"
@@ -7176,7 +7139,6 @@ var render$u = function() {
 }, staticRenderFns$u = [];
 const IframeWindow_vue_vue_type_style_index_0_lang = "", __vue2_script$z = {
   name: "IframeWindow",
-  mixins: [dialog],
   props: {
     title: {
       type: String,
@@ -7184,8 +7146,9 @@ const IframeWindow_vue_vue_type_style_index_0_lang = "", __vue2_script$z = {
     },
     url: {
       type: String,
-      default: "https://www.baidu.com"
-    }
+      default: "http://192.168.0.107:31221/wallboard"
+    },
+    visible: Boolean
   }
 }, __cssModules$z = {};
 var __component__$z = /* @__PURE__ */ normalizeComponent(
@@ -13074,7 +13037,7 @@ function __vue2_injectStyles(e) {
 }
 const XDialog = /* @__PURE__ */ function() {
   return __component__.exports;
-}(), version = "2.0.3";
+}(), version = "2.0.4";
 function index(e) {
   e.component(AddressInput.name, AddressInput), e.component(AsideMenu.name, AsideMenu), e.component(AwesomeButton.name, AwesomeButton), e.component(CapsuleTab.name, CapsuleTab), e.component(ChunkFileUploader.name, ChunkFileUploader), e.component(ChunkFileUploaderButton.name, ChunkFileUploaderButton), e.component(ChunkFileUploaderDrop.name, ChunkFileUploaderDrop), e.component(ChunkFileUploaderFile.name, ChunkFileUploaderFile), e.component(ChunkFileUploaderFiles.name, ChunkFileUploaderFiles), e.component(ChunkFileUploaderList.name, ChunkFileUploaderList), e.component(ChunkFileUploaderUnSupport.name, ChunkFileUploaderUnSupport), e.component(CodeMirrorEditor.name, CodeMirrorEditor), e.component(ColorPicker.name, ColorPicker), e.component(Confirmable.name, Confirmable), e.component(ConfirmButton.name, ConfirmButton), e.component(ContextMenu.name, ContextMenu), e.component(CustomScrollbar.name, CustomScrollbar), e.component(DataTablePicker.name, DataTablePicker), e.component(DynamicTable.name, DynamicTable), e.component(ECharts.name, ECharts), e.component(EditableProgress.name, EditableProgress), e.component(EditableTree.name, EditableTree), e.component(EgdCollapse.name, EgdCollapse), e.component(EgdCollapseItem.name, EgdCollapseItem), e.component(ElementDialog.name, ElementDialog), e.component(EmptyView.name, EmptyView), e.component(ErrorView.name, ErrorView), e.component(FlexColumn.name, FlexColumn), e.component(FlexItem.name, FlexItem), e.component(FlexRow.name, FlexRow), e.component(FlexScroller.name, FlexScroller), e.component(FormButton.name, FormButton), e.component(FormCascader.name, FormCascader), e.component(FormCheckboxGroup.name, FormCheckboxGroup), e.component(FormDatePicker.name, FormDatePicker), e.component(FormHolder.name, FormHolder), e.component(FormInput.name, FormInput), e.component(FormInputEmail.name, FormInputEmail), e.component(FormInputIdCard.name, FormInputIdCard), e.component(FormInputNumber.name, FormInputNumber), e.component(FormInputPhoneNumber.name, FormInputPhoneNumber), e.component(FormInputTime.name, FormInputTime), e.component(FormItem.name, FormItem), e.component(FormItemConfigProvider.name, FormItemConfigProvider), e.component(FormItemGroup.name, FormItemGroup), e.component(FormRadioGroup.name, FormRadioGroup), e.component(FormSelect.name, FormSelect), e.component(FormSwitch.name, FormSwitch), e.component(FormTextarea.name, FormTextarea), e.component(FormView.name, FormView), e.component(GuideSteps.name, GuideSteps), e.component(IconCard.name, IconCard), e.component(IframeWindow.name, IframeWindow), e.component(InputNumber.name, InputNumber), e.component(InputNumberRange.name, InputNumberRange), e.component(JSXComponent.name, JSXComponent), e.component(KeepViewAlive.name, KeepViewAlive), e.component(LoadingView.name, LoadingView), e.component(NavBar.name, NavBar), e.component(NotImplement.name, NotImplement), e.component(Page.name, Page), e.component(PageableTable.name, PageableTable), e.component(PageableView.name, PageableView), e.component(PageHeader.name, PageHeader), e.component(PageIndex.name, PageIndex), e.component(PageIndexTop.name, PageIndexTop), e.component(PageSkeleton.name, PageSkeleton), e.component(PageSkeletonNew.name, PageSkeletonNew), e.component(PhotoSwipe.name, PhotoSwipe), e.component(ResizeObserver.name, ResizeObserver), e.component(SearchPopover.name, SearchPopover), e.component(SignPanel.name, SignPanel), e.component(SplitPane.name, SplitPane), e.component(Stateful.name, Stateful), e.component(StaticPageableTable.name, StaticPageableTable), e.component(Swiper.name, Swiper), e.component(Tab.name, Tab), e.component(TabItem.name, TabItem), e.component(TableColumn.name, TableColumn), e.component(TableView.name, TableView), e.component(TagRender.name, TagRender), e.component(TinymceEditor.name, TinymceEditor), e.component(TinymceWrapper.name, TinymceWrapper), e.component(Toolbar.name, Toolbar), e.component(ToolbarButton.name, ToolbarButton), e.component(Trigger.name, Trigger), e.component(VueTagsInput.name, VueTagsInput), e.component(Watermark.name, Watermark), e.component(XDialog.name, XDialog);
 }

package/package.json

@@ -1,162 +1,163 @@
-{
-  "name": "@web-utils/component",
-  "version": "2.0.3",
-  "type": "module",
-  "private": false,
-  "license": "MIT",
-  "main": "./dist/index.es.js",
-  "module": "./dist/index.es.js",
-  "exports": {
-    ".": {
-      "require": "./dist/index.es.js",
-      "import": "./dist/index.es.js"
-    },
-    "./*": "./*"
-  },
-  "files": [
-    "dist",
-    "web-types.json"
-  ],
-  "web-types": "web-types.json",
-  "scripts": {
-    "dev": "vite --host",
-    "serve": "vite preview",
-    "build": "vite build",
-    "build:lib": "node scripts/build.js",
-    "release": "npm run build:lib && npm publish --access public",
-    "lint": "eslint src/**/*.{js,jsx,ts,vue} --fix",
-    "stylelint": "stylelint src/**/*.{scss,css,vue} --fix"
-  },
-  "dependencies": {
-    "@web-utils/core": "^2.0.6",
-    "codemirror": "^5.65.11",
-    "echarts": "^5.4.1",
-    "element-ui": "2.15.6",
-    "tinymce": "4.5.12",
-    "@tinymce/tinymce-vue": "3.2.8",
-    "simple-uploader.js": "^0.6.0",
-    "lodash": "^4.17.21",
-    "overlayscrollbars": "^1.13.3",
-    "photoswipe": "^4.1.3",
-    "resize-detector": "^0.3.0"
-  },
-  "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",
-    "@types/uuid": "^8.3.4",
-    "@typescript-eslint/eslint-plugin": "^5.47.0",
-    "@typescript-eslint/parser": "^5.47.0",
-    "@vue/babel-preset-jsx": "^1.4.0",
-    "@vue/eslint-config-typescript": "^11.0.2",
-    "@web-utils/stylelint-config-scss": "^1.0.2",
-    "chalk": "^5.2.0",
-    "eslint": "^8.30.0",
-    "eslint-plugin-vue": "^9.8.0",
-    "globby": "^13.1.3",
-    "sass": "^1.57.1",
-    "slash": "^5.0.0",
-    "stylelint": "^14.16.0",
-    "typescript": "^4.6.4",
-    "vite": "^4.0.3",
-    "vite-plugin-inspect": "^0.7.11",
-    "vite-plugin-style-import": "^1.4.1",
-    "vite-plugin-vue2": "^2.0.3",
-    "vue": "^2.7.14",
-    "vue-docgen-api": "^4.56.2",
-    "vue-router": "^3.6.5",
-    "vue-template-compiler": "^2.7.14"
-  },
-  "stylelint": {
-    "extends": [
-      "@web-utils/stylelint-config-scss"
-    ],
-    "rules": {
-      "max-nesting-depth": 6,
-      "at-rule-no-unknown": [
-        true,
-        {
-          "ignoreAtRules": [
-            "function",
-            "if",
-            "return",
-            "include",
-            "extend",
-            "mixin",
-            "else",
-            "while",
-            "for",
-            "use",
-            "each"
-          ]
-        }
-      ]
-    }
-  },
-  "eslintConfig": {
-    "root": true,
-    "env": {
-      "vue/setup-compiler-macros": true
-    },
-    "globals": {},
-    "parser": "vue-eslint-parser",
-    "parserOptions": {
-      "parser": "@typescript-eslint/parser",
-      "sourceType": "module",
-      "ecmaVersion": 2020,
-      "ecmaFeatures": {
-        "jsx": true
-      }
-    },
-    "extends": [
-      "@vue/typescript",
-      "plugin:vue/recommended"
-    ],
-    "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"
-        }
-      ]
-    }
-  }
-}
+{
+  "name": "@web-utils/component",
+  "version": "2.0.4",
+  "type": "module",
+  "private": false,
+  "license": "MIT",
+  "main": "./dist/index.es.js",
+  "module": "./dist/index.es.js",
+  "exports": {
+    ".": {
+      "require": "./dist/index.es.js",
+      "import": "./dist/index.es.js"
+    },
+    "./*": "./*"
+  },
+  "files": [
+    "dist",
+    "web-types.json"
+  ],
+  "web-types": "web-types.json",
+  "scripts": {
+    "dev": "vite --host",
+    "serve": "vite preview",
+    "build": "vite build",
+    "build:lib": "node scripts/build.js",
+    "release": "npm run build:lib && npm publish --access public",
+    "lint": "eslint src/**/*.{js,jsx,ts,vue} --fix",
+    "stylelint": "stylelint src/**/*.{scss,css,vue} --fix"
+  },
+  "dependencies": {
+    "@tinymce/tinymce-vue": "3.2.8",
+    "@web-utils/core": "^2.0.6",
+    "codemirror": "^5.65.11",
+    "echarts": "^5.4.1",
+    "element-ui": "2.15.6",
+    "lodash": "^4.17.21",
+    "overlayscrollbars": "^1.13.3",
+    "photoswipe": "^4.1.3",
+    "resize-detector": "^0.3.0",
+    "simple-uploader.js": "^0.6.0",
+    "tinymce": "4.5.12",
+    "viewerjs": "^1.11.1"
+  },
+  "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",
+    "@types/uuid": "^8.3.4",
+    "@typescript-eslint/eslint-plugin": "^5.47.0",
+    "@typescript-eslint/parser": "^5.47.0",
+    "@vue/babel-preset-jsx": "^1.4.0",
+    "@vue/eslint-config-typescript": "^11.0.2",
+    "@web-utils/stylelint-config-scss": "^1.0.2",
+    "chalk": "^5.2.0",
+    "eslint": "^8.30.0",
+    "eslint-plugin-vue": "^9.8.0",
+    "globby": "^13.1.3",
+    "sass": "^1.57.1",
+    "slash": "^5.0.0",
+    "stylelint": "^14.16.0",
+    "typescript": "^4.6.4",
+    "vite": "^4.0.3",
+    "vite-plugin-inspect": "^0.7.11",
+    "vite-plugin-style-import": "^1.4.1",
+    "vite-plugin-vue2": "^2.0.3",
+    "vue": "^2.7.14",
+    "vue-docgen-api": "^4.56.2",
+    "vue-router": "^3.6.5",
+    "vue-template-compiler": "^2.7.14"
+  },
+  "stylelint": {
+    "extends": [
+      "@web-utils/stylelint-config-scss"
+    ],
+    "rules": {
+      "max-nesting-depth": 6,
+      "at-rule-no-unknown": [
+        true,
+        {
+          "ignoreAtRules": [
+            "function",
+            "if",
+            "return",
+            "include",
+            "extend",
+            "mixin",
+            "else",
+            "while",
+            "for",
+            "use",
+            "each"
+          ]
+        }
+      ]
+    }
+  },
+  "eslintConfig": {
+    "root": true,
+    "env": {
+      "vue/setup-compiler-macros": true
+    },
+    "globals": {},
+    "parser": "vue-eslint-parser",
+    "parserOptions": {
+      "parser": "@typescript-eslint/parser",
+      "sourceType": "module",
+      "ecmaVersion": 2020,
+      "ecmaFeatures": {
+        "jsx": true
+      }
+    },
+    "extends": [
+      "@vue/typescript",
+      "plugin:vue/recommended"
+    ],
+    "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"
+        }
+      ]
+    }
+  }
+}

package/web-types.json

@@ -2,7 +2,7 @@
   "$schema": "https://json.schemastore.org/web-types",
   "framework": "vue",
   "name": "@web-utils/component",
-  "version": "2.0.3",
+  "version": "2.0.4",
   "contributions": {
     "html": {
       "description-markup": "markdown",
@@ -1545,6 +1545,14 @@
                 "type": "boolean"
               },
               "default": "true"
+            },
+            {
+              "name": "embed",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": ""
             }
           ],
           "events": [
@@ -7100,7 +7108,15 @@
                 "kind": "expression",
                 "type": "string"
               },
-              "default": "'https://www.baidu.com'"
+              "default": "'http://192.168.0.107:31221/wallboard'"
+            },
+            {
+              "name": "visible",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": ""
             }
           ]
         },