mrxy-yk 1.1.8 → 1.1.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/dist/components/empty/Empty.vue.js +12 -14
  2. package/dist/components/empty/index.d.ts +0 -1
  3. package/dist/components/empty/index.js +1 -2
  4. package/dist/styles/index.css +1 -1
  5. package/package.json +1 -1
  6. package/web-types.json +1 -1
package/dist/components/empty/Empty.vue.js CHANGED
@@ -1,16 +1,15 @@
1
1
  import { ElLoadingDirective } from "element-plus/es";
2
- import { defineComponent, onMounted, ref, computed, watch, withDirectives, createElementBlock, openBlock, createCommentVNode, createElementVNode, unref, normalizeStyle, toDisplayString, renderSlot, normalizeClass } from "vue";
2
+ import { defineComponent, onMounted, ref, computed, watch, withDirectives, createElementBlock, openBlock, normalizeClass, unref, createCommentVNode, createElementVNode, normalizeStyle, toDisplayString, renderSlot } from "vue";
3
3
  import { ObjectUtil } from "../../utils/prototype/lib/ObjectUtil.js";
4
4
  import { EmptyStatusConfig } from "./config.js";
5
5
  import { EmptyStatusExtendConfig } from "../../config/index.js";
6
6
  import { EmptyGlobal } from "./index.js";
7
- const _hoisted_1 = { class: "yk-empty" };
8
- const _hoisted_2 = {
7
+ const _hoisted_1 = {
9
8
  key: 0,
10
9
  class: "empty_error"
11
10
  };
12
- const _hoisted_3 = { class: "empty__description" };
13
- const _hoisted_4 = { class: "empty__bottom" };
11
+ const _hoisted_2 = { class: "empty__description" };
12
+ const _hoisted_3 = { class: "empty__bottom" };
14
13
  var _sfc_main = /* @__PURE__ */ defineComponent({
15
14
  __name: "Empty",
16
15
  props: {
@@ -41,29 +40,28 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
41
40
  Object.assign(tempEmpty, state || {});
42
41
  }
43
42
  tempEmpty.type = emptyType;
44
- if (tempEmpty.hueRotate === void 0) tempEmpty.hueRotate = EmptyGlobal.emptyOption.hueRotate;
45
43
  currentEmpty.value = ObjectUtil.toJSON(tempEmpty);
46
44
  }
47
45
  const emptyImageStyle = computed(() => {
48
46
  const empty = currentEmpty.value;
49
47
  return {
50
48
  "--yk-empty-image-size": `${props.imageSize}px`,
51
- "--yk-empty-image-hue-rotate": `${empty.hueRotate || 0}deg`,
52
- "--yk-empty-image-opacity": `${empty.hueRotate ? 0.9 : 1}`,
53
- "--yk-empty-image-url": `var(--yk-empty-${empty.type}, url('${empty.src}'))`
49
+ "background-image": `var(--yk-empty-image-url, url('${empty.src}'))`
54
50
  };
55
51
  });
56
52
  watch(() => props.hook.state.value, updateStatus, { deep: true });
57
53
  return (_ctx, _cache) => {
58
54
  const _directive_loading = ElLoadingDirective;
59
- return withDirectives((openBlock(), createElementBlock("div", _hoisted_1, [
60
- unref(isShowEmpty) ? (openBlock(), createElementBlock("div", _hoisted_2, [
55
+ return withDirectives((openBlock(), createElementBlock("div", {
56
+ class: normalizeClass(["yk-empty", [`yk-empty--${unref(currentEmpty).type}`]])
57
+ }, [
58
+ unref(isShowEmpty) ? (openBlock(), createElementBlock("div", _hoisted_1, [
61
59
  createElementVNode("div", {
62
60
  class: "empty__image",
63
61
  style: normalizeStyle(unref(emptyImageStyle))
64
62
  }, null, 4),
65
- createElementVNode("div", _hoisted_3, toDisplayString(unref(currentEmpty).description), 1),
66
- createElementVNode("div", _hoisted_4, [
63
+ createElementVNode("div", _hoisted_2, toDisplayString(unref(currentEmpty).description), 1),
64
+ createElementVNode("div", _hoisted_3, [
67
65
  renderSlot(_ctx.$slots, "footer", {
68
66
  type: unref(currentEmpty).type
69
67
  })
@@ -74,7 +72,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
74
72
  }, [
75
73
  renderSlot(_ctx.$slots, "default")
76
74
  ], 2)
77
- ])), [
75
+ ], 2)), [
78
76
  [_directive_loading, unref(currentEmpty).type === "LOADING"]
79
77
  ]);
80
78
  };
package/dist/components/empty/index.d.ts CHANGED
@@ -7,6 +7,5 @@ export declare const EmptyGlobal: {
7
7
  };
8
8
  emptyOption: {
9
9
  type: EmptyType;
10
- hueRotate: number;
11
10
  };
12
11
  };
package/dist/components/empty/index.js CHANGED
@@ -5,8 +5,7 @@ const EmptyGlobal = {
5
5
  }
6
6
  },
7
7
  emptyOption: {
8
- type: null,
9
- hueRotate: null
8
+ type: null
10
9
  }
11
10
  };
12
11
  export {
package/dist/styles/index.css CHANGED
@@ -1 +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-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)}
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-image-opacity: 1;--yk-empty-image-hue-rotate: 0deg}.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-repeat:no-repeat;background-position:center;background-size:contain;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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "mrxy-yk",
3
- "version": "1.1.8",
3
+ "version": "1.1.10",
4
4
  "private": false,
5
5
  "type": "module",
6
6
  "description": "A collection of Vue 3 components and utilities",
package/web-types.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "framework": "vue",
3
3
  "name": "mrxy-yk",
4
- "version": "1.1.8",
4
+ "version": "1.1.10",
5
5
  "js-types-syntax": "typescript",
6
6
  "contributions": {
7
7
  "html": {