@element-plus/nightly 0.0.20231231 → 0.0.20240101

package/lib/components/tour/src/mask2.js

@@ -2,27 +2,120 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../../utils/index.js');
-var runtime = require('../../../utils/vue/props/runtime.js');
+var vue = require('vue');
+require('../../../hooks/index.js');
+var mask = require('./mask.js');
+var helper = require('./helper.js');
+var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
+var index = require('../../../hooks/use-id/index.js');
+var index$1 = require('../../../hooks/use-lockscreen/index.js');
 
-const maskProps = runtime.buildProps({
-  zIndex: {
-    type: Number,
-    default: 1001
-  },
-  visible: Boolean,
-  fill: {
-    type: String,
-    default: "rgba(0,0,0,0.5)"
-  },
-  pos: {
-    type: runtime.definePropType(Object)
-  },
-  targetAreaClickable: {
-    type: Boolean,
-    default: true
+const _hoisted_1 = { style: {
+  width: "100%",
+  height: "100%"
+} };
+const _hoisted_2 = /* @__PURE__ */ vue.createElementVNode("rect", {
+  x: "0",
+  y: "0",
+  width: "100vw",
+  height: "100vh",
+  fill: "white"
+}, null, -1);
+const _hoisted_3 = ["x", "y", "rx", "width", "height"];
+const _hoisted_4 = ["fill", "mask"];
+const _hoisted_5 = ["height"];
+const _hoisted_6 = ["width"];
+const _hoisted_7 = ["y", "height"];
+const _hoisted_8 = ["x", "width"];
+const __default__ = vue.defineComponent({
+  name: "ElTourMask",
+  inheritAttrs: false
+});
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
+  props: mask.maskProps,
+  setup(__props) {
+    const props = __props;
+    const { ns } = vue.inject(helper.tourKey);
+    const id = index.useId();
+    const maskId = `el-tour-mask-${id.value}`;
+    index$1.useLockscreen(vue.toRef(props, "visible"), {
+      ns
+    });
+    const COVER_PROPS = {
+      fill: "transparent",
+      "pointer-events": "auto"
+    };
+    return (_ctx, _cache) => {
+      return _ctx.visible ? (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
+        key: 0,
+        class: vue.unref(ns).e("mask"),
+        style: {
+          position: "fixed",
+          left: 0,
+          right: 0,
+          top: 0,
+          bottom: 0,
+          zIndex: _ctx.zIndex,
+          pointerEvents: _ctx.pos && _ctx.targetAreaClickable ? "none" : "auto"
+        }
+      }, _ctx.$attrs), [
+        (vue.openBlock(), vue.createElementBlock("svg", _hoisted_1, [
+          vue.createElementVNode("defs", null, [
+            vue.createElementVNode("mask", { id: maskId }, [
+              _hoisted_2,
+              _ctx.pos ? (vue.openBlock(), vue.createElementBlock("rect", {
+                key: 0,
+                class: vue.normalizeClass(vue.unref(ns).e("hollow")),
+                x: _ctx.pos.left,
+                y: _ctx.pos.top,
+                rx: _ctx.pos.radius,
+                width: _ctx.pos.width,
+                height: _ctx.pos.height,
+                fill: "black"
+              }, null, 10, _hoisted_3)) : vue.createCommentVNode("v-if", true)
+            ])
+          ]),
+          vue.createElementVNode("rect", {
+            x: "0",
+            y: "0",
+            width: "100%",
+            height: "100%",
+            fill: _ctx.fill,
+            mask: `url(#${maskId})`
+          }, null, 8, _hoisted_4),
+          _ctx.pos ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
+            vue.createElementVNode("rect", vue.mergeProps(COVER_PROPS, {
+              x: "0",
+              y: "0",
+              width: "100%",
+              height: _ctx.pos.top
+            }), null, 16, _hoisted_5),
+            vue.createElementVNode("rect", vue.mergeProps(COVER_PROPS, {
+              x: "0",
+              y: "0",
+              width: _ctx.pos.left,
+              height: "100%"
+            }), null, 16, _hoisted_6),
+            vue.createElementVNode("rect", vue.mergeProps(COVER_PROPS, {
+              x: "0",
+              y: _ctx.pos.top + _ctx.pos.height,
+              width: "100%",
+              height: `calc(100vh - ${_ctx.pos.top + _ctx.pos.height}px)`
+            }), null, 16, _hoisted_7),
+            vue.createElementVNode("rect", vue.mergeProps(COVER_PROPS, {
+              x: _ctx.pos.left + _ctx.pos.width,
+              y: "0",
+              width: `calc(100vw - ${_ctx.pos.left + _ctx.pos.width}px)`,
+              height: "100%"
+            }), null, 16, _hoisted_8)
+          ], 64)) : vue.createCommentVNode("v-if", true)
+        ]))
+      ], 16)) : vue.createCommentVNode("v-if", true);
+    };
   }
 });
+var ElTourMask = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "mask.vue"]]);
 
-exports.maskProps = maskProps;
+exports["default"] = ElTourMask;
 //# sourceMappingURL=mask2.js.map

package/lib/components/tour/src/mask2.js.map

@@ -1 +1 @@
-{"version":3,"file":"mask2.js","sources":["../../../../../../packages/components/tour/src/mask.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils'\nimport type { ExtractPropTypes } from 'vue'\nimport type { PosInfo } from './types'\n\nexport const maskProps = buildProps({\n  /**\n   * @description mask's zIndex\n   */\n  zIndex: {\n    type: Number,\n    default: 1001,\n  },\n  /**\n   * @description whether to show the mask\n   */\n  visible: Boolean,\n  /**\n   * @description mask's fill\n   */\n  fill: {\n    type: String,\n    default: 'rgba(0,0,0,0.5)',\n  },\n  /***\n   * @description mask's transparent space position\n   */\n  pos: {\n    type: definePropType<PosInfo | null>(Object),\n  },\n  /**\n   * @description whether the target element can be clickable, when using mask\n   */\n  targetAreaClickable: {\n    type: Boolean,\n    default: true,\n  },\n})\n\nexport type MaskProps = ExtractPropTypes<typeof maskProps>\n"],"names":["buildProps","definePropType"],"mappings":";;;;;;;AACY,MAAC,SAAS,GAAGA,kBAAU,CAAC;AACpC,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,OAAO,EAAE,OAAO;AAClB,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,iBAAiB;AAC9B,GAAG;AACH,EAAE,GAAG,EAAE;AACP,IAAI,IAAI,EAAEC,sBAAc,CAAC,MAAM,CAAC;AAChC,GAAG;AACH,EAAE,mBAAmB,EAAE;AACvB,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,CAAC;;;;"}
+{"version":3,"file":"mask2.js","sources":["../../../../../../packages/components/tour/src/mask.vue"],"sourcesContent":["<template>\n  <div\n    v-if=\"visible\"\n    :class=\"ns.e('mask')\"\n    :style=\"({\n      position: 'fixed',\n      left: 0,\n      right: 0,\n      top: 0,\n      bottom: 0,\n      zIndex,\n      pointerEvents: pos && targetAreaClickable ? 'none' : 'auto',\n    } as any)\"\n    v-bind=\"$attrs\"\n  >\n    <svg\n      :style=\"{\n        width: '100%',\n        height: '100%',\n      }\"\n    >\n      <defs>\n        <mask :id=\"maskId\">\n          <rect x=\"0\" y=\"0\" width=\"100vw\" height=\"100vh\" fill=\"white\" />\n          <rect\n            v-if=\"pos\"\n            :class=\"ns.e('hollow')\"\n            :x=\"pos.left\"\n            :y=\"pos.top\"\n            :rx=\"pos.radius\"\n            :width=\"pos.width\"\n            :height=\"pos.height\"\n            fill=\"black\"\n          />\n        </mask>\n      </defs>\n      <rect\n        x=\"0\"\n        y=\"0\"\n        width=\"100%\"\n        height=\"100%\"\n        :fill=\"fill\"\n        :mask=\"`url(#${maskId})`\"\n      />\n      <template v-if=\"pos\">\n        <rect v-bind=\"COVER_PROPS\" x=\"0\" y=\"0\" width=\"100%\" :height=\"pos.top\" />\n        <rect\n          v-bind=\"COVER_PROPS\"\n          x=\"0\"\n          y=\"0\"\n          :width=\"pos.left\"\n          height=\"100%\"\n        />\n        <rect\n          v-bind=\"COVER_PROPS\"\n          x=\"0\"\n          :y=\"pos.top + pos.height\"\n          width=\"100%\"\n          :height=\"`calc(100vh - ${pos.top + pos.height}px)`\"\n        />\n        <rect\n          v-bind=\"COVER_PROPS\"\n          :x=\"pos.left + pos.width\"\n          y=\"0\"\n          :width=\"`calc(100vw - ${pos.left + pos.width}px)`\"\n          height=\"100%\"\n        />\n      </template>\n    </svg>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { inject, toRef } from 'vue'\nimport { useId, useLockscreen } from '@element-plus/hooks'\nimport { maskProps } from './mask'\nimport { tourKey } from './helper'\n\ndefineOptions({\n  name: 'ElTourMask',\n  inheritAttrs: false,\n})\n\nconst props = defineProps(maskProps)\n\nconst { ns } = inject(tourKey)!\n\nconst id = useId()\nconst maskId = `el-tour-mask-${id.value}`\n\nuseLockscreen(toRef(props, 'visible'), {\n  ns,\n})\n\nconst COVER_PROPS = {\n  fill: 'transparent',\n  'pointer-events': 'auto',\n}\n</script>\n"],"names":["inject","tourKey","useId","useLockscreen","toRef"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;uCA8Ec,CAAA;AAAA,EACZ,IAAM,EAAA,YAAA;AAAA,EACN,YAAc,EAAA,KAAA;AAChB,CAAA,CAAA,CAAA;;;;;;AAIA,IAAM,MAAA,EAAE,EAAO,EAAA,GAAAA,UAAA,CAAOC,cAAO,CAAA,CAAA;AAE7B,IAAA,MAAM,KAAKC,WAAM,EAAA,CAAA;AACjB,IAAM,MAAA,MAAA,GAAS,gBAAgB,EAAG,CAAA,KAAA,CAAA,CAAA,CAAA;AAElC,IAAcC,qBAAA,CAAAC,SAAA,CAAM,KAAO,EAAA,SAAS,CAAG,EAAA;AAAA,MACrC,EAAA;AAAA,KACD,CAAA,CAAA;AAED,IAAA,MAAM,WAAc,GAAA;AAAA,MAClB,IAAM,EAAA,aAAA;AAAA,MACN,gBAAkB,EAAA,MAAA;AAAA,KACpB,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/tour/src/tour2.js

@@ -6,7 +6,7 @@ var vue = require('vue');
 var core = require('@vueuse/core');
 require('../../../hooks/index.js');
 require('../../../utils/index.js');
-var mask = require('./mask.js');
+var mask = require('./mask2.js');
 var content = require('./content2.js');
 var steps = require('./steps.js');
 var tour = require('./tour.js');

package/lib/version.d.ts

@@ -1 +1 @@
-export declare const version = "0.0.20231231";
+export declare const version = "0.0.20240101";

package/lib/version.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const version = "0.0.20231231";
+const version = "0.0.20240101";
 
 exports.version = version;
 //# sourceMappingURL=version.js.map

package/lib/version.js.map

@@ -1 +1 @@
-{"version":3,"file":"version.js","sources":["../../../packages/element-plus/version.ts"],"sourcesContent":["export const version = '0.0.20231231'\n"],"names":[],"mappings":";;;;AAAY,MAAC,OAAO,GAAG;;;;"}
+{"version":3,"file":"version.js","sources":["../../../packages/element-plus/version.ts"],"sourcesContent":["export const version = '0.0.20240101'\n"],"names":[],"mappings":";;;;AAAY,MAAC,OAAO,GAAG;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@element-plus/nightly",
-  "version": "0.0.20231231",
+  "version": "0.0.20240101",
   "description": "A Component Library for Vue 3",
   "keywords": [
     "element-plus",
@@ -112,5 +112,5 @@
     "not ie 11",
     "not op_mini all"
   ],
-  "gitHead": "b12923530a4af05ccddd4f7bba7b74a3e0aa9997"
+  "gitHead": "668a6b00b19311b177bda711072126eec659c76e"
 }