mrxy-yk 1.13.9 → 1.14.0
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.
- package/dist/components/index.d.ts +1 -0
- package/dist/components/index.js +3 -1
- package/dist/components/object-fit-box/ObjectFitBox.d.ts +22 -0
- package/dist/components/object-fit-box/ObjectFitBox.vue.js +7 -0
- package/dist/components/object-fit-box/ObjectFitBox.vue.setup.js +133 -0
- package/dist/styles/index.css +1 -1
- package/package.json +1 -1
- package/web-types.json +24 -1
|
@@ -16,4 +16,5 @@ export { default as RefreshIcon } from './refresh-icon/RefreshIcon';
|
|
|
16
16
|
export { default as SortIcon } from './sort-icon/SortIcon';
|
|
17
17
|
export { default as HotFormTable } from './form-table/FormTable';
|
|
18
18
|
export { default as HotFormTableColumn } from './form-table/FormTableColumn';
|
|
19
|
+
export { default as ObjectFitBox } from './object-fit-box/ObjectFitBox';
|
|
19
20
|
export * from '../element-plus/components';
|
package/dist/components/index.js
CHANGED
|
@@ -17,6 +17,7 @@ import RefreshIcon_default from "./refresh-icon/RefreshIcon.vue.js";
|
|
|
17
17
|
import SortIcon_default from "./sort-icon/SortIcon.vue.js";
|
|
18
18
|
import FormTable_default from "./form-table/FormTable.vue.js";
|
|
19
19
|
import FormTableColumn_default from "./form-table/FormTableColumn.vue.js";
|
|
20
|
+
import ObjectFitBox_default from "./object-fit-box/ObjectFitBox.vue.js";
|
|
20
21
|
import DatePicker_default from "../element-plus/components/date-picker/DatePicker.vue.js";
|
|
21
22
|
import FormDialog_default from "../element-plus/components/form-dialog/FormDialog.vue.js";
|
|
22
23
|
import Pagination_default from "../element-plus/components/pagination/Pagination.vue.js";
|
|
@@ -49,6 +50,7 @@ var components_exports = /* @__PURE__ */ __exportAll({
|
|
|
49
50
|
HotFormTable: () => FormTable_default,
|
|
50
51
|
HotFormTableColumn: () => FormTableColumn_default,
|
|
51
52
|
InBody: () => InBody_default,
|
|
53
|
+
ObjectFitBox: () => ObjectFitBox_default,
|
|
52
54
|
PositionAnchor: () => PositionAnchor_default,
|
|
53
55
|
ProgressBar: () => ProgressBar_default,
|
|
54
56
|
ProgressRing: () => ProgressRing_default,
|
|
@@ -59,4 +61,4 @@ var components_exports = /* @__PURE__ */ __exportAll({
|
|
|
59
61
|
YsVideo: () => YsVideo_default
|
|
60
62
|
});
|
|
61
63
|
//#endregion
|
|
62
|
-
export { AdaptiveBox_default as AdaptiveBox, CoordinatePickup_default as CoordinatePickup, DragDropBox_default as DragDropBox, DragDropContainer_default as DragDropContainer, EChartsCanvas_default as EChartsCanvas, DatePicker_default as ElDatePicker, FormDialog_default as ElFormDialog, Images_default as ElImages, Pagination_default as ElPagination, SelectFile_default as ElSelectFile, TableColumn_default as ElTableColumn, TableColumnManager_default as ElTableColumnManager, TableColumnManagerSettings_default as ElTableColumnManagerSettings, UploadFiles_default as ElUploadFiles, UploadImages_default as ElUploadImages, Empty_default as Empty, ExportLink_default as ExportLink, FormTable_default as HotFormTable, FormTableColumn_default as HotFormTableColumn, InBody_default as InBody, PositionAnchor_default as PositionAnchor, ProgressBar_default as ProgressBar, ProgressRing_default as ProgressRing, RefreshIcon_default as RefreshIcon, ScrollContainer_default as ScrollContainer, ShowLog_default as ShowLog, SortIcon_default as SortIcon, YsVideo_default as YsVideo, components_exports };
|
|
64
|
+
export { AdaptiveBox_default as AdaptiveBox, CoordinatePickup_default as CoordinatePickup, DragDropBox_default as DragDropBox, DragDropContainer_default as DragDropContainer, EChartsCanvas_default as EChartsCanvas, DatePicker_default as ElDatePicker, FormDialog_default as ElFormDialog, Images_default as ElImages, Pagination_default as ElPagination, SelectFile_default as ElSelectFile, TableColumn_default as ElTableColumn, TableColumnManager_default as ElTableColumnManager, TableColumnManagerSettings_default as ElTableColumnManagerSettings, UploadFiles_default as ElUploadFiles, UploadImages_default as ElUploadImages, Empty_default as Empty, ExportLink_default as ExportLink, FormTable_default as HotFormTable, FormTableColumn_default as HotFormTableColumn, InBody_default as InBody, ObjectFitBox_default as ObjectFitBox, PositionAnchor_default as PositionAnchor, ProgressBar_default as ProgressBar, ProgressRing_default as ProgressRing, RefreshIcon_default as RefreshIcon, ScrollContainer_default as ScrollContainer, ShowLog_default as ShowLog, SortIcon_default as SortIcon, YsVideo_default as YsVideo, components_exports };
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
|
|
2
|
+
type __VLS_Props = {
|
|
3
|
+
mode?: 'fill' | 'fill-width' | 'fill-height' | 'cover' | 'contain' | 'none';
|
|
4
|
+
};
|
|
5
|
+
declare function resize(): void;
|
|
6
|
+
declare var __VLS_1: {};
|
|
7
|
+
type __VLS_Slots = {} & {
|
|
8
|
+
default?: (props: typeof __VLS_1) => any;
|
|
9
|
+
};
|
|
10
|
+
declare const __VLS_base: DefineComponent<__VLS_Props, {
|
|
11
|
+
resize: typeof resize;
|
|
12
|
+
}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
|
|
13
|
+
mode: "fill" | "fill-width" | "fill-height" | "cover" | "contain" | "none";
|
|
14
|
+
}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
|
|
15
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
16
|
+
declare const _default: typeof __VLS_export;
|
|
17
|
+
export default _default;
|
|
18
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
19
|
+
new (): {
|
|
20
|
+
$slots: S;
|
|
21
|
+
};
|
|
22
|
+
};
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export-helper.js";
|
|
2
|
+
import ObjectFitBox_vue_vue_type_script_setup_true_lang_default from "./ObjectFitBox.vue.setup.js";
|
|
3
|
+
/* empty css */
|
|
4
|
+
//#region src/components/object-fit-box/ObjectFitBox.vue
|
|
5
|
+
var ObjectFitBox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(ObjectFitBox_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-e13cbe3d"]]);
|
|
6
|
+
//#endregion
|
|
7
|
+
export { ObjectFitBox_default as default };
|
|
@@ -0,0 +1,133 @@
|
|
|
1
|
+
import { ObjectUtil } from "../../utils/prototype/lib/ObjectUtil.js";
|
|
2
|
+
import { computed, createElementBlock, createElementVNode, defineComponent, normalizeClass, onBeforeUnmount, onMounted, openBlock, renderSlot, useTemplateRef, watch } from "vue";
|
|
3
|
+
//#region src/components/object-fit-box/ObjectFitBox.vue?vue&type=script&setup=true&lang.ts
|
|
4
|
+
var ObjectFitBox_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
|
|
5
|
+
__name: "ObjectFitBox",
|
|
6
|
+
props: { mode: { default: "none" } },
|
|
7
|
+
setup(__props, { expose: __expose }) {
|
|
8
|
+
const props = __props;
|
|
9
|
+
onMounted(() => {
|
|
10
|
+
initResizeMonitor();
|
|
11
|
+
});
|
|
12
|
+
watch(() => props.mode, () => {
|
|
13
|
+
resize();
|
|
14
|
+
});
|
|
15
|
+
onBeforeUnmount(() => {
|
|
16
|
+
removeResizeMonitor();
|
|
17
|
+
});
|
|
18
|
+
const boxRef = useTemplateRef("boxRef");
|
|
19
|
+
const wrapperRef = useTemplateRef("wrapperRef");
|
|
20
|
+
const innerRef = useTemplateRef("innerRef");
|
|
21
|
+
function initResizeMonitor() {
|
|
22
|
+
loadResizeObserver();
|
|
23
|
+
}
|
|
24
|
+
function removeResizeMonitor() {
|
|
25
|
+
if (resizeObserver) resizeObserver.disconnect();
|
|
26
|
+
}
|
|
27
|
+
let resizeObserver = null;
|
|
28
|
+
function loadResizeObserver() {
|
|
29
|
+
resizeObserver = new ResizeObserver(ObjectUtil.debounce(resize, 50));
|
|
30
|
+
resizeObserver.observe(boxRef.value);
|
|
31
|
+
}
|
|
32
|
+
function containMode() {
|
|
33
|
+
const referenceWidth = boxRef.value.offsetWidth;
|
|
34
|
+
const referenceHeight = boxRef.value.offsetHeight;
|
|
35
|
+
const innerWidth = innerRef.value.offsetWidth;
|
|
36
|
+
const innerHeight = innerRef.value.offsetHeight;
|
|
37
|
+
let scale = referenceWidth / innerWidth;
|
|
38
|
+
let height = innerHeight * scale;
|
|
39
|
+
let width = innerWidth * scale;
|
|
40
|
+
if (height > referenceHeight) {
|
|
41
|
+
scale = referenceHeight / innerHeight;
|
|
42
|
+
height = innerHeight * scale;
|
|
43
|
+
width = innerWidth * scale;
|
|
44
|
+
}
|
|
45
|
+
innerRef.value.style.transform = `scale(${scale})`;
|
|
46
|
+
wrapperRef.value.style.height = `${height}px`;
|
|
47
|
+
wrapperRef.value.style.width = `${width}px`;
|
|
48
|
+
}
|
|
49
|
+
function coverMode() {
|
|
50
|
+
const referenceWidth = boxRef.value.offsetWidth;
|
|
51
|
+
const referenceHeight = boxRef.value.offsetHeight;
|
|
52
|
+
const innerWidth = innerRef.value.offsetWidth;
|
|
53
|
+
const innerHeight = innerRef.value.offsetHeight;
|
|
54
|
+
let scale = referenceWidth / innerWidth;
|
|
55
|
+
let height = innerHeight * scale;
|
|
56
|
+
let width = innerWidth * scale;
|
|
57
|
+
if (height < referenceHeight) {
|
|
58
|
+
scale = referenceHeight / innerHeight;
|
|
59
|
+
height = innerHeight * scale;
|
|
60
|
+
width = innerWidth * scale;
|
|
61
|
+
}
|
|
62
|
+
innerRef.value.style.transform = `scale(${scale})`;
|
|
63
|
+
wrapperRef.value.style.height = `${height}px`;
|
|
64
|
+
wrapperRef.value.style.width = `${width}px`;
|
|
65
|
+
}
|
|
66
|
+
function fillMode() {
|
|
67
|
+
const referenceWidth = boxRef.value.offsetWidth;
|
|
68
|
+
const referenceHeight = boxRef.value.offsetHeight;
|
|
69
|
+
const innerWidth = innerRef.value.offsetWidth;
|
|
70
|
+
const innerHeight = innerRef.value.offsetHeight;
|
|
71
|
+
const scaleW = referenceWidth / innerWidth;
|
|
72
|
+
const scaleH = referenceHeight / innerHeight;
|
|
73
|
+
const height = innerHeight * scaleH;
|
|
74
|
+
const width = innerWidth * scaleW;
|
|
75
|
+
innerRef.value.style.transform = `scaleY(${scaleH}) scaleX(${scaleW})`;
|
|
76
|
+
wrapperRef.value.style.height = `${height}px`;
|
|
77
|
+
wrapperRef.value.style.width = `${width}px`;
|
|
78
|
+
}
|
|
79
|
+
function fillWidthMode() {
|
|
80
|
+
const referenceWidth = boxRef.value.offsetWidth;
|
|
81
|
+
const innerWidth = innerRef.value.offsetWidth;
|
|
82
|
+
const innerHeight = innerRef.value.offsetHeight;
|
|
83
|
+
const scale = referenceWidth / innerWidth;
|
|
84
|
+
const height = innerHeight * scale;
|
|
85
|
+
const width = innerWidth * scale;
|
|
86
|
+
innerRef.value.style.transform = `scale(${scale})`;
|
|
87
|
+
wrapperRef.value.style.height = `${height}px`;
|
|
88
|
+
wrapperRef.value.style.width = `${width}px`;
|
|
89
|
+
}
|
|
90
|
+
function fillHeightMode() {
|
|
91
|
+
const referenceHeight = boxRef.value.offsetHeight;
|
|
92
|
+
const innerWidth = innerRef.value.offsetWidth;
|
|
93
|
+
const innerHeight = innerRef.value.offsetHeight;
|
|
94
|
+
const scale = referenceHeight / innerHeight;
|
|
95
|
+
const height = innerHeight * scale;
|
|
96
|
+
const width = innerWidth * scale;
|
|
97
|
+
innerRef.value.style.transform = `scale(${scale})`;
|
|
98
|
+
wrapperRef.value.style.height = `${height}px`;
|
|
99
|
+
wrapperRef.value.style.width = `${width}px`;
|
|
100
|
+
}
|
|
101
|
+
const resizeHandel = computed(() => {
|
|
102
|
+
return {
|
|
103
|
+
fill: fillMode,
|
|
104
|
+
"fill-height": fillHeightMode,
|
|
105
|
+
"fill-width": fillWidthMode,
|
|
106
|
+
cover: coverMode,
|
|
107
|
+
contain: containMode,
|
|
108
|
+
none: () => {}
|
|
109
|
+
}[props.mode];
|
|
110
|
+
});
|
|
111
|
+
function resize() {
|
|
112
|
+
if (resizeHandel.value) resizeHandel.value();
|
|
113
|
+
}
|
|
114
|
+
__expose({ resize });
|
|
115
|
+
return (_ctx, _cache) => {
|
|
116
|
+
return openBlock(), createElementBlock("div", {
|
|
117
|
+
ref_key: "boxRef",
|
|
118
|
+
ref: boxRef,
|
|
119
|
+
class: normalizeClass(["mr-object-fit-box", [`is-${props.mode}-mode`]])
|
|
120
|
+
}, [createElementVNode("div", {
|
|
121
|
+
ref_key: "wrapperRef",
|
|
122
|
+
ref: wrapperRef,
|
|
123
|
+
class: "mr-object-fit-box__wrapper"
|
|
124
|
+
}, [createElementVNode("div", {
|
|
125
|
+
ref_key: "innerRef",
|
|
126
|
+
ref: innerRef,
|
|
127
|
+
class: "mr-object-fit-box__inner"
|
|
128
|
+
}, [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 512)], 512)], 2);
|
|
129
|
+
};
|
|
130
|
+
}
|
|
131
|
+
});
|
|
132
|
+
//#endregion
|
|
133
|
+
export { ObjectFitBox_vue_vue_type_script_setup_true_lang_default as default };
|
package/dist/styles/index.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
.yk-adaptive-box .adaptive-box__body{margin-left:auto;margin-right:auto;overflow:hidden}.yk-adaptive-box .adaptive-box__content{transform-origin:0 0;--adaptive-height:initial;width:fit-content}.yk-coordinate-pickup-autocomplete li{margin-bottom:8px}.yk-coordinate-pickup-autocomplete .autocomplete-subtitle{color:var(--el-text-color-secondary);font-size:12px;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-empty{--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;position:relative}.yk-empty .empty_content{width:100%;height:100%}.yk-empty .empty_content.is-hide{opacity:0}.yk-empty .empty_error{z-index:5;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute}.yk-empty .empty_error .empty__image{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));background-position:50%;background-repeat:no-repeat;background-size:contain}.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-empty{z-index:999;width:100%;height:100%;position:absolute}.yk-echarts-canvas .echarts-slot-default{width:100%;height:100%;position:absolute;top:0}.yk-echarts-canvas .echarts-canvas__inner{z-index:2;width:100%;height:100%;position:absolute}.yk-echarts-canvas .echarts-canvas__inner.is-empty{opacity:0}.yk-form-table .handsontable tbody tr th .relative{justify-content:center;align-items:center;display:flex}.yk-form-table .ht-theme-main{--ht-line-height:34px}.yk-form-table .handsontable th,.yk-form-table .handsontable td{line-height:1.1}.yk-form-table .handsontable .wtHolder{scrollbar-width:unset;scrollbar-color:unset}.yk-form-table .handsontable ::-webkit-scrollbar{width:6px!important;height:6px!important}.yk-form-table-column{color:var(--el-table-text-color)!important}.yk-form-table-column .yk-form-table-column__wrapper{height:100%;color:inherit;box-sizing:border-box;align-items:center;display:flex}.yk-form-table-column .yk-form-table-column__wrapper .el-input__wrapper,.yk-form-table-column .yk-form-table-column__wrapper .el-select__wrapper{font-size:inherit;box-shadow:unset!important;background-color:#0000!important;padding:0!important}.yk-form-table-column .yk-form-table-column__wrapper .el-input,.yk-form-table-column .yk-form-table-column__wrapper .el-input--small{font-size:inherit}.yk-position-anchor{width:0;height:0;display:flex;position:absolute}.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-bar{align-items:center;display:flex;position:relative}.yk-progress-bar .progress-dot{justify-content:center;align-items:center;width:0;transition:all .5s;display:flex;position:absolute}.yk-progress-ring{display:block}.yk-progress-ring circle{transform-box:fill-box;transform-origin:50%;transition:all var(--duration) ease-in-out}.yk-refresh-icon[data-v-5197f2e0]{--yk-refresh-icon-color:inherit;--yk-refresh-icon-disabled-color:var(--el-disabled-text-color);cursor:pointer}.yk-refresh-icon.is-disabled[data-v-5197f2e0]{cursor:not-allowed;--yk-refresh-icon-color:var(--yk-refresh-icon-disabled-color)}.yk-refresh-icon--refresh[data-v-5197f2e0]{animation:.5s ease-in-out animation-rotate-5197f2e0}@keyframes animation-rotate-5197f2e0{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.yk-scroll-container{overflow:auto}.yk-scroll-container::-webkit-scrollbar{width:0;height:0}.yk-scroll-container .scroll-inner{flex-direction:column;width:100%;display:flex}.yk-show-log{-webkit-user-select:none;user-select:none;background:#fff;border-radius:5px;min-width:150px;padding:10px;box-shadow:0 2px 4px #ccc}.yk-show-log.is-min{overflow:hidden}.yk-show-log .show-log__header{justify-content:space-between;align-items:center;display:flex}.yk-show-log .show-log--icon{cursor:pointer}.yk-sort-icon[data-v-490da5ce]{--yk-sort-icon-color:var(--el-text-color-placeholder);--yk-sort-icon-active-color:var(--el-color-primary);--yk-sort-icon-disabled-color:var(--el-disabled-text-color);--yk-sort-icon-active-disabled-color:var(--el-color-primary-light-5);color:var(--yk-sort-icon-color);cursor:pointer;flex-direction:column;align-items:center;display:inline-flex}.yk-sort-icon .yk-sort-desc-icon[data-v-490da5ce]{margin-top:-.5em}.yk-sort-icon.is-asc .yk-sort-asc-icon[data-v-490da5ce],.yk-sort-icon.is-desc .yk-sort-desc-icon[data-v-490da5ce]{color:var(--yk-sort-icon-active-color)}.yk-sort-icon.is-disabled[data-v-490da5ce]{cursor:not-allowed;--yk-sort-icon-color:var(--yk-sort-icon-disabled-color)}.yk-sort-icon.is-disabled.is-asc[data-v-490da5ce],.yk-sort-icon.is-disabled.is-desc[data-v-490da5ce]{--yk-sort-icon-active-color:var(--yk-sort-icon-active-disabled-color)}.yk-ys-video .icon--replay{justify-content:center;align-items:center;margin-top:4px;font-size:20px;display:flex}.yk-ys-video .icon--replay .icon--btn{color:#fff}.yk-ys-video .icon--replay .icon--btn.is-active{color:#157edf}.yk-ys-video{width:100%;height:100%;position:relative;overflow:hidden}.yk-ys-video .video-container{width:100%;height:100%}.yk-ys-video .icon--replay{position:absolute;top:0;right:64px}.yk-ys-video .header-controls div:nth-child(2) .theme-icon-item{justify-content:center;align-items:center;padding-top:6px;display:flex;width:32px!important}.yk-ys-video .header-controls div:nth-child(2) .theme-icon-item svg{width:48px!important;height: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%;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.yk-ys-video .play-mask .header{background:linear-gradient(#0008 0,#0006 30%,#0003 50%,#0000 100%);width:100%;height:20%;min-height:48px;padding:10px 8px;position:absolute;inset:0 auto auto 0}.yk-ys-video .play-mask .header .title-box{text-overflow:ellipsis;white-space:nowrap;color:#fff;max-width:50%;height:48px;overflow:hidden}.yk-ys-video .play-mask .play-btn{cursor:pointer}.yk-images{flex-wrap:wrap;gap:8px;display:flex}.yk-images .el-image{width:var(--size-w);height:var(--size-h)}.yk-pagination{padding:16px 0 8px}.yk-pagination .el-pagination{--el-pagination-bg-color:transparent;--el-pagination-button-disabled-bg-color:transparent}.yk-table-column-manager-settings[data-v-3173fab5]{--yk-table-column-manager-settings-color:var(--el-text-color-regular);--yk-table-column-manager-settings-disabled-color:var(--el-disabled-text-color);--yk-table-column-manager-settings-active-color:var(--el-color-primary);--yk-table-column-manager-settings-active-disabled-color:var(--el-color-primary-light-5);min-width:200px;max-height:400px;padding:0 4px;overflow:auto}.yk-table-column-manager-settings .yk-table-column-manager-settings__column[data-v-3173fab5]{align-items:center;display:flex}.yk-table-column-manager-settings .yk-table-column-manager-settings__column .icon-draggable[data-v-3173fab5]{opacity:0;cursor:grab}.yk-table-column-manager-settings .yk-table-column-manager-settings__column .icon-frozen[data-v-3173fab5]{color:var(--yk-table-column-manager-settings-color);opacity:0}.yk-table-column-manager-settings .yk-table-column-manager-settings__column .icon-frozen.is-active[data-v-3173fab5]{--yk-table-column-manager-settings-color:var(--yk-table-column-manager-settings-active-color);opacity:1}.yk-table-column-manager-settings .yk-table-column-manager-settings__column .is-disabled .icon-frozen[data-v-3173fab5]{--yk-table-column-manager-settings-color:var(--yk-table-column-manager-settings-disabled-color)}.yk-table-column-manager-settings .yk-table-column-manager-settings__column .is-disabled .icon-frozen.is-active[data-v-3173fab5]{--yk-table-column-manager-settings-color:var(--yk-table-column-manager-settings-active-disabled-color)}.yk-table-column-manager-settings .yk-table-column-manager-settings__column[data-v-3173fab5] .el-checkbox .el-checkbox__input{display:none}.yk-table-column-manager-settings .yk-table-column-manager-settings__column[data-v-3173fab5] .el-checkbox .el-checkbox__label{width:100%;display:block}.yk-table-column-manager-settings .yk-table-column-manager-settings__column[data-v-3173fab5] .el-checkbox .is-disabled .icon-frozen{color:var(--yk-table-column-manager-settings-disabled-color)}.yk-table-column-manager-settings .yk-table-column-manager-settings__column[data-v-3173fab5] .el-checkbox .is-disabled .icon-frozen.is-active{color:var(--yk-table-column-manager-settings-active-disabled-color)}.yk-table-column-manager-settings .yk-table-column-manager-settings__column:hover .icon-draggable[data-v-3173fab5],.yk-table-column-manager-settings .yk-table-column-manager-settings__column:hover .icon-frozen[data-v-3173fab5]{opacity:1}.yk-upload-file .el-upload-list{margin:unset}.yk-upload-file .el-upload:focus{border-color:unset;color:unset}.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;flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.yk-upload-files .el-upload-list{margin:unset}.yk-upload-files .drag-default{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.yk-upload-files .drag-default .tip-text{font-size:12px}.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{opacity:1;display:inline-flex}.yk-upload-image .el-upload-list--picture-card .el-upload--picture-card{width:var(--upload-size-w);height:var(--upload-size-h);margin-bottom:8px}
|
|
1
|
+
.yk-adaptive-box .adaptive-box__body{margin-left:auto;margin-right:auto;overflow:hidden}.yk-adaptive-box .adaptive-box__content{transform-origin:0 0;--adaptive-height:initial;width:fit-content}.yk-coordinate-pickup-autocomplete li{margin-bottom:8px}.yk-coordinate-pickup-autocomplete .autocomplete-subtitle{color:var(--el-text-color-secondary);font-size:12px;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-empty{--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;position:relative}.yk-empty .empty_content{width:100%;height:100%}.yk-empty .empty_content.is-hide{opacity:0}.yk-empty .empty_error{z-index:5;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute}.yk-empty .empty_error .empty__image{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));background-position:50%;background-repeat:no-repeat;background-size:contain}.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-empty{z-index:999;width:100%;height:100%;position:absolute}.yk-echarts-canvas .echarts-slot-default{width:100%;height:100%;position:absolute;top:0}.yk-echarts-canvas .echarts-canvas__inner{z-index:2;width:100%;height:100%;position:absolute}.yk-echarts-canvas .echarts-canvas__inner.is-empty{opacity:0}.yk-form-table .handsontable tbody tr th .relative{justify-content:center;align-items:center;display:flex}.yk-form-table .ht-theme-main{--ht-line-height:34px}.yk-form-table .handsontable th,.yk-form-table .handsontable td{line-height:1.1}.yk-form-table .handsontable .wtHolder{scrollbar-width:unset;scrollbar-color:unset}.yk-form-table .handsontable ::-webkit-scrollbar{width:6px!important;height:6px!important}.yk-form-table-column{color:var(--el-table-text-color)!important}.yk-form-table-column .yk-form-table-column__wrapper{height:100%;color:inherit;box-sizing:border-box;align-items:center;display:flex}.yk-form-table-column .yk-form-table-column__wrapper .el-input__wrapper,.yk-form-table-column .yk-form-table-column__wrapper .el-select__wrapper{font-size:inherit;box-shadow:unset!important;background-color:#0000!important;padding:0!important}.yk-form-table-column .yk-form-table-column__wrapper .el-input,.yk-form-table-column .yk-form-table-column__wrapper .el-input--small{font-size:inherit}.mr-object-fit-box[data-v-e13cbe3d]{width:100%;height:100%;container-type:size}.mr-object-fit-box.is-none-mode[data-v-e13cbe3d]{overflow:auto}.mr-object-fit-box.is-fill-width-mode[data-v-e13cbe3d]{overflow:hidden auto}.mr-object-fit-box.is-fill-height-mode[data-v-e13cbe3d]{overflow:auto hidden}.mr-object-fit-box.is-fill-mode[data-v-e13cbe3d],.mr-object-fit-box.is-contain-mode[data-v-e13cbe3d],.mr-object-fit-box.is-cover-mode[data-v-e13cbe3d]{justify-content:center;align-items:center;display:flex;overflow:hidden}.mr-object-fit-box .mr-object-fit-box__inner[data-v-e13cbe3d]{transform-origin:0 0;width:fit-content;height:fit-content}.yk-position-anchor{width:0;height:0;display:flex;position:absolute}.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-bar{align-items:center;display:flex;position:relative}.yk-progress-bar .progress-dot{justify-content:center;align-items:center;width:0;transition:all .5s;display:flex;position:absolute}.yk-progress-ring{display:block}.yk-progress-ring circle{transform-box:fill-box;transform-origin:50%;transition:all var(--duration) ease-in-out}.yk-refresh-icon[data-v-5197f2e0]{--yk-refresh-icon-color:inherit;--yk-refresh-icon-disabled-color:var(--el-disabled-text-color);cursor:pointer}.yk-refresh-icon.is-disabled[data-v-5197f2e0]{cursor:not-allowed;--yk-refresh-icon-color:var(--yk-refresh-icon-disabled-color)}.yk-refresh-icon--refresh[data-v-5197f2e0]{animation:.5s ease-in-out animation-rotate-5197f2e0}@keyframes animation-rotate-5197f2e0{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.yk-scroll-container{overflow:auto}.yk-scroll-container::-webkit-scrollbar{width:0;height:0}.yk-scroll-container .scroll-inner{flex-direction:column;width:100%;display:flex}.yk-show-log{-webkit-user-select:none;user-select:none;background:#fff;border-radius:5px;min-width:150px;padding:10px;box-shadow:0 2px 4px #ccc}.yk-show-log.is-min{overflow:hidden}.yk-show-log .show-log__header{justify-content:space-between;align-items:center;display:flex}.yk-show-log .show-log--icon{cursor:pointer}.yk-sort-icon[data-v-490da5ce]{--yk-sort-icon-color:var(--el-text-color-placeholder);--yk-sort-icon-active-color:var(--el-color-primary);--yk-sort-icon-disabled-color:var(--el-disabled-text-color);--yk-sort-icon-active-disabled-color:var(--el-color-primary-light-5);color:var(--yk-sort-icon-color);cursor:pointer;flex-direction:column;align-items:center;display:inline-flex}.yk-sort-icon .yk-sort-desc-icon[data-v-490da5ce]{margin-top:-.5em}.yk-sort-icon.is-asc .yk-sort-asc-icon[data-v-490da5ce],.yk-sort-icon.is-desc .yk-sort-desc-icon[data-v-490da5ce]{color:var(--yk-sort-icon-active-color)}.yk-sort-icon.is-disabled[data-v-490da5ce]{cursor:not-allowed;--yk-sort-icon-color:var(--yk-sort-icon-disabled-color)}.yk-sort-icon.is-disabled.is-asc[data-v-490da5ce],.yk-sort-icon.is-disabled.is-desc[data-v-490da5ce]{--yk-sort-icon-active-color:var(--yk-sort-icon-active-disabled-color)}.yk-ys-video .icon--replay{justify-content:center;align-items:center;margin-top:4px;font-size:20px;display:flex}.yk-ys-video .icon--replay .icon--btn{color:#fff}.yk-ys-video .icon--replay .icon--btn.is-active{color:#157edf}.yk-ys-video{width:100%;height:100%;position:relative;overflow:hidden}.yk-ys-video .video-container{width:100%;height:100%}.yk-ys-video .icon--replay{position:absolute;top:0;right:64px}.yk-ys-video .header-controls div:nth-child(2) .theme-icon-item{justify-content:center;align-items:center;padding-top:6px;display:flex;width:32px!important}.yk-ys-video .header-controls div:nth-child(2) .theme-icon-item svg{width:48px!important;height: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%;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.yk-ys-video .play-mask .header{background:linear-gradient(#0008 0,#0006 30%,#0003 50%,#0000 100%);width:100%;height:20%;min-height:48px;padding:10px 8px;position:absolute;inset:0 auto auto 0}.yk-ys-video .play-mask .header .title-box{text-overflow:ellipsis;white-space:nowrap;color:#fff;max-width:50%;height:48px;overflow:hidden}.yk-ys-video .play-mask .play-btn{cursor:pointer}.yk-images{flex-wrap:wrap;gap:8px;display:flex}.yk-images .el-image{width:var(--size-w);height:var(--size-h)}.yk-pagination{padding:16px 0 8px}.yk-pagination .el-pagination{--el-pagination-bg-color:transparent;--el-pagination-button-disabled-bg-color:transparent}.yk-table-column-manager-settings[data-v-3173fab5]{--yk-table-column-manager-settings-color:var(--el-text-color-regular);--yk-table-column-manager-settings-disabled-color:var(--el-disabled-text-color);--yk-table-column-manager-settings-active-color:var(--el-color-primary);--yk-table-column-manager-settings-active-disabled-color:var(--el-color-primary-light-5);min-width:200px;max-height:400px;padding:0 4px;overflow:auto}.yk-table-column-manager-settings .yk-table-column-manager-settings__column[data-v-3173fab5]{align-items:center;display:flex}.yk-table-column-manager-settings .yk-table-column-manager-settings__column .icon-draggable[data-v-3173fab5]{opacity:0;cursor:grab}.yk-table-column-manager-settings .yk-table-column-manager-settings__column .icon-frozen[data-v-3173fab5]{color:var(--yk-table-column-manager-settings-color);opacity:0}.yk-table-column-manager-settings .yk-table-column-manager-settings__column .icon-frozen.is-active[data-v-3173fab5]{--yk-table-column-manager-settings-color:var(--yk-table-column-manager-settings-active-color);opacity:1}.yk-table-column-manager-settings .yk-table-column-manager-settings__column .is-disabled .icon-frozen[data-v-3173fab5]{--yk-table-column-manager-settings-color:var(--yk-table-column-manager-settings-disabled-color)}.yk-table-column-manager-settings .yk-table-column-manager-settings__column .is-disabled .icon-frozen.is-active[data-v-3173fab5]{--yk-table-column-manager-settings-color:var(--yk-table-column-manager-settings-active-disabled-color)}.yk-table-column-manager-settings .yk-table-column-manager-settings__column[data-v-3173fab5] .el-checkbox .el-checkbox__input{display:none}.yk-table-column-manager-settings .yk-table-column-manager-settings__column[data-v-3173fab5] .el-checkbox .el-checkbox__label{width:100%;display:block}.yk-table-column-manager-settings .yk-table-column-manager-settings__column[data-v-3173fab5] .el-checkbox .is-disabled .icon-frozen{color:var(--yk-table-column-manager-settings-disabled-color)}.yk-table-column-manager-settings .yk-table-column-manager-settings__column[data-v-3173fab5] .el-checkbox .is-disabled .icon-frozen.is-active{color:var(--yk-table-column-manager-settings-active-disabled-color)}.yk-table-column-manager-settings .yk-table-column-manager-settings__column:hover .icon-draggable[data-v-3173fab5],.yk-table-column-manager-settings .yk-table-column-manager-settings__column:hover .icon-frozen[data-v-3173fab5]{opacity:1}.yk-upload-file .el-upload-list{margin:unset}.yk-upload-file .el-upload:focus{border-color:unset;color:unset}.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;flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.yk-upload-files .el-upload-list{margin:unset}.yk-upload-files .drag-default{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.yk-upload-files .drag-default .tip-text{font-size:12px}.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{opacity:1;display:inline-flex}.yk-upload-image .el-upload-list--picture-card .el-upload--picture-card{width:var(--upload-size-w);height:var(--upload-size-h);margin-bottom:8px}
|
|
2
2
|
/*$vite$:1*/
|
package/package.json
CHANGED
package/web-types.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"framework": "vue",
|
|
3
3
|
"name": "mrxy-yk",
|
|
4
|
-
"version": "1.
|
|
4
|
+
"version": "1.14.0",
|
|
5
5
|
"js-types-syntax": "typescript",
|
|
6
6
|
"contributions": {
|
|
7
7
|
"html": {
|
|
@@ -1729,6 +1729,29 @@
|
|
|
1729
1729
|
"type": "{ row: Record<PropertyKey, any>, value: any, rowIndex: number, colIndex: number, field: string }"
|
|
1730
1730
|
}
|
|
1731
1731
|
]
|
|
1732
|
+
},
|
|
1733
|
+
{
|
|
1734
|
+
"name": "YkObjectFitBox",
|
|
1735
|
+
"source": {
|
|
1736
|
+
"symbol": "ObjectFitBox",
|
|
1737
|
+
"module": "mrxy-yk/components"
|
|
1738
|
+
},
|
|
1739
|
+
"description": "缩放容器，使插槽内的元素按照指定的模式自适应容器大小。",
|
|
1740
|
+
"doc-url": "https://gitee.com/cscake/mrxy-yk/blob/master/doc/components/ObjectFitBox.md",
|
|
1741
|
+
"props": [
|
|
1742
|
+
{
|
|
1743
|
+
"name": "mode",
|
|
1744
|
+
"type": [
|
|
1745
|
+
"'fill' | 'fill-width' | 'fill-height' | 'cover' | 'contain' | 'none'"
|
|
1746
|
+
],
|
|
1747
|
+
"description": "缩放模式：fill 横向纵向分别拉伸铺满 / fill-width 按宽度等比缩放 / fill-height 按高度等比缩放 / cover 等比铺满可能裁剪 / contain 等比完整显示可能留白 / none 不缩放"
|
|
1748
|
+
}
|
|
1749
|
+
],
|
|
1750
|
+
"slots": [
|
|
1751
|
+
{
|
|
1752
|
+
"name": "default"
|
|
1753
|
+
}
|
|
1754
|
+
]
|
|
1732
1755
|
}
|
|
1733
1756
|
],
|
|
1734
1757
|
"vue-directives": [
|