mrxy-yk 1.1.6 → 1.1.8

package/dist/components/empty/Empty.vue.js

@@ -48,9 +48,9 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       const empty = currentEmpty.value;
       return {
         "--yk-empty-image-size": `${props.imageSize}px`,
-        "--hue-rotate": `${empty.hueRotate || 0}deg`,
-        "opacity": `${empty.hueRotate ? 0.9 : 1}`,
-        "--yk-empty-image": `var(--yk-empty-${empty.type}, url('${empty.src}'))`
+        "--yk-empty-image-hue-rotate": `${empty.hueRotate || 0}deg`,
+        "--yk-empty-image-opacity": `${empty.hueRotate ? 0.9 : 1}`,
+        "--yk-empty-image-url": `var(--yk-empty-${empty.type}, url('${empty.src}'))`
       };
     });
     watch(() => props.hook.state.value, updateStatus, { deep: true });

package/dist/styles/index.css

@@ -1 +1 @@
-.yk-position-anchor{position:absolute;width:0;height:0;display:flex}.yk-position-anchor.position-anchor--center{justify-content:center;align-items:center}.yk-position-anchor.position-anchor--top-left{justify-content:left;align-items:flex-start}.yk-position-anchor.position-anchor--top-right{justify-content:right;align-items:flex-start}.yk-position-anchor.position-anchor--bottom-left{justify-content:left;align-items:flex-end}.yk-position-anchor.position-anchor--bottom-right{justify-content:right;align-items:flex-end}.yk-position-anchor.position-anchor--bottom{justify-content:center;align-items:flex-end}.yk-position-anchor.position-anchor--top{justify-content:center;align-items:flex-start}.yk-position-anchor.position-anchor--right{justify-content:flex-end;align-items:center}.yk-position-anchor.position-anchor--left{justify-content:flex-start;align-items:center}.yk-progress-ring{display:block}.yk-progress-ring circle{transform-box:fill-box;transform-origin:center;transition:all var(--duration) ease-in-out}.yk-adaptive-box .adaptive-box__body{overflow:hidden;margin-left:auto;margin-right:auto}.yk-adaptive-box .adaptive-box__content{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}.yk-coordinate-pickup-form .el-form-item{margin-right:16px}.coordinate-pickup{height:50vh;min-height:400px;max-height:920px}.amap-content-body,.amap-content-body .amap-lib-infowindow{background:inherit}.yk-drag-drop-box{position:absolute}.yk-drag-drop-container .drag-drop-content{width:fit-content;height:fit-content}.yk-progress-bar{position:relative;display:flex;align-items:center}.yk-ys-video .icon--replay{color:#fff}.yk-ys-video .icon--replay.is-active{color:#157edf}.yk-ys-video .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 .header-controls div:nth-child(2) .theme-icon-item svg{height:48px!important;width:48px!important}.yk-ys-video .header-controls div:nth-child(2) .theme-icon-item:last-child{padding-left:16px}.yk-ys-video .play-mask{background-color:#626365;background-repeat:no-repeat;background-size:100% 100%;top:0;left:0}.yk-ys-video .play-mask .header{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%}.yk-ys-video .play-mask .header .title-box{max-width:50%;height:48px}.yk-show-log{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{overflow:hidden}.yk-empty{position:relative;--yk-empty-description-font-size: var(--el-font-size-base, 14px);--yk-empty-description-color: var(--el-text-color-secondary, #909399);--yk-empty-description-margin-top: var(--el-empty-description-margin-top, 20px);--yk-empty-bottom-margin-top: var(--el-empty-bottom-margin-top, 20px)}.yk-empty .empty_content{width:100%;height:100%}.yk-empty .empty_content.is-hide{opacity:0}.yk-empty .empty_error{width:100%;height:100%;position:absolute;z-index:5;display:flex;flex-direction:column;justify-content:center;align-items:center}.yk-empty .empty_error .empty__image{background:var(--yk-empty-image);background-size:cover;width:var(--yk-empty-image-size);height:var(--yk-empty-image-size);opacity:var(--opacity);filter:hue-rotate(var(--hue-rotate))}.yk-empty .empty_error .empty__description{font-size:var(--yk-empty-description-font-size);color:var(--yk-empty-description-color);margin-top:var(--yk-empty-description-margin-top)}.yk-empty .empty_error .empty__bottom{margin-top:var(--yk-empty-bottom-margin-top)}.yk-echarts-canvas{position:relative;container-type:size}.yk-echarts-canvas .echarts-canvas__inner{width:100%;height:100%;position:absolute;z-index:2}.yk-echarts-canvas .echarts-canvas__inner.is-empty{opacity:0}.yk-scroll-container{overflow:auto}.yk-scroll-container::-webkit-scrollbar{width:0;height:0}.yk-scroll-container .scroll-inner{display:flex;width:100%;flex-direction:column}.yk-pagination{padding:16px 0 8px}.yk-pagination .el-pagination{--el-pagination-bg-color: transparent;--el-pagination-button-disabled-bg-color: transparent}.yk-upload-image{margin-bottom:-8px}.yk-upload-image.limit_is-max .el-upload-list--picture-card .el-upload--picture-card{display:none}.yk-upload-image .el-upload-list--picture-card .el-upload-list__item{width:var(--upload-size-w);height:var(--upload-size-h)}.yk-upload-image .el-upload-list--picture-card .el-upload-list__item.is-success:focus:not(:hover) .el-icon--close-tip{display:none!important}.yk-upload-image .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 .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 .el-upload.is-drag{width:var(--upload-size-w);height:var(--upload-size-h)}.yk-upload-files .el-upload .el-upload-dragger{padding:unset;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}.yk-upload-files .el-upload-list{margin:unset}.yk-upload-file :deep(.el-upload-list){margin:unset}.yk-images{display:flex;flex-wrap:wrap;gap:8px}.yk-images :deep(.el-image){width:var(--size-w);height:var(--size-h)}
+.yk-position-anchor{position:absolute;width:0;height:0;display:flex}.yk-position-anchor.position-anchor--center{justify-content:center;align-items:center}.yk-position-anchor.position-anchor--top-left{justify-content:left;align-items:flex-start}.yk-position-anchor.position-anchor--top-right{justify-content:right;align-items:flex-start}.yk-position-anchor.position-anchor--bottom-left{justify-content:left;align-items:flex-end}.yk-position-anchor.position-anchor--bottom-right{justify-content:right;align-items:flex-end}.yk-position-anchor.position-anchor--bottom{justify-content:center;align-items:flex-end}.yk-position-anchor.position-anchor--top{justify-content:center;align-items:flex-start}.yk-position-anchor.position-anchor--right{justify-content:flex-end;align-items:center}.yk-position-anchor.position-anchor--left{justify-content:flex-start;align-items:center}.yk-progress-ring{display:block}.yk-progress-ring circle{transform-box:fill-box;transform-origin:center;transition:all var(--duration) ease-in-out}.yk-adaptive-box .adaptive-box__body{overflow:hidden;margin-left:auto;margin-right:auto}.yk-adaptive-box .adaptive-box__content{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}.yk-coordinate-pickup-form .el-form-item{margin-right:16px}.coordinate-pickup{height:50vh;min-height:400px;max-height:920px}.amap-content-body,.amap-content-body .amap-lib-infowindow{background:inherit}.yk-drag-drop-box{position:absolute}.yk-drag-drop-container .drag-drop-content{width:fit-content;height:fit-content}.yk-progress-bar{position:relative;display:flex;align-items:center}.yk-ys-video .icon--replay{color:#fff}.yk-ys-video .icon--replay.is-active{color:#157edf}.yk-ys-video .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 .header-controls div:nth-child(2) .theme-icon-item svg{height:48px!important;width:48px!important}.yk-ys-video .header-controls div:nth-child(2) .theme-icon-item:last-child{padding-left:16px}.yk-ys-video .play-mask{background-color:#626365;background-repeat:no-repeat;background-size:100% 100%;top:0;left:0}.yk-ys-video .play-mask .header{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%}.yk-ys-video .play-mask .header .title-box{max-width:50%;height:48px}.yk-show-log{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{overflow:hidden}.yk-empty{position:relative;--yk-empty-description-font-size: var(--el-font-size-base, 14px);--yk-empty-description-color: var(--el-text-color-secondary, #909399);--yk-empty-description-margin-top: var(--el-empty-description-margin-top, 20px);--yk-empty-bottom-margin-top: var(--el-empty-bottom-margin-top, 20px)}.yk-empty .empty_content{width:100%;height:100%}.yk-empty .empty_content.is-hide{opacity:0}.yk-empty .empty_error{width:100%;height:100%;position:absolute;z-index:5;display:flex;flex-direction:column;justify-content:center;align-items:center}.yk-empty .empty_error .empty__image{background:var(--yk-empty-image-url);background-size:cover;width:var(--yk-empty-image-size);height:var(--yk-empty-image-size);opacity:var(--yk-empty-image-opacity);filter:hue-rotate(var(--yk-empty-image-hue-rotate))}.yk-empty .empty_error .empty__description{font-size:var(--yk-empty-description-font-size);color:var(--yk-empty-description-color);margin-top:var(--yk-empty-description-margin-top)}.yk-empty .empty_error .empty__bottom{margin-top:var(--yk-empty-bottom-margin-top)}.yk-echarts-canvas{position:relative;container-type:size}.yk-echarts-canvas .echarts-canvas__inner{width:100%;height:100%;position:absolute;z-index:2}.yk-echarts-canvas .echarts-canvas__inner.is-empty{opacity:0}.yk-scroll-container{overflow:auto}.yk-scroll-container::-webkit-scrollbar{width:0;height:0}.yk-scroll-container .scroll-inner{display:flex;width:100%;flex-direction:column}.yk-pagination{padding:16px 0 8px}.yk-pagination .el-pagination{--el-pagination-bg-color: transparent;--el-pagination-button-disabled-bg-color: transparent}.yk-upload-image{margin-bottom:-8px}.yk-upload-image.limit_is-max .el-upload-list--picture-card .el-upload--picture-card{display:none}.yk-upload-image .el-upload-list--picture-card .el-upload-list__item{width:var(--upload-size-w);height:var(--upload-size-h)}.yk-upload-image .el-upload-list--picture-card .el-upload-list__item.is-success:focus:not(:hover) .el-icon--close-tip{display:none!important}.yk-upload-image .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 .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 .el-upload.is-drag{width:var(--upload-size-w);height:var(--upload-size-h)}.yk-upload-files .el-upload .el-upload-dragger{padding:unset;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}.yk-upload-files .el-upload-list{margin:unset}.yk-upload-file :deep(.el-upload-list){margin:unset}.yk-images{display:flex;flex-wrap:wrap;gap:8px}.yk-images :deep(.el-image){width:var(--size-w);height:var(--size-h)}

package/global.d.ts

@@ -16,13 +16,13 @@ declare module 'vue' {
     YkScrollContainer: typeof import('mrxy-yk/components')['ScrollContainer']
     YkElDatePicker: typeof import('mrxy-yk/components')['ElDatePicker']
     YkExportLink: typeof import('mrxy-yk/components')['ExportLink']
+    YkEmpty: typeof import('mrxy-yk/components')['Empty']
 
     YkElFormDialog: typeof import('mrxy-yk/components')['ElFormDialog']
     YkElPagination: typeof import('mrxy-yk/components')['ElPagination']
     YkElUploadImages: typeof import('mrxy-yk/components')['ElUploadImages']
     YkElUploadFiles: typeof import('mrxy-yk/components')['ElUploadFiles']
     YkElSelectFile: typeof import('mrxy-yk/components')['ElSelectFile']
-    YkElEmpty: typeof import('mrxy-yk/components')['ElEmpty']
     YkElImages: typeof import('mrxy-yk/components')['ElImages']
     YkElTableColumn: typeof import('mrxy-yk/components')['ElTableColumn']
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mrxy-yk",
-  "version": "1.1.6",
+  "version": "1.1.8",
   "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.1.6",
+  "version": "1.1.8",
   "js-types-syntax": "typescript",
   "contributions": {
     "html": {
@@ -590,6 +590,54 @@
             }
           ]
         },
+        {
+          "name": "YkEmpty",
+          "source": {
+            "symbol": "Empty",
+            "module": "mrxy-yk/element-plus/components"
+          },
+          "description": "缺省图组件，用来显示当前内容的异常时的缺省状态。帮助你更便捷的使用各个缺省状态",
+          "doc-url": "https://gitee.com/cscake/mrxy-yk/blob/master/doc/components/Empty.md",
+          "props": [
+            {
+              "name": "hook",
+              "type": [
+                "UseEmptyHooksExample"
+              ],
+              "description": "[必填]当前EmptyBox的显示状态"
+            },
+            {
+              "name": "image-size",
+              "type": [
+                "number"
+              ],
+              "description": "图片大小"
+            },
+            {
+              "name": "empty-class",
+              "type": [
+                "string"
+              ],
+              "description": "自定义类样式"
+            },
+            {
+              "name": "empty-style",
+              "type": [
+                "string"
+              ],
+              "description": "自定义样式"
+            }
+          ],
+          "slots": [
+            {
+              "name": "default"
+            },
+            {
+              "name": "footer",
+              "type": "{ type: string }"
+            }
+          ]
+        },
         {
           "name": "YkElFormDialog",
           "source": {
@@ -1070,50 +1118,6 @@
             }
           ]
         },
-        {
-          "name": "YkElEmpty",
-          "source": {
-            "symbol": "ElEmpty",
-            "module": "mrxy-yk/element-plus/components"
-          },
-          "description": "基于el-empty组件优化得来的缺省图组件，用来显示当前内容的异常时的缺省状态。组件中提供了枚举EmptyEnum，帮助你更便捷的使用各个缺省状态",
-          "doc-url": "https://gitee.com/cscake/mrxy-yk/blob/master/doc/element-plus/components/Empty.md",
-          "props": [
-            {
-              "name": "hook",
-              "type": [
-                "UseEmptyHooksExample"
-              ],
-              "description": "[必填]当前EmptyBox的显示状态"
-            },
-            {
-              "name": "image-size",
-              "type": [
-                "number"
-              ],
-              "description": "图片大小"
-            },
-            {
-              "name": "empty-class",
-              "type": [
-                "string"
-              ],
-              "description": "自定义类样式"
-            },
-            {
-              "name": "empty-style",
-              "type": [
-                "string"
-              ],
-              "description": "自定义样式"
-            }
-          ],
-          "slots": [
-            {
-              "name": "default"
-            }
-          ]
-        },
         {
           "name": "YkElImages",
           "source": {