mrxy-yk 1.0.18 → 1.0.20

package/dist/components/echarts-canvas/EChartsCanvas.d.ts

@@ -7,15 +7,13 @@ type __VLS_Props = {
     resize?: boolean;
     theme?: 'default' | 'dark' | 'auto';
     option?: EChartsOption | EcBasicOption;
+    slotZIndex?: number;
 };
 declare function setOption(option: EChartsOption): void;
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
-        default?(_: {
-            style: {};
-            class: string;
-        }): any;
+        default?(_: {}): any;
     };
     refs: {
         chartRef: HTMLDivElement;
@@ -29,6 +27,7 @@ declare const __VLS_component: DefineComponent<__VLS_Props, {
 }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     resize: boolean;
     theme: "default" | "dark" | "auto";
+    slotZIndex: number;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {
     chartRef: HTMLDivElement;
 }, HTMLDivElement>;

package/dist/components/echarts-canvas/EChartsCanvas.vue.js

@@ -1,7 +1,7 @@
 import _sfc_main from "./EChartsCanvas.vue2.js";
 /* empty css                   */
 import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
-var EChartsCanvas = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-96596bfc"]]);
+var EChartsCanvas = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-8fcb59c3"]]);
 export {
   EChartsCanvas as default
 };

package/dist/components/echarts-canvas/EChartsCanvas.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent, shallowRef, onMounted, createElementBlock, openBlock, createBlock, createCommentVNode, createElementVNode, renderSlot, normalizeClass } from "vue";
+import { defineComponent, shallowRef, onMounted, createElementBlock, openBlock, createBlock, createCommentVNode, createElementVNode, normalizeClass, normalizeStyle, renderSlot } from "vue";
 import * as echarts from "echarts";
 import { EChartsUtil } from "../../utils/echarts/utils/index.js";
 import _sfc_main$1 from "../../element-plus/components/empty/Empty.vue.js";
@@ -11,7 +11,8 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     emptyHook: {},
     resize: { type: Boolean, default: true },
     theme: { default: "auto" },
-    option: {}
+    option: {},
+    slotZIndex: { default: 1 }
   },
   setup(__props, { expose: __expose }) {
     const props = __props;
@@ -56,7 +57,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", _hoisted_1, [
         props.emptyHook ? (openBlock(), createBlock(_sfc_main$1, {
           key: 0,
-          class: "position-absolute wh-100 container-size",
+          class: "position-absolute wh-100",
           hook: props.emptyHook
         }, null, 8, ["hook"])) : createCommentVNode("", true),
         createElementVNode("div", {
@@ -64,10 +65,12 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           ref: chartRef,
           class: normalizeClass(["echarts-canvas__inner", { "is-empty": props.emptyHook && !props.emptyHook?.isSUCCESS }])
         }, null, 2),
-        renderSlot(_ctx.$slots, "default", {
+        createElementVNode("div", {
           class: "position-absolute wh-100",
-          style: "top: 0;"
-        }, void 0, true)
+          style: normalizeStyle([{ "top": "0" }, { zIndex: props.slotZIndex }])
+        }, [
+          renderSlot(_ctx.$slots, "default", {}, void 0, true)
+        ], 4)
       ]);
     };
   }

package/dist/styles/index.css

@@ -1 +1 @@
-.position-anchor[data-v-b1fd5468]{position:absolute;width:0;height:0;display:flex}.position-anchor.position-anchor--center[data-v-b1fd5468]{justify-content:center;align-items:center}.position-anchor.position-anchor--top-left[data-v-b1fd5468]{justify-content:left;align-items:flex-start}.position-anchor.position-anchor--top-right[data-v-b1fd5468]{justify-content:right;align-items:flex-start}.position-anchor.position-anchor--bottom-left[data-v-b1fd5468]{justify-content:left;align-items:flex-end}.position-anchor.position-anchor--bottom-right[data-v-b1fd5468]{justify-content:right;align-items:flex-end}.position-anchor.position-anchor--bottom[data-v-b1fd5468]{justify-content:center;align-items:flex-end}.position-anchor.position-anchor--top[data-v-b1fd5468]{justify-content:center;align-items:flex-start}.position-anchor.position-anchor--right[data-v-b1fd5468]{justify-content:flex-end;align-items:center}.position-anchor.position-anchor--left[data-v-b1fd5468]{justify-content:flex-start;align-items:center}.yk-progress-ring[data-v-dc804153]{display:block}.yk-progress-ring circle[data-v-dc804153]{transform-box:fill-box;transform-origin:center;transition:all var(--duration) ease-in-out}.yk-adaptive-box .adaptive-box__body[data-v-e8305a54]{overflow:hidden;margin-left:auto;margin-right:auto}.yk-adaptive-box .adaptive-box__content[data-v-e8305a54]{transform-origin:left top;width:fit-content;--adaptive-height: initial}.yk-coordinate-pickup-autocomplete li{margin-bottom:8px}.yk-coordinate-pickup-autocomplete .autocomplete-subtitle{font-size:12px;color:var(--el-text-color-secondary);line-height:12px}.amap-content-body,.amap-content-body .amap-lib-infowindow{background:inherit}.yk-coordinate-pickup-form[data-v-50d6439a] .el-form-item{margin-right:16px}.coordinate-pickup[data-v-50d6439a]{height:50vh;min-height:400px;max-height:920px}.yk-drag-drop-box[data-v-382a0b07]{position:absolute}.yk-drag-drop-container .drag-drop-content[data-v-3f6ac8f9]{width:fit-content;height:fit-content}.yk-progress-bar[data-v-20c5ac2c]{position:relative;display:flex;align-items:center}.icon[data-v-b3bb1cc0]{color:#fff}.icon.is-active[data-v-b3bb1cc0]{color:#157edf}.yk-ys-video[data-v-fcc7df5f] .header-controls div:nth-child(2) .theme-icon-item{width:32px!important;display:flex;justify-content:center;align-items:center;padding-top:6px}.yk-ys-video[data-v-fcc7df5f] .header-controls div:nth-child(2) .theme-icon-item svg{height:48px!important;width:48px!important}.yk-ys-video[data-v-fcc7df5f] .header-controls div:nth-child(2) .theme-icon-item:last-child{padding-left:16px}.play-mask[data-v-fcc7df5f]{background-color:#626365;background-repeat:no-repeat;background-size:100% 100%;top:0;left:0}.play-mask .header[data-v-fcc7df5f]{height:20%;inset:0 auto auto 0;min-height:48px;background:linear-gradient(to bottom,#0008 0,#0006 30%,#0003 50%,#0000);padding:10px 8px;width:100%}.play-mask .header .title-box[data-v-fcc7df5f]{max-width:50%;height:48px}.yk-show-log[data-v-c861503e]{background:#fff;border-radius:5px;padding:10px;-webkit-user-select:none;user-select:none;box-shadow:0 2px 4px #ccc;min-width:150px}.yk-show-log.is-min[data-v-c861503e]{overflow:hidden}.yk-empty{position:relative}.yk-empty .empty-box_content{width:100%;height:100%}.yk-empty .empty-box_content.is-hide{opacity:0}.yk-empty .empty-box_error{width:100%;height:100%;position:absolute;z-index:5;display:flex;justify-content:center;align-items:center}.yk-empty .empty-box_error .el-empty{--el-empty-padding: 0}.yk-empty .empty-box_error .empty-box__image{opacity:var(--opacity);filter:hue-rotate(var(--hue-rotate))}.yk-echarts-canvas[data-v-96596bfc]{position:relative}.yk-echarts-canvas .echarts-canvas__inner[data-v-96596bfc]{width:100%;height:100%;position:absolute;z-index:2}.yk-echarts-canvas .echarts-canvas__inner.is-empty[data-v-96596bfc]{opacity:0}.yk-scroll-container[data-v-b353085e]{overflow:auto}.yk-scroll-container[data-v-b353085e]::-webkit-scrollbar{width:0;height:0}.yk-scroll-container .scroll-inner[data-v-b353085e]{display:flex;width:100%;flex-direction:column}[data-v-ae5f15a6] .el-pagination{--el-pagination-bg-color: transparent;--el-pagination-button-disabled-bg-color: transparent}.yk-table-pagination[data-v-ae5f15a6]{padding:16px 0 8px}.yk-upload-image[data-v-ed9c611a]{margin-bottom:-8px}.yk-upload-image.limit_is-max[data-v-ed9c611a] .el-upload-list--picture-card .el-upload--picture-card{display:none}.yk-upload-image[data-v-ed9c611a] .el-upload-list--picture-card .el-upload-list__item{width:var(--upload-size-w);height:var(--upload-size-h)}.yk-upload-image[data-v-ed9c611a] .el-upload-list--picture-card .el-upload-list__item.is-success:focus:not(:hover) .el-icon--close-tip{display:none!important}.yk-upload-image[data-v-ed9c611a] .el-upload-list--picture-card .el-upload-list__item.is-success:focus .el-upload-list__item-status-label{display:inline-flex;opacity:1}.yk-upload-image[data-v-ed9c611a] .el-upload-list--picture-card .el-upload--picture-card{margin-bottom:8px;width:var(--upload-size-w);height:var(--upload-size-h)}.yk-upload-files[data-v-3fae856c] .el-upload.is-drag{width:var(--upload-size-w);height:var(--upload-size-h)}.yk-upload-files[data-v-3fae856c] .el-upload .el-upload-dragger{padding:unset;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}.yk-upload-files[data-v-3fae856c] .el-upload-list,.yk-upload-file[data-v-d1245dee] .el-upload-list{margin:unset}.yk-images-box[data-v-68420d14]{display:flex;flex-wrap:wrap;gap:8px}.yk-images-box[data-v-68420d14] .el-image{width:var(--size-w);height:var(--size-h)}
+.position-anchor[data-v-b1fd5468]{position:absolute;width:0;height:0;display:flex}.position-anchor.position-anchor--center[data-v-b1fd5468]{justify-content:center;align-items:center}.position-anchor.position-anchor--top-left[data-v-b1fd5468]{justify-content:left;align-items:flex-start}.position-anchor.position-anchor--top-right[data-v-b1fd5468]{justify-content:right;align-items:flex-start}.position-anchor.position-anchor--bottom-left[data-v-b1fd5468]{justify-content:left;align-items:flex-end}.position-anchor.position-anchor--bottom-right[data-v-b1fd5468]{justify-content:right;align-items:flex-end}.position-anchor.position-anchor--bottom[data-v-b1fd5468]{justify-content:center;align-items:flex-end}.position-anchor.position-anchor--top[data-v-b1fd5468]{justify-content:center;align-items:flex-start}.position-anchor.position-anchor--right[data-v-b1fd5468]{justify-content:flex-end;align-items:center}.position-anchor.position-anchor--left[data-v-b1fd5468]{justify-content:flex-start;align-items:center}.yk-progress-ring[data-v-dc804153]{display:block}.yk-progress-ring circle[data-v-dc804153]{transform-box:fill-box;transform-origin:center;transition:all var(--duration) ease-in-out}.yk-adaptive-box .adaptive-box__body[data-v-e8305a54]{overflow:hidden;margin-left:auto;margin-right:auto}.yk-adaptive-box .adaptive-box__content[data-v-e8305a54]{transform-origin:left top;width:fit-content;--adaptive-height: initial}.yk-coordinate-pickup-autocomplete li{margin-bottom:8px}.yk-coordinate-pickup-autocomplete .autocomplete-subtitle{font-size:12px;color:var(--el-text-color-secondary);line-height:12px}.amap-content-body,.amap-content-body .amap-lib-infowindow{background:inherit}.yk-coordinate-pickup-form[data-v-50d6439a] .el-form-item{margin-right:16px}.coordinate-pickup[data-v-50d6439a]{height:50vh;min-height:400px;max-height:920px}.yk-drag-drop-box[data-v-382a0b07]{position:absolute}.yk-drag-drop-container .drag-drop-content[data-v-3f6ac8f9]{width:fit-content;height:fit-content}.yk-progress-bar[data-v-20c5ac2c]{position:relative;display:flex;align-items:center}.icon[data-v-b3bb1cc0]{color:#fff}.icon.is-active[data-v-b3bb1cc0]{color:#157edf}.yk-ys-video[data-v-fcc7df5f] .header-controls div:nth-child(2) .theme-icon-item{width:32px!important;display:flex;justify-content:center;align-items:center;padding-top:6px}.yk-ys-video[data-v-fcc7df5f] .header-controls div:nth-child(2) .theme-icon-item svg{height:48px!important;width:48px!important}.yk-ys-video[data-v-fcc7df5f] .header-controls div:nth-child(2) .theme-icon-item:last-child{padding-left:16px}.play-mask[data-v-fcc7df5f]{background-color:#626365;background-repeat:no-repeat;background-size:100% 100%;top:0;left:0}.play-mask .header[data-v-fcc7df5f]{height:20%;inset:0 auto auto 0;min-height:48px;background:linear-gradient(to bottom,#0008 0,#0006 30%,#0003 50%,#0000);padding:10px 8px;width:100%}.play-mask .header .title-box[data-v-fcc7df5f]{max-width:50%;height:48px}.yk-show-log[data-v-c861503e]{background:#fff;border-radius:5px;padding:10px;-webkit-user-select:none;user-select:none;box-shadow:0 2px 4px #ccc;min-width:150px}.yk-show-log.is-min[data-v-c861503e]{overflow:hidden}.yk-empty{position:relative}.yk-empty .empty-box_content{width:100%;height:100%}.yk-empty .empty-box_content.is-hide{opacity:0}.yk-empty .empty-box_error{width:100%;height:100%;position:absolute;z-index:5;display:flex;justify-content:center;align-items:center}.yk-empty .empty-box_error .el-empty{--el-empty-padding: 0}.yk-empty .empty-box_error .empty-box__image{opacity:var(--opacity);filter:hue-rotate(var(--hue-rotate))}.yk-echarts-canvas[data-v-8fcb59c3]{position:relative;container-type:size}.yk-echarts-canvas .echarts-canvas__inner[data-v-8fcb59c3]{width:100%;height:100%;position:absolute;z-index:2}.yk-echarts-canvas .echarts-canvas__inner.is-empty[data-v-8fcb59c3]{opacity:0}.yk-scroll-container[data-v-b353085e]{overflow:auto}.yk-scroll-container[data-v-b353085e]::-webkit-scrollbar{width:0;height:0}.yk-scroll-container .scroll-inner[data-v-b353085e]{display:flex;width:100%;flex-direction:column}[data-v-ae5f15a6] .el-pagination{--el-pagination-bg-color: transparent;--el-pagination-button-disabled-bg-color: transparent}.yk-table-pagination[data-v-ae5f15a6]{padding:16px 0 8px}.yk-upload-image[data-v-ed9c611a]{margin-bottom:-8px}.yk-upload-image.limit_is-max[data-v-ed9c611a] .el-upload-list--picture-card .el-upload--picture-card{display:none}.yk-upload-image[data-v-ed9c611a] .el-upload-list--picture-card .el-upload-list__item{width:var(--upload-size-w);height:var(--upload-size-h)}.yk-upload-image[data-v-ed9c611a] .el-upload-list--picture-card .el-upload-list__item.is-success:focus:not(:hover) .el-icon--close-tip{display:none!important}.yk-upload-image[data-v-ed9c611a] .el-upload-list--picture-card .el-upload-list__item.is-success:focus .el-upload-list__item-status-label{display:inline-flex;opacity:1}.yk-upload-image[data-v-ed9c611a] .el-upload-list--picture-card .el-upload--picture-card{margin-bottom:8px;width:var(--upload-size-w);height:var(--upload-size-h)}.yk-upload-files[data-v-3fae856c] .el-upload.is-drag{width:var(--upload-size-w);height:var(--upload-size-h)}.yk-upload-files[data-v-3fae856c] .el-upload .el-upload-dragger{padding:unset;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}.yk-upload-files[data-v-3fae856c] .el-upload-list,.yk-upload-file[data-v-d1245dee] .el-upload-list{margin:unset}.yk-images-box[data-v-68420d14]{display:flex;flex-wrap:wrap;gap:8px}.yk-images-box[data-v-68420d14] .el-image{width:var(--size-w);height:var(--size-h)}

package/dist/styles/tools/index.css

@@ -1278,6 +1278,86 @@
   padding-left: 48px !important;
 }
 
+.m-50 {
+  margin: 50px !important;
+}
+
+.p-50 {
+  padding: 50px !important;
+}
+
+.mt-50, .my-50 {
+  margin-top: 50px !important;
+}
+
+.pt-50, .py-50 {
+  padding-top: 50px !important;
+}
+
+.mr-50, .mx-50 {
+  margin-right: 50px !important;
+}
+
+.pr-50, .px-50 {
+  padding-right: 50px !important;
+}
+
+.mb-50, .my-50 {
+  margin-bottom: 50px !important;
+}
+
+.pb-50, .py-50 {
+  padding-bottom: 50px !important;
+}
+
+.ml-50, .mx-50 {
+  margin-left: 50px !important;
+}
+
+.pl-50, .px-50 {
+  padding-left: 50px !important;
+}
+
+.m-52 {
+  margin: 52px !important;
+}
+
+.p-52 {
+  padding: 52px !important;
+}
+
+.mt-52, .my-52 {
+  margin-top: 52px !important;
+}
+
+.pt-52, .py-52 {
+  padding-top: 52px !important;
+}
+
+.mr-52, .mx-52 {
+  margin-right: 52px !important;
+}
+
+.pr-52, .px-52 {
+  padding-right: 52px !important;
+}
+
+.mb-52, .my-52 {
+  margin-bottom: 52px !important;
+}
+
+.pb-52, .py-52 {
+  padding-bottom: 52px !important;
+}
+
+.ml-52, .mx-52 {
+  margin-left: 52px !important;
+}
+
+.pl-52, .px-52 {
+  padding-left: 52px !important;
+}
+
 .m-auto {
   margin: auto !important;
 }
@@ -2176,6 +2256,14 @@
   -webkit-box-orient: vertical;
 }
 
+.border-radius-full {
+  border-radius: 50%;
+}
+
+.aspect-ratio-1 {
+  aspect-ratio: 1/1;
+}
+
 .text-gradient {
   background-clip: text;
   -webkit-background-clip: text;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mrxy-yk",
-  "version": "1.0.18",
+  "version": "1.0.20",
   "private": false,
   "type": "module",
   "description": "A collection of Vue 3 components and utilities",

package/web-types.json

@@ -1,7 +1,7 @@
 {
   "framework": "vue",
   "name": "mrxy-yk",
-  "version": "1.0.18",
+  "version": "1.0.20",
   "js-types-syntax": "typescript",
   "contributions": {
     "html": {
@@ -501,6 +501,13 @@
                 "UseEmptyHooksExample"
               ],
               "description": "缺省组件Hook实例，可以直接拥有缺省功能"
+            },
+            {
+              "name": "slot-z-index",
+              "type": [
+                "number"
+              ],
+              "description": "插槽内容的z-index，默认是1"
             }
           ],
           "slots": [