yc-design-vue 1.9.8 → 1.9.9
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/es/AutoComplete/type.d.ts +3 -1
- package/es/BackTop/index.css +1 -1
- package/es/BackTop/index.vue.js +2 -7
- package/es/Button/hooks/useContext.d.ts +2 -2
- package/es/Button/hooks/useContext.js +3 -13
- package/es/Button/index.css +1 -1
- package/es/Image/ImagePreviewToolbar.vue.js +6 -6
- package/es/InputNumber/InputNumber.vue.d.ts +0 -1
- package/es/InputNumber/InputNumber.vue.js +1 -6
- package/es/InputNumber/InputOperaBtn.vue.js +1 -1
- package/es/InputNumber/index.d.ts +0 -3
- package/es/InputNumber/type.d.ts +0 -2
- package/es/Select/hooks/useSelectHotkeys.js +3 -1
- package/es/TimePicker/TimePicker.vue.js +2 -2
- package/es/Transfer/TransferPanel.vue.js +8 -6
- package/es/Transfer/type.d.ts +3 -9
- package/es/Trigger/hooks/useTriggerPosition.d.ts +0 -1
- package/es/Trigger/hooks/useTriggerPosition.js +3 -8
- package/es/Trigger/index.vue.js +2 -1
- package/es/Typography/TypographyBase.vue.js +2 -2
- package/es/VerificationCode/index.vue.js +5 -3
- package/es/Watermark/index.d.ts +3 -3
- package/es/Watermark/index.vue.d.ts +1 -1
- package/es/_shared/icons/IconCopy.vue.js +23 -1
- package/es/_shared/icons/IconCopy.vue2.js +1 -23
- package/es/_shared/icons/IconDelete.vue.js +1 -23
- package/es/_shared/icons/IconDelete.vue2.js +23 -1
- package/es/_shared/icons/IconEdit.vue.js +23 -1
- package/es/_shared/icons/IconEdit.vue2.js +1 -23
- package/es/_shared/icons/IconFullScreen.vue.js +23 -1
- package/es/_shared/icons/IconFullScreen.vue2.js +1 -23
- package/es/_shared/icons/IconMinus.vue.js +1 -23
- package/es/_shared/icons/IconMinus.vue2.js +23 -1
- package/es/_shared/icons/IconOriginSize.vue.js +29 -1
- package/es/_shared/icons/IconOriginSize.vue2.js +1 -29
- package/es/_shared/icons/IconRotateLeft.vue.js +23 -1
- package/es/_shared/icons/IconRotateLeft.vue2.js +1 -23
- package/es/_shared/icons/IconRotateRight.vue.js +23 -1
- package/es/_shared/icons/IconRotateRight.vue2.js +1 -23
- package/es/_shared/icons/IconSearch.vue.js +1 -23
- package/es/_shared/icons/IconSearch.vue2.js +23 -1
- package/es/_shared/icons/IconZoomIn.vue.js +23 -1
- package/es/_shared/icons/IconZoomIn.vue2.js +1 -23
- package/es/_shared/icons/IconZoomOut.vue.js +23 -1
- package/es/_shared/icons/IconZoomOut.vue2.js +1 -23
- package/es/_shared/utils/global-config.d.ts +1 -1
- package/es/_shared/utils/global-config.js +1 -1
- package/es/style.css +1 -1
- package/lib/AutoComplete/type.d.ts +3 -1
- package/lib/BackTop/index.css +1 -1
- package/lib/BackTop/index.vue.js +1 -1
- package/lib/Button/hooks/useContext.d.ts +2 -2
- package/lib/Button/hooks/useContext.js +1 -1
- package/lib/Button/index.css +1 -1
- package/lib/Image/ImagePreviewToolbar.vue.js +1 -1
- package/lib/InputNumber/InputNumber.vue.d.ts +0 -1
- package/lib/InputNumber/InputNumber.vue.js +1 -1
- package/lib/InputNumber/InputOperaBtn.vue.js +1 -1
- package/lib/InputNumber/index.d.ts +0 -3
- package/lib/InputNumber/type.d.ts +0 -2
- package/lib/Select/hooks/useSelectHotkeys.js +1 -1
- package/lib/TimePicker/TimePicker.vue.js +1 -1
- package/lib/Transfer/TransferPanel.vue.js +1 -1
- package/lib/Transfer/type.d.ts +3 -9
- package/lib/Trigger/hooks/useTriggerPosition.d.ts +0 -1
- package/lib/Trigger/hooks/useTriggerPosition.js +1 -1
- package/lib/Trigger/index.vue.js +1 -1
- package/lib/Typography/TypographyBase.vue.js +1 -1
- package/lib/VerificationCode/index.vue.js +1 -1
- package/lib/Watermark/index.d.ts +3 -3
- package/lib/Watermark/index.vue.d.ts +1 -1
- package/lib/_shared/icons/IconCopy.vue.js +1 -1
- package/lib/_shared/icons/IconCopy.vue2.js +1 -1
- package/lib/_shared/icons/IconDelete.vue.js +1 -1
- package/lib/_shared/icons/IconDelete.vue2.js +1 -1
- package/lib/_shared/icons/IconEdit.vue.js +1 -1
- package/lib/_shared/icons/IconEdit.vue2.js +1 -1
- package/lib/_shared/icons/IconFullScreen.vue.js +1 -1
- package/lib/_shared/icons/IconFullScreen.vue2.js +1 -1
- package/lib/_shared/icons/IconMinus.vue.js +1 -1
- package/lib/_shared/icons/IconMinus.vue2.js +1 -1
- package/lib/_shared/icons/IconOriginSize.vue.js +1 -1
- package/lib/_shared/icons/IconOriginSize.vue2.js +1 -1
- package/lib/_shared/icons/IconRotateLeft.vue.js +1 -1
- package/lib/_shared/icons/IconRotateLeft.vue2.js +1 -1
- package/lib/_shared/icons/IconRotateRight.vue.js +1 -1
- package/lib/_shared/icons/IconRotateRight.vue2.js +1 -1
- package/lib/_shared/icons/IconSearch.vue.js +1 -1
- package/lib/_shared/icons/IconSearch.vue2.js +1 -1
- package/lib/_shared/icons/IconZoomIn.vue.js +1 -1
- package/lib/_shared/icons/IconZoomIn.vue2.js +1 -1
- package/lib/_shared/icons/IconZoomOut.vue.js +1 -1
- package/lib/_shared/icons/IconZoomOut.vue2.js +1 -1
- package/lib/_shared/utils/global-config.d.ts +1 -1
- package/lib/_shared/utils/global-config.js +1 -1
- package/lib/style.css +1 -1
- package/package.json +1 -1
@@ -9,7 +9,7 @@ export type AutoCompleteProps = {
|
|
9
9
|
data?: SelectOptions;
|
10
10
|
popupContainer?: PopupContainer;
|
11
11
|
strict?: boolean;
|
12
|
-
filterOption?:
|
12
|
+
filterOption?: FilterOption;
|
13
13
|
triggerProps?: TriggerProps;
|
14
14
|
allowClear?: boolean;
|
15
15
|
vistualListProps?: VirtualListProps;
|
@@ -44,3 +44,5 @@ export interface AutoCompleteExpose {
|
|
44
44
|
getMirrorRef(): HTMLDivElement | undefined;
|
45
45
|
updatePosition(x: number, y: number): void;
|
46
46
|
}
|
47
|
+
type FilterOption = (inputValue: string, option: SelectOptionData) => boolean;
|
48
|
+
export {};
|
package/es/BackTop/index.css
CHANGED
@@ -1 +1 @@
|
|
1
|
-
.yc-back-top{position:absolute;right:24px;bottom:24px}
|
1
|
+
.yc-back-top{position:absolute;right:24px;bottom:24px;z-index:10}
|
package/es/BackTop/index.vue.js
CHANGED
@@ -1,9 +1,8 @@
|
|
1
|
-
import { defineComponent, toRefs, ref, computed, createBlock, openBlock, Transition, withCtx, withDirectives, createElementVNode,
|
1
|
+
import { defineComponent, toRefs, ref, computed, createBlock, openBlock, Transition, withCtx, withDirectives, createElementVNode, renderSlot, createVNode, unref, vShow } from "vue";
|
2
2
|
import "../node_modules/tinycolor2/esm/tinycolor.js";
|
3
3
|
import { findFirstScrollableParent, getElement } from "../_shared/utils/dom.js";
|
4
4
|
import { isUndefined } from "../_shared/utils/is.js";
|
5
5
|
import "../_shared/utils/time.js";
|
6
|
-
import { getGlobalConfig } from "../_shared/utils/global-config.js";
|
7
6
|
import "../_shared/utils/locale.js";
|
8
7
|
/* empty css */
|
9
8
|
/* empty css */
|
@@ -26,7 +25,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
26
25
|
setup(__props) {
|
27
26
|
const props = __props;
|
28
27
|
const { targetContainer: _targetContainer, easeing, duration } = toRefs(props);
|
29
|
-
const { zIndex } = getGlobalConfig(props);
|
30
28
|
const buttonRef = ref();
|
31
29
|
const curScroll = ref(0);
|
32
30
|
const targetContainer = computed(() => {
|
@@ -52,9 +50,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
52
50
|
default: withCtx(() => [
|
53
51
|
withDirectives(createElementVNode("div", {
|
54
52
|
class: "yc-back-top",
|
55
|
-
style: normalizeStyle({
|
56
|
-
zIndex: unref(zIndex)
|
57
|
-
}),
|
58
53
|
ref_key: "buttonRef",
|
59
54
|
ref: buttonRef,
|
60
55
|
onClick: handleTop
|
@@ -71,7 +66,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
71
66
|
_: 1
|
72
67
|
})
|
73
68
|
])
|
74
|
-
],
|
69
|
+
], 512), [
|
75
70
|
[vShow, curScroll.value >= _ctx.visibleHeight]
|
76
71
|
])
|
77
72
|
]),
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import { ButtonType, ButtonShape, ButtonStatus } from '../type';
|
2
|
-
import { Props } from '../../_shared/type';
|
2
|
+
import { Size, Props } from '../../_shared/type';
|
3
3
|
declare const _default: () => {
|
4
4
|
provide: (props: Props) => void;
|
5
5
|
inject: (props: Props) => {
|
@@ -7,7 +7,7 @@ declare const _default: () => {
|
|
7
7
|
type: import('vue').ComputedRef<ButtonType>;
|
8
8
|
status: import('vue').ComputedRef<ButtonStatus>;
|
9
9
|
shape: import('vue').ComputedRef<ButtonShape>;
|
10
|
-
size: import('vue').ComputedRef<
|
10
|
+
size: import('vue').ComputedRef<Size>;
|
11
11
|
};
|
12
12
|
};
|
13
13
|
export default _default;
|
@@ -1,7 +1,6 @@
|
|
1
1
|
import { toRefs, provide, inject, ref, computed } from "vue";
|
2
2
|
import "../../node_modules/tinycolor2/esm/tinycolor.js";
|
3
3
|
import "../../_shared/utils/dom.js";
|
4
|
-
import { isUndefined } from "../../_shared/utils/is.js";
|
5
4
|
import "../../_shared/utils/time.js";
|
6
5
|
import { getGlobalConfig } from "../../_shared/utils/global-config.js";
|
7
6
|
import "../../_shared/utils/locale.js";
|
@@ -35,23 +34,14 @@ const useContext = () => {
|
|
35
34
|
shape: ref("square"),
|
36
35
|
disabled: ref(false)
|
37
36
|
});
|
38
|
-
const getField = (value, injectValue, globalValue) => {
|
39
|
-
if (!isUndefined(value)) {
|
40
|
-
return value;
|
41
|
-
}
|
42
|
-
if (isUndefined(globalValue)) {
|
43
|
-
return injectValue;
|
44
|
-
}
|
45
|
-
return !isUndefined(injectValue) ? injectValue : globalValue;
|
46
|
-
};
|
47
37
|
return {
|
48
38
|
disabled: computed(() => disabled.value ?? _disabled.value),
|
49
39
|
type: computed(() => type.value ?? _type.value),
|
50
40
|
status: computed(() => status.value ?? _status.value),
|
51
41
|
shape: computed(() => shape.value ?? _shape.value),
|
52
|
-
size: computed(
|
53
|
-
|
54
|
-
)
|
42
|
+
size: computed(() => {
|
43
|
+
return size.value ?? (_size == null ? void 0 : _size.value) ?? globalSize.value;
|
44
|
+
})
|
55
45
|
};
|
56
46
|
};
|
57
47
|
return {
|
package/es/Button/index.css
CHANGED
@@ -1 +1 @@
|
|
1
|
-
.yc-button{cursor:pointer;user-select:none;outline:none;border:1px solid transparent;font-weight:400;transition:all .1s cubic-bezier(0, 0, 1, 1);display:inline-flex;justify-content:center;align-items:center}.yc-button .yc-button-icon{flex-shrink:0;display:flex;justify-content:center;align-items:center}.yc-button .yc-button-icon .yc-spin{font-size:inherit;color:inherit}.yc-button-loading{cursor:default;position:relative}.yc-button-loading::before{content:'';display:block;z-index:1;position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;background-color:#fff;opacity:.4}.yc-button-disabled{opacity:.4;cursor:not-allowed}.yc-button-long{width:100%}.yc-button.yc-button-primary.yc-button-status-normal{color:var(--color-white);background-color:rgb(var(--primary-6))}.yc-button.yc-button-primary.yc-button-status-normal:not(.yc-button-disabled):not(.yc-button-loading):hover{background-color:rgb(var(--primary-5))}.yc-button.yc-button-primary.yc-button-status-normal:not(.yc-button-disabled):not(.yc-button-loading):active{background-color:rgb(var(--primary-7))}.yc-button.yc-button-primary.yc-button-status-warning{color:var(--color-white);background-color:rgb(var(--warning-6))}.yc-button.yc-button-primary.yc-button-status-warning:not(.yc-button-disabled):not(.yc-button-loading):hover{background-color:rgb(var(--warning-5))}.yc-button.yc-button-primary.yc-button-status-warning:not(.yc-button-disabled):not(.yc-button-loading):active{background-color:rgb(var(--warning-7))}.yc-button.yc-button-primary.yc-button-status-success{color:var(--color-white);background-color:rgb(var(--success-6))}.yc-button.yc-button-primary.yc-button-status-success:not(.yc-button-disabled):not(.yc-button-loading):hover{background-color:rgb(var(--success-5))}.yc-button.yc-button-primary.yc-button-status-success:not(.yc-button-disabled):not(.yc-button-loading):active{background-color:rgb(var(--success-7))}.yc-button.yc-button-primary.yc-button-status-danger{color:var(--color-white);background-color:rgb(var(--danger-6))}.yc-button.yc-button-primary.yc-button-status-danger:not(.yc-button-disabled):not(.yc-button-loading):hover{background-color:rgb(var(--danger-5))}.yc-button.yc-button-primary.yc-button-status-danger:not(.yc-button-disabled):not(.yc-button-loading):active{background-color:rgb(var(--danger-7))}.yc-button.yc-button-secondary.yc-button-status-normal{color:var(--color-text-2);background-color:var(--color-fill-2)}.yc-button.yc-button-secondary.yc-button-status-normal:not(.yc-button-disabled):not(.yc-button-loading):hover{background-color:var(--color-fill-3)}.yc-button.yc-button-secondary.yc-button-status-normal:not(.yc-button-disabled):not(.yc-button-loading):active{background-color:var(--color-fill-4)}.yc-button.yc-button-secondary.yc-button-status-warning{color:rgb(var(--warning-6));background-color:var(--color-warning-light-1)}.yc-button.yc-button-secondary.yc-button-status-warning:not(.yc-button-disabled):not(.yc-button-loading):hover{background-color:var(--color-warning-light-2)}.yc-button.yc-button-secondary.yc-button-status-warning:not(.yc-button-disabled):not(.yc-button-loading):active{background-color:var(--color-warning-light-3)}.yc-button.yc-button-secondary.yc-button-status-success{color:rgb(var(--success-6));background-color:var(--color-success-light-1)}.yc-button.yc-button-secondary.yc-button-status-success:not(.yc-button-disabled):not(.yc-button-loading):hover{background-color:var(--color-success-light-2)}.yc-button.yc-button-secondary.yc-button-status-success:not(.yc-button-disabled):not(.yc-button-loading):active{background-color:var(--color-success-light-3)}.yc-button.yc-button-secondary.yc-button-status-danger{color:rgb(var(--danger-6));background-color:var(--color-danger-light-1)}.yc-button.yc-button-secondary.yc-button-status-danger:not(.yc-button-disabled):not(.yc-button-loading):hover{background-color:var(--color-danger-light-2)}.yc-button.yc-button-secondary.yc-button-status-danger:not(.yc-button-disabled):not(.yc-button-loading):active{background-color:var(--color-danger-light-3)}.yc-button.yc-button-dashed.yc-button-status-normal{color:var(--color-text-2);background-color:transparent;border-color:var(--color-border-2);border-style:dashed}.yc-button.yc-button-dashed.yc-button-status-normal:not(.yc-button-disabled):not(.yc-button-loading):hover{background-color:var(--color-fill-2);border-color:var(--color-border-3)}.yc-button.yc-button-dashed.yc-button-status-normal:not(.yc-button-disabled):not(.yc-button-loading):active{border-color:var(--color-border-4);background-color:var(--color-fill-3)}.yc-button.yc-button-dashed.yc-button-status-warning{color:rgb(var(--warning-6));background-color:var(--color-warning-light-1);border-color:rgb(var(--warning-2));border-style:dashed}.yc-button.yc-button-dashed.yc-button-status-warning:not(.yc-button-disabled):not(.yc-button-loading):hover{background-color:var(--color-warning-light-2);border-color:rgb(var(--warning-3))}.yc-button.yc-button-dashed.yc-button-status-warning:not(.yc-button-disabled):not(.yc-button-loading):active{border-color:rgb(var(--warning-4));background-color:var(--color-warning-light-3)}.yc-button.yc-button-dashed.yc-button-status-success{color:rgb(var(--success-6));background-color:var(--color-success-light-1);border-color:rgb(var(--success-2));border-style:dashed}.yc-button.yc-button-dashed.yc-button-status-success:not(.yc-button-disabled):not(.yc-button-loading):hover{background-color:var(--color-success-light-2);border-color:rgb(var(--success-3))}.yc-button.yc-button-dashed.yc-button-status-success:not(.yc-button-disabled):not(.yc-button-loading):active{border-color:rgb(var(--success-4));background-color:var(--color-success-light-3)}.yc-button.yc-button-dashed.yc-button-status-danger{color:rgb(var(--danger-6));background-color:var(--color-danger-light-1);border-color:rgb(var(--danger-2));border-style:dashed}.yc-button.yc-button-dashed.yc-button-status-danger:not(.yc-button-disabled):not(.yc-button-loading):hover{background-color:var(--color-danger-light-2);border-color:rgb(var(--danger-3))}.yc-button.yc-button-dashed.yc-button-status-danger:not(.yc-button-disabled):not(.yc-button-loading):active{border-color:rgb(var(--danger-4));background-color:var(--color-danger-light-3)}.yc-button.yc-button-outline.yc-button-status-normal{color:rgb(var(--primary-6));background-color:transparent;border-color:rgb(var(--primary-6))}.yc-button.yc-button-outline.yc-button-status-normal:not(.yc-button-disabled):not(.yc-button-loading):hover{color:rgb(var(--primary-5));border-color:rgb(var(--primary-5))}.yc-button.yc-button-outline.yc-button-status-normal:not(.yc-button-disabled):not(.yc-button-loading):active{border-color:rgb(var(--primary-7));color:rgb(var(--primary-7))}.yc-button.yc-button-outline.yc-button-status-warning{color:rgb(var(--warning-6));background-color:transparent;border-color:rgb(var(--warning-6))}.yc-button.yc-button-outline.yc-button-status-warning:not(.yc-button-disabled):not(.yc-button-loading):hover{color:rgb(var(--warning-5));border-color:rgb(var(--warning-5))}.yc-button.yc-button-outline.yc-button-status-warning:not(.yc-button-disabled):not(.yc-button-loading):active{border-color:rgb(var(--warning-7));color:rgb(var(--warning-7))}.yc-button.yc-button-outline.yc-button-status-success{color:rgb(var(--success-6));background-color:transparent;border-color:rgb(var(--success-6))}.yc-button.yc-button-outline.yc-button-status-success:not(.yc-button-disabled):not(.yc-button-loading):hover{color:rgb(var(--success-5));border-color:rgb(var(--success-5))}.yc-button.yc-button-outline.yc-button-status-success:not(.yc-button-disabled):not(.yc-button-loading):active{border-color:rgb(var(--success-7));color:rgb(var(--success-7))}.yc-button.yc-button-outline.yc-button-status-danger{color:rgb(var(--danger-6));background-color:transparent;border-color:rgb(var(--danger-6))}.yc-button.yc-button-outline.yc-button-status-danger:not(.yc-button-disabled):not(.yc-button-loading):hover{color:rgb(var(--danger-5));border-color:rgb(var(--danger-5))}.yc-button.yc-button-outline.yc-button-status-danger:not(.yc-button-disabled):not(.yc-button-loading):active{border-color:rgb(var(--danger-7));color:rgb(var(--danger-7))}.yc-button.yc-button-text.yc-button-status-normal{color:rgb(var(--primary-6));background-color:transparent}.yc-button.yc-button-text.yc-button-status-normal:not(.yc-button-disabled):not(.yc-button-loading):hover{background-color:var(--color-fill-2)}.yc-button.yc-button-text.yc-button-status-normal:not(.yc-button-disabled):not(.yc-button-loading):active{background-color:var(--color-fill-3)}.yc-button.yc-button-text.yc-button-status-warning{color:rgb(var(--warning-6));background-color:transparent}.yc-button.yc-button-text.yc-button-status-warning:not(.yc-button-disabled):not(.yc-button-loading):hover{background-color:var(--color-fill-2)}.yc-button.yc-button-text.yc-button-status-warning:not(.yc-button-disabled):not(.yc-button-loading):active{background-color:var(--color-fill-3)}.yc-button.yc-button-text.yc-button-status-success{color:rgb(var(--success-6));background-color:transparent}.yc-button.yc-button-text.yc-button-status-success:not(.yc-button-disabled):not(.yc-button-loading):hover{background-color:var(--color-fill-2)}.yc-button.yc-button-text.yc-button-status-success:not(.yc-button-disabled):not(.yc-button-loading):active{background-color:var(--color-fill-3)}.yc-button.yc-button-text.yc-button-status-danger{color:rgb(var(--danger-6));background-color:transparent}.yc-button.yc-button-text.yc-button-status-danger:not(.yc-button-disabled):not(.yc-button-loading):hover{background-color:var(--color-fill-2)}.yc-button.yc-button-text.yc-button-status-danger:not(.yc-button-disabled):not(.yc-button-loading):active{background-color:var(--color-fill-3)}.yc-button-size-mini{height:24px;padding:0 11px;font-size:12px}.yc-button-size-mini .yc-button-icon{width:12px;height:12px;margin-right:4px}.yc-button-size-mini.yc-button-shape-circle{width:24px;padding:0}.yc-button-size-mini.yc-button-only-icon{width:24px;padding:0}.yc-button-size-mini.yc-button-only-icon .yc-button-icon{margin:0 }.yc-button-size-small{height:28px;padding:0 15px;font-size:14px}.yc-button-size-small .yc-button-icon{width:14px;height:14px;margin-right:6px}.yc-button-size-small.yc-button-shape-circle{width:28px;padding:0}.yc-button-size-small.yc-button-only-icon{width:28px;padding:0}.yc-button-size-small.yc-button-only-icon .yc-button-icon{margin:0 }.yc-button-size-medium{height:32px;padding:0 15px;font-size:14px}.yc-button-size-medium .yc-button-icon{width:14px;height:14px;margin-right:8px}.yc-button-size-medium.yc-button-shape-circle{width:32px;padding:0}.yc-button-size-medium.yc-button-only-icon{width:32px;padding:0}.yc-button-size-medium.yc-button-only-icon .yc-button-icon{margin:0 }.yc-button-size-large{height:36px;padding:0 19px;font-size:14px}.yc-button-size-large .yc-button-icon{width:14px;height:14px;margin-right:8px}.yc-button-size-large.yc-button-shape-circle{width:36px;padding:0}.yc-button-size-large.yc-button-only-icon{width:36px;padding:0}.yc-button-size-large.yc-button-only-icon .yc-button-icon{margin:0 }.yc-button-shape-square{border-radius:var(--border-radius-small)}.yc-button-shape-round{border-radius:30px}.yc-button-shape-circle{border-radius:var(--border-radius-circle)}.yc-button-group{display:inline-flex;align-items:center}.yc-button-group .yc-button{flex-shrink:0}.yc-button-group .yc-button:not(:first-child):not(:last-child){border-radius:var(--border-radius-none)}.yc-button-group .yc-button:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.yc-button-group .yc-button:last-child{border-top-left-radius:0;border-bottom-left-radius:0;border-right:none}.yc-button-group-dashed .yc-button:not(:first-child),.yc-button-group-outline .yc-button:not(:first-child){border-left:none}.yc-button-group-primary .yc-button:not(:last-child),.yc-button-group-status-primary .yc-button:not(:last-child){border-right:1px solid rgb(var(--primary-5))}.yc-button-group-secondary .yc-button:not(:last-child),.yc-button-group-status-secondary .yc-button:not(:last-child){border-right:1px solid var(--color-secondary-hover)}.yc-button-group-warning .yc-button:not(:last-child),.yc-button-group-status-warning .yc-button:not(:last-child){border-right:1px solid rgb(var(--warning-5))}.yc-button-group-success .yc-button:not(:last-child),.yc-button-group-status-success .yc-button:not(:last-child){border-right:1px solid rgb(var(--success-5))}.yc-button-group-danger .yc-button:not(:last-child),.yc-button-group-status-danger .yc-button:not(:last-child){border-right:1px solid rgb(var(--danger-5))}
|
1
|
+
.yc-button{cursor:pointer;user-select:none;outline:none;border:1px solid transparent;font-weight:400;transition:all .1s cubic-bezier(0, 0, 1, 1);display:inline-flex;justify-content:center;align-items:center}.yc-button .yc-button-icon{flex-shrink:0;display:flex;justify-content:center;align-items:center}.yc-button .yc-button-icon .yc-spin{font-size:inherit;color:inherit}.yc-button-loading{cursor:default;position:relative}.yc-button-loading::before{content:'';display:block;z-index:1;position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;background-color:#fff;opacity:.4}.yc-button-disabled{opacity:.4;cursor:not-allowed}.yc-button-long{width:100%}.yc-button-primary.yc-button-status-normal{background-color:rgb(var(--primary-6));color:var(--color-white)}.yc-button-primary.yc-button-status-normal:not(.yc-button-disabled):not(.yc-button-loading):hover{background-color:rgb(var(--primary-5))}.yc-button-primary.yc-button-status-normal:not(.yc-button-disabled):not(.yc-button-loading):active{background-color:rgb(var(--primary-7))}.yc-button-primary.yc-button-status-warning{background-color:rgb(var(--warning-6));color:var(--color-white)}.yc-button-primary.yc-button-status-warning:not(.yc-button-disabled):not(.yc-button-loading):hover{background-color:rgb(var(--warning-5))}.yc-button-primary.yc-button-status-warning:not(.yc-button-disabled):not(.yc-button-loading):active{background-color:rgb(var(--warning-7))}.yc-button-primary.yc-button-status-success{background-color:rgb(var(--success-6));color:var(--color-white)}.yc-button-primary.yc-button-status-success:not(.yc-button-disabled):not(.yc-button-loading):hover{background-color:rgb(var(--success-5))}.yc-button-primary.yc-button-status-success:not(.yc-button-disabled):not(.yc-button-loading):active{background-color:rgb(var(--success-7))}.yc-button-primary.yc-button-status-danger{background-color:rgb(var(--danger-6));color:var(--color-white)}.yc-button-primary.yc-button-status-danger:not(.yc-button-disabled):not(.yc-button-loading):hover{background-color:rgb(var(--danger-5))}.yc-button-primary.yc-button-status-danger:not(.yc-button-disabled):not(.yc-button-loading):active{background-color:rgb(var(--danger-7))}.yc-button-secondary.yc-button-status-normal{background-color:var(--color-fill-2);color:var(--color-text-2)}.yc-button-secondary.yc-button-status-normal:not(.yc-button-disabled):not(.yc-button-loading):hover{background-color:var(--color-fill-3)}.yc-button-secondary.yc-button-status-normal:not(.yc-button-disabled):not(.yc-button-loading):active{background-color:var(--color-fill-4)}.yc-button-secondary.yc-button-status-warning{background-color:var(--color-warning-light-1);color:rgb(var(--warning-6))}.yc-button-secondary.yc-button-status-warning:not(.yc-button-disabled):not(.yc-button-loading):hover{background-color:var(--color-warning-light-2)}.yc-button-secondary.yc-button-status-warning:not(.yc-button-disabled):not(.yc-button-loading):active{background-color:var(--color-warning-light-3)}.yc-button-secondary.yc-button-status-success{background-color:var(--color-success-light-1);color:rgb(var(--success-6))}.yc-button-secondary.yc-button-status-success:not(.yc-button-disabled):not(.yc-button-loading):hover{background-color:var(--color-success-light-2)}.yc-button-secondary.yc-button-status-success:not(.yc-button-disabled):not(.yc-button-loading):active{background-color:var(--color-success-light-3)}.yc-button-secondary.yc-button-status-danger{background-color:var(--color-danger-light-1);color:rgb(var(--danger-6))}.yc-button-secondary.yc-button-status-danger:not(.yc-button-disabled):not(.yc-button-loading):hover{background-color:var(--color-danger-light-2)}.yc-button-secondary.yc-button-status-danger:not(.yc-button-disabled):not(.yc-button-loading):active{background-color:var(--color-danger-light-3)}.yc-button-dashed.yc-button-status-normal{background-color:transparent;border-color:var(--color-border-2);color:var(--color-text-2);border-style:dashed}.yc-button-dashed.yc-button-status-normal:not(.yc-button-disabled):not(.yc-button-loading):hover{background-color:var(--color-fill-2)}.yc-button-dashed.yc-button-status-normal:not(.yc-button-disabled):not(.yc-button-loading):active{background-color:var(--color-fill-3)}.yc-button-dashed.yc-button-status-normal:not(.yc-button-disabled):not(.yc-button-loading):hover{border-color:var(--color-border-3)}.yc-button-dashed.yc-button-status-normal:not(.yc-button-disabled):not(.yc-button-loading):active{border-color:var(--color-border-4)}.yc-button-dashed.yc-button-status-warning{background-color:var(--color-warning-light-1);border-color:rgb(var(--warning-2));color:rgb(var(--warning-6));border-style:dashed}.yc-button-dashed.yc-button-status-warning:not(.yc-button-disabled):not(.yc-button-loading):hover{background-color:var(--color-warning-light-2)}.yc-button-dashed.yc-button-status-warning:not(.yc-button-disabled):not(.yc-button-loading):active{background-color:var(--color-warning-light-3)}.yc-button-dashed.yc-button-status-warning:not(.yc-button-disabled):not(.yc-button-loading):hover{border-color:rgb(var(--warning-3))}.yc-button-dashed.yc-button-status-warning:not(.yc-button-disabled):not(.yc-button-loading):active{border-color:rgb(var(--warning-4))}.yc-button-dashed.yc-button-status-success{background-color:var(--color-success-light-1);border-color:rgb(var(--success-2));color:rgb(var(--success-6));border-style:dashed}.yc-button-dashed.yc-button-status-success:not(.yc-button-disabled):not(.yc-button-loading):hover{background-color:var(--color-success-light-2)}.yc-button-dashed.yc-button-status-success:not(.yc-button-disabled):not(.yc-button-loading):active{background-color:var(--color-success-light-3)}.yc-button-dashed.yc-button-status-success:not(.yc-button-disabled):not(.yc-button-loading):hover{border-color:rgb(var(--success-3))}.yc-button-dashed.yc-button-status-success:not(.yc-button-disabled):not(.yc-button-loading):active{border-color:rgb(var(--success-4))}.yc-button-dashed.yc-button-status-danger{background-color:var(--color-danger-light-1);border-color:rgb(var(--danger-2));color:rgb(var(--danger-6));border-style:dashed}.yc-button-dashed.yc-button-status-danger:not(.yc-button-disabled):not(.yc-button-loading):hover{background-color:var(--color-danger-light-2)}.yc-button-dashed.yc-button-status-danger:not(.yc-button-disabled):not(.yc-button-loading):active{background-color:var(--color-danger-light-3)}.yc-button-dashed.yc-button-status-danger:not(.yc-button-disabled):not(.yc-button-loading):hover{border-color:rgb(var(--danger-3))}.yc-button-dashed.yc-button-status-danger:not(.yc-button-disabled):not(.yc-button-loading):active{border-color:rgb(var(--danger-4))}.yc-button-outline.yc-button-status-normal{background-color:transparent;border-color:rgb(var(--primary-6));color:rgb(var(--primary-6))}.yc-button-outline.yc-button-status-normal:not(.yc-button-disabled):not(.yc-button-loading):hover{border-color:rgb(var(--primary-5))}.yc-button-outline.yc-button-status-normal:not(.yc-button-disabled):not(.yc-button-loading):active{border-color:rgb(var(--primary-7))}.yc-button-outline.yc-button-status-normal:not(.yc-button-disabled):not(.yc-button-loading):hover{color:rgb(var(--primary-5))}.yc-button-outline.yc-button-status-normal:not(.yc-button-disabled):not(.yc-button-loading):active{color:rgb(var(--primary-7))}.yc-button-outline.yc-button-status-warning{background-color:transparent;border-color:rgb(var(--warning-6));color:rgb(var(--warning-6))}.yc-button-outline.yc-button-status-warning:not(.yc-button-disabled):not(.yc-button-loading):hover{border-color:rgb(var(--warning-5))}.yc-button-outline.yc-button-status-warning:not(.yc-button-disabled):not(.yc-button-loading):active{border-color:rgb(var(--warning-7))}.yc-button-outline.yc-button-status-warning:not(.yc-button-disabled):not(.yc-button-loading):hover{color:rgb(var(--warning-5))}.yc-button-outline.yc-button-status-warning:not(.yc-button-disabled):not(.yc-button-loading):active{color:rgb(var(--warning-7))}.yc-button-outline.yc-button-status-success{background-color:transparent;border-color:rgb(var(--success-6));color:rgb(var(--success-6))}.yc-button-outline.yc-button-status-success:not(.yc-button-disabled):not(.yc-button-loading):hover{border-color:rgb(var(--success-5))}.yc-button-outline.yc-button-status-success:not(.yc-button-disabled):not(.yc-button-loading):active{border-color:rgb(var(--success-7))}.yc-button-outline.yc-button-status-success:not(.yc-button-disabled):not(.yc-button-loading):hover{color:rgb(var(--success-5))}.yc-button-outline.yc-button-status-success:not(.yc-button-disabled):not(.yc-button-loading):active{color:rgb(var(--success-7))}.yc-button-outline.yc-button-status-danger{background-color:transparent;border-color:rgb(var(--danger-6));color:rgb(var(--danger-6))}.yc-button-outline.yc-button-status-danger:not(.yc-button-disabled):not(.yc-button-loading):hover{border-color:rgb(var(--danger-5))}.yc-button-outline.yc-button-status-danger:not(.yc-button-disabled):not(.yc-button-loading):active{border-color:rgb(var(--danger-7))}.yc-button-outline.yc-button-status-danger:not(.yc-button-disabled):not(.yc-button-loading):hover{color:rgb(var(--danger-5))}.yc-button-outline.yc-button-status-danger:not(.yc-button-disabled):not(.yc-button-loading):active{color:rgb(var(--danger-7))}.yc-button-text.yc-button-status-normal{color:rgb(var(--primary-6));background-color:transparent}.yc-button-text.yc-button-status-normal:not(.yc-button-disabled):not(.yc-button-loading):hover{background-color:var(--color-fill-2)}.yc-button-text.yc-button-status-normal:not(.yc-button-disabled):not(.yc-button-loading):active{background-color:var(--color-fill-3)}.yc-button-text.yc-button-status-warning{color:rgb(var(--warning-6));background-color:transparent}.yc-button-text.yc-button-status-warning:not(.yc-button-disabled):not(.yc-button-loading):hover{background-color:var(--color-fill-2)}.yc-button-text.yc-button-status-warning:not(.yc-button-disabled):not(.yc-button-loading):active{background-color:var(--color-fill-3)}.yc-button-text.yc-button-status-success{color:rgb(var(--success-6));background-color:transparent}.yc-button-text.yc-button-status-success:not(.yc-button-disabled):not(.yc-button-loading):hover{background-color:var(--color-fill-2)}.yc-button-text.yc-button-status-success:not(.yc-button-disabled):not(.yc-button-loading):active{background-color:var(--color-fill-3)}.yc-button-text.yc-button-status-danger{color:rgb(var(--danger-6));background-color:transparent}.yc-button-text.yc-button-status-danger:not(.yc-button-disabled):not(.yc-button-loading):hover{background-color:var(--color-fill-2)}.yc-button-text.yc-button-status-danger:not(.yc-button-disabled):not(.yc-button-loading):active{background-color:var(--color-fill-3)}.yc-button-size-mini{height:24px;padding:0 11px;font-size:12px}.yc-button-size-mini .yc-button-icon{width:12px;height:12px;margin-right:4px}.yc-button-size-mini.yc-button-shape-circle{width:24px;padding:0}.yc-button-size-mini.yc-button-only-icon{width:24px;padding:0}.yc-button-size-mini.yc-button-only-icon .yc-button-icon{margin:0 }.yc-button-size-small{height:28px;padding:0 15px;font-size:14px}.yc-button-size-small .yc-button-icon{width:14px;height:14px;margin-right:6px}.yc-button-size-small.yc-button-shape-circle{width:28px;padding:0}.yc-button-size-small.yc-button-only-icon{width:28px;padding:0}.yc-button-size-small.yc-button-only-icon .yc-button-icon{margin:0 }.yc-button-size-medium{height:32px;padding:0 15px;font-size:14px}.yc-button-size-medium .yc-button-icon{width:14px;height:14px;margin-right:8px}.yc-button-size-medium.yc-button-shape-circle{width:32px;padding:0}.yc-button-size-medium.yc-button-only-icon{width:32px;padding:0}.yc-button-size-medium.yc-button-only-icon .yc-button-icon{margin:0 }.yc-button-size-large{height:36px;padding:0 19px;font-size:14px}.yc-button-size-large .yc-button-icon{width:14px;height:14px;margin-right:8px}.yc-button-size-large.yc-button-shape-circle{width:36px;padding:0}.yc-button-size-large.yc-button-only-icon{width:36px;padding:0}.yc-button-size-large.yc-button-only-icon .yc-button-icon{margin:0 }.yc-button-shape-square{border-radius:var(--border-radius-small)}.yc-button-shape-round{border-radius:30px}.yc-button-shape-circle{border-radius:var(--border-radius-circle)}.yc-button-group{display:inline-flex;align-items:center}.yc-button-group .yc-button{flex-shrink:0}.yc-button-group .yc-button:not(:first-child):not(:last-child){border-radius:var(--border-radius-none)}.yc-button-group .yc-button:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.yc-button-group .yc-button:last-child{border-top-left-radius:0;border-bottom-left-radius:0;border-right:none}.yc-button-group-dashed .yc-button:not(:first-child),.yc-button-group-outline .yc-button:not(:first-child){border-left:none}.yc-button-group-primary .yc-button:not(:last-child),.yc-button-group-status-primary .yc-button:not(:last-child){border-right:1px solid rgb(var(--primary-5))}.yc-button-group-secondary .yc-button:not(:last-child),.yc-button-group-status-secondary .yc-button:not(:last-child){border-right:1px solid var(--color-secondary-hover)}.yc-button-group-warning .yc-button:not(:last-child),.yc-button-group-status-warning .yc-button:not(:last-child){border-right:1px solid rgb(var(--warning-5))}.yc-button-group-success .yc-button:not(:last-child),.yc-button-group-status-success .yc-button:not(:last-child){border-right:1px solid rgb(var(--success-5))}.yc-button-group-danger .yc-button:not(:last-child),.yc-button-group-status-danger .yc-button:not(:last-child){border-right:1px solid rgb(var(--danger-5))}
|
@@ -6,12 +6,12 @@ import { useI18n } from "../_shared/utils/locale.js";
|
|
6
6
|
/* empty css */
|
7
7
|
/* empty css */
|
8
8
|
/* empty css */
|
9
|
-
import _sfc_main$6 from "../_shared/icons/IconFullScreen.
|
10
|
-
import _sfc_main$1 from "../_shared/icons/IconOriginSize.
|
11
|
-
import _sfc_main$4 from "../_shared/icons/IconRotateLeft.
|
12
|
-
import _sfc_main$5 from "../_shared/icons/IconRotateRight.
|
13
|
-
import _sfc_main$3 from "../_shared/icons/IconZoomIn.
|
14
|
-
import _sfc_main$2 from "../_shared/icons/IconZoomOut.
|
9
|
+
import _sfc_main$6 from "../_shared/icons/IconFullScreen.vue.js";
|
10
|
+
import _sfc_main$1 from "../_shared/icons/IconOriginSize.vue.js";
|
11
|
+
import _sfc_main$4 from "../_shared/icons/IconRotateLeft.vue.js";
|
12
|
+
import _sfc_main$5 from "../_shared/icons/IconRotateRight.vue.js";
|
13
|
+
import _sfc_main$3 from "../_shared/icons/IconZoomIn.vue.js";
|
14
|
+
import _sfc_main$2 from "../_shared/icons/IconZoomOut.vue.js";
|
15
15
|
import _sfc_main$7 from "./ImagePreviewAction.vue.js";
|
16
16
|
/* empty css */
|
17
17
|
const _hoisted_1 = {
|
@@ -195,7 +195,6 @@ declare const __VLS_component: import('vue').DefineComponent<InputNumberProps, {
|
|
195
195
|
precision: number;
|
196
196
|
step: number;
|
197
197
|
hideButton: boolean;
|
198
|
-
modelEvent: import('./type').ModelEvent;
|
199
198
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
200
199
|
inputRef: ({
|
201
200
|
$: import('vue').ComponentInternalInstance;
|
@@ -28,7 +28,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
28
28
|
hideButton: { type: Boolean, default: false },
|
29
29
|
size: { default: void 0 },
|
30
30
|
allowClear: { type: Boolean, default: false },
|
31
|
-
modelEvent: { default: "change" },
|
32
31
|
formatter: {},
|
33
32
|
parser: {},
|
34
33
|
readonly: { type: Boolean, default: false },
|
@@ -49,7 +48,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
49
48
|
disabled,
|
50
49
|
hideButton,
|
51
50
|
mode,
|
52
|
-
modelEvent,
|
53
51
|
precision: _precision
|
54
52
|
} = toRefs(props);
|
55
53
|
const { formatter, parser } = props;
|
@@ -58,10 +56,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
58
56
|
modelValue,
|
59
57
|
defaultValue.value,
|
60
58
|
(val) => {
|
61
|
-
emits(
|
62
|
-
"update:modelValue",
|
63
|
-
modelEvent.value == "change" ? val : handlePrecision(val, "number")
|
64
|
-
);
|
59
|
+
emits("update:modelValue", val);
|
65
60
|
},
|
66
61
|
(val) => {
|
67
62
|
const value = isString(val) ? val : handlePrecision(val, "string");
|
@@ -7,7 +7,7 @@ import "../_shared/utils/locale.js";
|
|
7
7
|
/* empty css */
|
8
8
|
/* empty css */
|
9
9
|
/* empty css */
|
10
|
-
import _sfc_main$2 from "../_shared/icons/IconMinus.
|
10
|
+
import _sfc_main$2 from "../_shared/icons/IconMinus.vue2.js";
|
11
11
|
import _sfc_main$3 from "../_shared/icons/IconPlus.vue.js";
|
12
12
|
import Button from "../Button/index.js";
|
13
13
|
const _sfc_main = /* @__PURE__ */ defineComponent({
|
@@ -40,7 +40,6 @@ declare const InputNumber: {
|
|
40
40
|
precision: number;
|
41
41
|
step: number;
|
42
42
|
hideButton: boolean;
|
43
|
-
modelEvent: import('./type').ModelEvent;
|
44
43
|
}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
|
45
44
|
inputRef: ({
|
46
45
|
$: import('vue').ComponentInternalInstance;
|
@@ -228,7 +227,6 @@ declare const InputNumber: {
|
|
228
227
|
precision: number;
|
229
228
|
step: number;
|
230
229
|
hideButton: boolean;
|
231
|
-
modelEvent: import('./type').ModelEvent;
|
232
230
|
}>;
|
233
231
|
__isFragment?: never;
|
234
232
|
__isTeleport?: never;
|
@@ -270,7 +268,6 @@ declare const InputNumber: {
|
|
270
268
|
precision: number;
|
271
269
|
step: number;
|
272
270
|
hideButton: boolean;
|
273
|
-
modelEvent: import('./type').ModelEvent;
|
274
271
|
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
|
275
272
|
$slots: Readonly<import('./type').InputNumberSlots> & import('./type').InputNumberSlots;
|
276
273
|
}) & {
|
package/es/InputNumber/type.d.ts
CHANGED
@@ -14,7 +14,6 @@ export interface InputNumberProps {
|
|
14
14
|
hideButton?: boolean;
|
15
15
|
size?: Size;
|
16
16
|
allowClear?: boolean;
|
17
|
-
modelEvent?: ModelEvent;
|
18
17
|
formatter?: InputNumberFormatter;
|
19
18
|
parser?: InputNumberParser;
|
20
19
|
readonly?: boolean;
|
@@ -45,6 +44,5 @@ export interface InputNumberExpose {
|
|
45
44
|
}
|
46
45
|
export type InputNumberValue = number | string;
|
47
46
|
export type InputNumberMode = 'embed' | 'button';
|
48
|
-
export type ModelEvent = 'change' | 'input';
|
49
47
|
export type InputNumberFormatter = (value: string) => string;
|
50
48
|
export type InputNumberParser = (value: string) => string;
|
@@ -28,7 +28,9 @@ const useSelectHotkeys = (params) => {
|
|
28
28
|
curIndex.value++;
|
29
29
|
curIndex.value = curIndex.value >= options.value.length ? 0 : curIndex.value;
|
30
30
|
} else {
|
31
|
-
const
|
31
|
+
const option = options.value[curIndex.value];
|
32
|
+
if (option.disabled) return;
|
33
|
+
const value = option.value;
|
32
34
|
if (multiple.value) {
|
33
35
|
const curValue = computedValue.value;
|
34
36
|
const index = curValue.findIndex((item) => item == value);
|
@@ -60,7 +60,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
60
60
|
setup(__props, { emit: __emit }) {
|
61
61
|
const props = __props;
|
62
62
|
const emits = __emit;
|
63
|
-
const {
|
63
|
+
const { size } = getGlobalConfig(props);
|
64
64
|
const {
|
65
65
|
type,
|
66
66
|
computedValue,
|
@@ -105,7 +105,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
105
105
|
return openBlock(), createBlock(unref(Trigger), mergeProps({
|
106
106
|
"popup-visible": unref(computedVisible),
|
107
107
|
position: _ctx.position,
|
108
|
-
"popup-container":
|
108
|
+
"popup-container": _ctx.popupContainer,
|
109
109
|
"popup-offset": 4,
|
110
110
|
"unmount-on-close": _ctx.unmountOnClose,
|
111
111
|
disabled: unref(disabled) || unref(readonly),
|
@@ -8,8 +8,8 @@ import "../_shared/utils/locale.js";
|
|
8
8
|
/* empty css */
|
9
9
|
/* empty css */
|
10
10
|
import _sfc_main$4 from "../_shared/icons/IconClose.vue.js";
|
11
|
-
import _sfc_main$2 from "../_shared/icons/IconDelete.
|
12
|
-
import _sfc_main$3 from "../_shared/icons/IconSearch.
|
11
|
+
import _sfc_main$2 from "../_shared/icons/IconDelete.vue2.js";
|
12
|
+
import _sfc_main$3 from "../_shared/icons/IconSearch.vue2.js";
|
13
13
|
import useContext from "./hooks/useContext.js";
|
14
14
|
import Checkbox from "../Checkbox/index.js";
|
15
15
|
import Scrollbar from "../Scrollbar/index.js";
|
@@ -217,14 +217,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
217
217
|
onChange: (isSelected) => handleCheck(isSelected, item.value)
|
218
218
|
}, {
|
219
219
|
default: withCtx(() => [
|
220
|
-
unref(slots).item ? (openBlock(), createBlock(resolveDynamicComponent(renderItem(item)), { key: 0 })) :
|
221
|
-
|
220
|
+
unref(slots).item ? (openBlock(), createBlock(resolveDynamicComponent(renderItem(item)), { key: 0 })) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
|
221
|
+
createTextVNode(toDisplayString(item.label), 1)
|
222
|
+
], 64))
|
222
223
|
]),
|
223
224
|
_: 2
|
224
225
|
}, 1032, ["model-value", "disabled", "onChange"])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
|
225
226
|
createElementVNode("span", _hoisted_9, [
|
226
|
-
unref(slots).item ? (openBlock(), createBlock(resolveDynamicComponent(renderItem(item)), { key: 0 })) :
|
227
|
-
|
227
|
+
unref(slots).item ? (openBlock(), createBlock(resolveDynamicComponent(renderItem(item)), { key: 0 })) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
|
228
|
+
createTextVNode(toDisplayString(item.label), 1)
|
229
|
+
], 64))
|
228
230
|
]),
|
229
231
|
unref(type) == "target" && !unref(simple) ? (openBlock(), createBlock(unref(_sfc_main$1), {
|
230
232
|
key: 0,
|
package/es/Transfer/type.d.ts
CHANGED
@@ -29,18 +29,12 @@ export interface TransferSlots {
|
|
29
29
|
'target-title'?: (scope: TitleSlots) => VNode[];
|
30
30
|
'to-source-icon'?: () => VNode[];
|
31
31
|
'to-target-icon'?: () => VNode[];
|
32
|
-
item?: (scope:
|
33
|
-
value: string;
|
34
|
-
label: string;
|
35
|
-
}) => VNode[];
|
32
|
+
item?: (scope: TransferItem) => VNode[];
|
36
33
|
}
|
37
34
|
export interface TransferPanelSlots {
|
38
35
|
default: (scope: DefaultSlots) => VNode[];
|
39
36
|
title: (scope: TitleSlots) => VNode[];
|
40
|
-
item: (scope:
|
41
|
-
value: string;
|
42
|
-
label: string;
|
43
|
-
}) => VNode[];
|
37
|
+
item: (scope: TransferItem) => VNode[];
|
44
38
|
}
|
45
39
|
export interface TransferItem {
|
46
40
|
label?: string;
|
@@ -59,7 +53,7 @@ type TitleSlots = {
|
|
59
53
|
};
|
60
54
|
type DefaultSlots = {
|
61
55
|
data: TransferItem[];
|
62
|
-
selectedKeys:
|
56
|
+
selectedKeys: TransferItemValue[];
|
63
57
|
onSelect: (value: TransferItemValue[]) => void;
|
64
58
|
};
|
65
59
|
export {};
|
@@ -3,7 +3,6 @@ import { useElementSize, useElementBounding, unrefElement } from "../../node_mod
|
|
3
3
|
import "../../node_modules/tinycolor2/esm/tinycolor.js";
|
4
4
|
import { valueToPx, sleep } from "../../_shared/utils/dom.js";
|
5
5
|
import "../../_shared/utils/time.js";
|
6
|
-
import { getGlobalConfig } from "../../_shared/utils/global-config.js";
|
7
6
|
import "../../_shared/utils/locale.js";
|
8
7
|
const useTriggerPosition = (params) => {
|
9
8
|
const {
|
@@ -29,7 +28,6 @@ const useTriggerPosition = (params) => {
|
|
29
28
|
arrowStyle: _arrowStyle,
|
30
29
|
contentStyle: _contentStyle
|
31
30
|
} = toRefs(props);
|
32
|
-
const { zIndex } = getGlobalConfig(props);
|
33
31
|
const position = ref(_position.value);
|
34
32
|
const { width: popupWidth, height: popupHeight } = useElementSize(
|
35
33
|
popupRef,
|
@@ -64,8 +62,7 @@ const useTriggerPosition = (params) => {
|
|
64
62
|
top: valueToPx(mouseY.value + offsetY),
|
65
63
|
left: valueToPx(
|
66
64
|
mouseX.value - (autoFitPosition.value ? 0 : popupWidth.value / 2) + offsetX
|
67
|
-
)
|
68
|
-
zIndex: zIndex.value
|
65
|
+
)
|
69
66
|
};
|
70
67
|
}
|
71
68
|
const [offsetLeft, offsetTop] = calcPopupPosition({
|
@@ -82,8 +79,7 @@ const useTriggerPosition = (params) => {
|
|
82
79
|
if (!autoFitPosition.value) {
|
83
80
|
return {
|
84
81
|
top: valueToPx(offsetTop + offsetY),
|
85
|
-
left: valueToPx(offsetLeft + offsetX)
|
86
|
-
zIndex: zIndex.value
|
82
|
+
left: valueToPx(offsetLeft + offsetX)
|
87
83
|
};
|
88
84
|
}
|
89
85
|
const [newLeft, newTop] = calcCurPopupPosition({
|
@@ -112,8 +108,7 @@ const useTriggerPosition = (params) => {
|
|
112
108
|
const [newOffsetX, newOffsetY] = calcPopupOffset();
|
113
109
|
return {
|
114
110
|
left: valueToPx(newLeft + newOffsetX),
|
115
|
-
top: valueToPx(newTop + newOffsetY)
|
116
|
-
zIndex: zIndex.value
|
111
|
+
top: valueToPx(newTop + newOffsetY)
|
117
112
|
};
|
118
113
|
});
|
119
114
|
const contentStyle = computed(() => {
|
package/es/Trigger/index.vue.js
CHANGED
@@ -68,7 +68,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
68
68
|
const slots = useSlots();
|
69
69
|
const props = __props;
|
70
70
|
const emits = __emit;
|
71
|
-
const { popupContainer, isAbsolute } = getGlobalConfig(props);
|
71
|
+
const { popupContainer, isAbsolute, zIndex } = getGlobalConfig(props);
|
72
72
|
const popupRef = ref();
|
73
73
|
const triggerRef = ref();
|
74
74
|
const arrowRef = ref();
|
@@ -148,6 +148,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
148
148
|
_ctx.$attrs.class
|
149
149
|
]),
|
150
150
|
style: normalizeStyle({
|
151
|
+
zIndex: unref(zIndex),
|
151
152
|
...unref(popupStyle),
|
152
153
|
..._ctx.$attrs.style || {}
|
153
154
|
}),
|
@@ -8,8 +8,8 @@ import useControlValue from "../_shared/utils/control.js";
|
|
8
8
|
/* empty css */
|
9
9
|
/* empty css */
|
10
10
|
/* empty css */
|
11
|
-
import _sfc_main$3 from "../_shared/icons/IconCopy.
|
12
|
-
import _sfc_main$1 from "../_shared/icons/IconEdit.
|
11
|
+
import _sfc_main$3 from "../_shared/icons/IconCopy.vue.js";
|
12
|
+
import _sfc_main$1 from "../_shared/icons/IconEdit.vue.js";
|
13
13
|
import _sfc_main$2 from "../_shared/icons/IconInfo.vue.js";
|
14
14
|
import Input from "../Input/index.js";
|
15
15
|
import Tooltip from "../Tooltip/index.js";
|
@@ -1,9 +1,10 @@
|
|
1
|
-
import { defineComponent, toRefs, computed, ref, createElementBlock, openBlock, normalizeClass, Fragment, renderList, createVNode, createBlock, createCommentVNode,
|
1
|
+
import { defineComponent, toRefs, computed, ref, createElementBlock, openBlock, normalizeClass, unref, Fragment, renderList, createVNode, createBlock, createCommentVNode, resolveDynamicComponent } from "vue";
|
2
2
|
import "../node_modules/tinycolor2/esm/tinycolor.js";
|
3
3
|
import { sleep } from "../_shared/utils/dom.js";
|
4
4
|
import { isNumber, isString, isFunction } from "../_shared/utils/is.js";
|
5
5
|
import "../_shared/utils/time.js";
|
6
6
|
import { getSlotFunction } from "../_shared/utils/vue-utils.js";
|
7
|
+
import { getGlobalConfig } from "../_shared/utils/global-config.js";
|
7
8
|
import "../_shared/utils/locale.js";
|
8
9
|
import useControlValue from "../_shared/utils/control.js";
|
9
10
|
import { nanoid } from "../node_modules/nanoid/index.browser.js";
|
@@ -31,6 +32,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
31
32
|
const emits = __emit;
|
32
33
|
const { modelValue, defaultValue, length: _length } = toRefs(props);
|
33
34
|
const { formatter } = props;
|
35
|
+
const { size } = getGlobalConfig(props);
|
34
36
|
const computedValue = useControlValue(
|
35
37
|
modelValue,
|
36
38
|
defaultValue.value,
|
@@ -89,14 +91,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
89
91
|
};
|
90
92
|
return (_ctx, _cache) => {
|
91
93
|
return openBlock(), createElementBlock("div", {
|
92
|
-
class: normalizeClass(["yc-verification-code", `yc-verification-code-size-${
|
94
|
+
class: normalizeClass(["yc-verification-code", `yc-verification-code-size-${unref(size)}`])
|
93
95
|
}, [
|
94
96
|
(openBlock(true), createElementBlock(Fragment, null, renderList(length.value, (v, i) => {
|
95
97
|
var _a;
|
96
98
|
return openBlock(), createElementBlock(Fragment, { key: v }, [
|
97
99
|
createVNode(unref(Input), {
|
98
100
|
"model-value": inputValue.value[i],
|
99
|
-
size:
|
101
|
+
size: unref(size),
|
100
102
|
disabled: _ctx.disabled,
|
101
103
|
error: _ctx.error,
|
102
104
|
"invisible-button": false,
|
package/es/Watermark/index.d.ts
CHANGED
@@ -6,12 +6,12 @@ declare const Watermark: {
|
|
6
6
|
new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./type').WatermarkProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
|
7
7
|
width: number;
|
8
8
|
height: number;
|
9
|
-
zIndex: number;
|
10
9
|
repeat: boolean;
|
11
10
|
content: string | string[];
|
12
11
|
alpha: number;
|
13
12
|
rotate: number;
|
14
13
|
image: string;
|
14
|
+
zIndex: number;
|
15
15
|
offset: number[];
|
16
16
|
font: import('./type').WatermarkFont;
|
17
17
|
gap: number[];
|
@@ -30,12 +30,12 @@ declare const Watermark: {
|
|
30
30
|
}, Readonly<import('./type').WatermarkProps> & Readonly<{}>, {}, {}, {}, {}, {
|
31
31
|
width: number;
|
32
32
|
height: number;
|
33
|
-
zIndex: number;
|
34
33
|
repeat: boolean;
|
35
34
|
content: string | string[];
|
36
35
|
alpha: number;
|
37
36
|
rotate: number;
|
38
37
|
image: string;
|
38
|
+
zIndex: number;
|
39
39
|
offset: number[];
|
40
40
|
font: import('./type').WatermarkFont;
|
41
41
|
gap: number[];
|
@@ -49,12 +49,12 @@ declare const Watermark: {
|
|
49
49
|
} & import('vue').ComponentOptionsBase<Readonly<import('./type').WatermarkProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
|
50
50
|
width: number;
|
51
51
|
height: number;
|
52
|
-
zIndex: number;
|
53
52
|
repeat: boolean;
|
54
53
|
content: string | string[];
|
55
54
|
alpha: number;
|
56
55
|
rotate: number;
|
57
56
|
image: string;
|
57
|
+
zIndex: number;
|
58
58
|
offset: number[];
|
59
59
|
font: import('./type').WatermarkFont;
|
60
60
|
gap: number[];
|
@@ -11,12 +11,12 @@ type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
11
11
|
declare const __VLS_component: import('vue').DefineComponent<WatermarkProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<WatermarkProps> & Readonly<{}>, {
|
12
12
|
width: number;
|
13
13
|
height: number;
|
14
|
-
zIndex: number;
|
15
14
|
repeat: boolean;
|
16
15
|
content: string | string[];
|
17
16
|
alpha: number;
|
18
17
|
rotate: number;
|
19
18
|
image: string;
|
19
|
+
zIndex: number;
|
20
20
|
offset: number[];
|
21
21
|
font: import('./type').WatermarkFont;
|
22
22
|
gap: number[];
|
@@ -1,4 +1,26 @@
|
|
1
|
-
import
|
1
|
+
import { defineComponent, createBlock, openBlock, unref, normalizeProps, guardReactiveProps, withCtx, createElementVNode } from "vue";
|
2
|
+
import "../../node_modules/tinycolor2/esm/tinycolor.js";
|
3
|
+
import "../utils/dom.js";
|
4
|
+
import "../utils/time.js";
|
5
|
+
import "../utils/locale.js";
|
6
|
+
/* empty css */
|
7
|
+
/* empty css */
|
8
|
+
import _sfc_main$1 from "../components/Icon/index.vue3.js";
|
9
|
+
/* empty css */
|
10
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
11
|
+
__name: "IconCopy",
|
12
|
+
setup(__props) {
|
13
|
+
return (_ctx, _cache) => {
|
14
|
+
return openBlock(), createBlock(unref(_sfc_main$1), normalizeProps(guardReactiveProps(_ctx.$attrs)), {
|
15
|
+
default: withCtx(() => _cache[0] || (_cache[0] = [
|
16
|
+
createElementVNode("path", { d: "M20 6h18a2 2 0 0 1 2 2v22M8 16v24c0 1.105.891 2 1.996 2h20.007A1.99 1.99 0 0 0 32 40.008V15.997A1.997 1.997 0 0 0 30 14H10a2 2 0 0 0-2 2Z" }, null, -1)
|
17
|
+
])),
|
18
|
+
_: 1,
|
19
|
+
__: [0]
|
20
|
+
}, 16);
|
21
|
+
};
|
22
|
+
}
|
23
|
+
});
|
2
24
|
export {
|
3
25
|
_sfc_main as default
|
4
26
|
};
|
@@ -1,26 +1,4 @@
|
|
1
|
-
import
|
2
|
-
import "../../node_modules/tinycolor2/esm/tinycolor.js";
|
3
|
-
import "../utils/dom.js";
|
4
|
-
import "../utils/time.js";
|
5
|
-
import "../utils/locale.js";
|
6
|
-
/* empty css */
|
7
|
-
/* empty css */
|
8
|
-
import _sfc_main$1 from "../components/Icon/index.vue3.js";
|
9
|
-
/* empty css */
|
10
|
-
const _sfc_main = /* @__PURE__ */ defineComponent({
|
11
|
-
__name: "IconCopy",
|
12
|
-
setup(__props) {
|
13
|
-
return (_ctx, _cache) => {
|
14
|
-
return openBlock(), createBlock(unref(_sfc_main$1), normalizeProps(guardReactiveProps(_ctx.$attrs)), {
|
15
|
-
default: withCtx(() => _cache[0] || (_cache[0] = [
|
16
|
-
createElementVNode("path", { d: "M20 6h18a2 2 0 0 1 2 2v22M8 16v24c0 1.105.891 2 1.996 2h20.007A1.99 1.99 0 0 0 32 40.008V15.997A1.997 1.997 0 0 0 30 14H10a2 2 0 0 0-2 2Z" }, null, -1)
|
17
|
-
])),
|
18
|
-
_: 1,
|
19
|
-
__: [0]
|
20
|
-
}, 16);
|
21
|
-
};
|
22
|
-
}
|
23
|
-
});
|
1
|
+
import _sfc_main from "./IconCopy.vue.js";
|
24
2
|
export {
|
25
3
|
_sfc_main as default
|
26
4
|
};
|
@@ -1,26 +1,4 @@
|
|
1
|
-
import
|
2
|
-
import "../../node_modules/tinycolor2/esm/tinycolor.js";
|
3
|
-
import "../utils/dom.js";
|
4
|
-
import "../utils/time.js";
|
5
|
-
import "../utils/locale.js";
|
6
|
-
/* empty css */
|
7
|
-
/* empty css */
|
8
|
-
import _sfc_main$1 from "../components/Icon/index.vue3.js";
|
9
|
-
/* empty css */
|
10
|
-
const _sfc_main = /* @__PURE__ */ defineComponent({
|
11
|
-
__name: "IconDelete",
|
12
|
-
setup(__props) {
|
13
|
-
return (_ctx, _cache) => {
|
14
|
-
return openBlock(), createBlock(unref(_sfc_main$1), normalizeProps(guardReactiveProps(_ctx.$attrs)), {
|
15
|
-
default: withCtx(() => _cache[0] || (_cache[0] = [
|
16
|
-
createElementVNode("path", { d: "M5 11h5.5m0 0v29a1 1 0 0 0 1 1h25a1 1 0 0 0 1-1V11m-27 0H16m21.5 0H43m-5.5 0H32m-16 0V7h16v4m-16 0h16M20 18v15m8-15v15" }, null, -1)
|
17
|
-
])),
|
18
|
-
_: 1,
|
19
|
-
__: [0]
|
20
|
-
}, 16);
|
21
|
-
};
|
22
|
-
}
|
23
|
-
});
|
1
|
+
import _sfc_main from "./IconDelete.vue2.js";
|
24
2
|
export {
|
25
3
|
_sfc_main as default
|
26
4
|
};
|