@wfrog/vc-ui 1.9.19 → 1.9.20
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/es/chunk/{ClZGuAIb.mjs → DZ5W9TaA.mjs} +4 -1
- package/dist/es/components/awesome-icon/index.mjs +1 -1
- package/dist/es/components/backbottom/index.mjs +1 -1
- package/dist/es/components/button/index.mjs +1 -1
- package/dist/es/components/cdn-tag.vue.d.ts +5 -0
- package/dist/es/components/chat-container/index.mjs +1 -1
- package/dist/es/components/choice/index.mjs +1 -1
- package/dist/es/components/choice-boolean/index.mjs +1 -1
- package/dist/es/components/color-switcher/index.mjs +1 -1
- package/dist/es/components/config-provider/index.mjs +1 -1
- package/dist/es/components/cropper/index.mjs +1 -1
- package/dist/es/components/currency/index.mjs +1 -1
- package/dist/es/components/dark-switcher/index.mjs +1 -1
- package/dist/es/components/daterange-picker/index.mjs +1 -1
- package/dist/es/components/dialog/index.mjs +1 -1
- package/dist/es/components/dialog-camera-upload/index.mjs +1 -1
- package/dist/es/components/dialog-map-point/index.mjs +1 -1
- package/dist/es/components/dialog-upload-images/index.mjs +1 -1
- package/dist/es/components/drag-verify/index.mjs +1 -1
- package/dist/es/components/drawer/index.mjs +1 -1
- package/dist/es/components/easy-pagination/index.mjs +1 -1
- package/dist/es/components/el-icon/index.mjs +1 -1
- package/dist/es/components/explorer/index.mjs +1 -1
- package/dist/es/components/explorer-column-table/index.mjs +1 -1
- package/dist/es/components/explorer-container/index.mjs +1 -1
- package/dist/es/components/explorer-filter/index.mjs +1 -1
- package/dist/es/components/explorer-footer/index.mjs +1 -1
- package/dist/es/components/explorer-form/index.mjs +1 -1
- package/dist/es/components/explorer-list/index.mjs +1 -1
- package/dist/es/components/explorer-modal-form/index.mjs +1 -1
- package/dist/es/components/explorer-panel/index.mjs +1 -1
- package/dist/es/components/explorer-query/index.mjs +1 -1
- package/dist/es/components/explorer-table/index.mjs +1 -1
- package/dist/es/components/explorer-tools/index.mjs +1 -1
- package/dist/es/components/explorer-tree/index.mjs +1 -1
- package/dist/es/components/flag/index.mjs +1 -1
- package/dist/es/components/icon/index.mjs +1 -1
- package/dist/es/components/icon-picker/index.mjs +1 -1
- package/dist/es/components/iconify-icon/index.mjs +1 -1
- package/dist/es/components/image/index.mjs +1 -1
- package/dist/es/components/input/index.css +2 -6
- package/dist/es/components/input/index.mjs +1 -1
- package/dist/es/components/input/input.d.ts +1 -2
- package/dist/es/components/input/input.mjs +6 -12
- package/dist/es/components/input/input.vue.d.ts +0 -1
- package/dist/es/components/input-number/index.css +11 -10
- package/dist/es/components/input-number/index.mjs +1 -1
- package/dist/es/components/input-number/input-number.d.ts +1 -1
- package/dist/es/components/input-number/input-number.mjs +10 -6
- package/dist/es/components/input-number/input-number.vue.d.ts +0 -1
- package/dist/es/components/pca-picker/index.css +14 -13
- package/dist/es/components/pca-picker/index.mjs +1 -1
- package/dist/es/components/pca-picker/pca-picker.d.ts +1 -0
- package/dist/es/components/pca-picker/pca-picker.mjs +22 -9
- package/dist/es/components/qr-code/index.mjs +1 -1
- package/dist/es/components/screenfull/index.mjs +1 -1
- package/dist/es/components/scrollbar/index.mjs +1 -1
- package/dist/es/components/select/index.css +2 -7
- package/dist/es/components/select/index.mjs +1 -1
- package/dist/es/components/select/select.d.ts +1 -2
- package/dist/es/components/select/select.mjs +6 -12
- package/dist/es/components/select/select.vue.d.ts +1 -2
- package/dist/es/components/single-player/index.mjs +1 -1
- package/dist/es/components/splitter/index.mjs +1 -1
- package/dist/es/components/splitter-panel/index.mjs +1 -1
- package/dist/es/components/svg-icon/index.mjs +1 -1
- package/dist/es/components/switch/index.mjs +1 -1
- package/dist/es/components/sync-scroll-container/index.mjs +1 -1
- package/dist/es/components/tags/index.mjs +1 -1
- package/dist/es/components/text-ellipsis/index.mjs +1 -1
- package/dist/es/components/thousand-input/index.mjs +1 -1
- package/dist/es/components/thousand-input/thousand-input.mjs +1 -0
- package/dist/es/components/thousand-input/thousand-input.vue.d.ts +4 -10
- package/dist/es/components/tinymce/index.mjs +1 -1
- package/dist/es/components/transfer/index.css +12 -18
- package/dist/es/components/transfer/index.mjs +1 -1
- package/dist/es/components/transfer/transfer.d.ts +1 -2
- package/dist/es/components/transfer/transfer.mjs +14 -17
- package/dist/es/components/transfer-panel/index.mjs +1 -1
- package/dist/es/components/tree-picker/index.css +15 -18
- package/dist/es/components/tree-picker/index.mjs +1 -1
- package/dist/es/components/tree-picker/tree-picker.d.ts +1 -2
- package/dist/es/components/tree-picker/tree-picker.mjs +14 -16
- package/dist/es/components/upload-file/index.mjs +1 -1
- package/dist/es/index.mjs +1 -1
- package/dist/es/utils/index.d.ts +1 -0
- package/dist/index.css +56 -72
- package/package.json +1 -1
|
@@ -8,9 +8,10 @@ import '../../chunk/DFOYvCRL.mjs';
|
|
|
8
8
|
import '../../chunk/DBf73TLo.mjs';
|
|
9
9
|
import '../../chunk/Do7HIVy5.mjs';
|
|
10
10
|
import '../../chunk/CqhShW5K.mjs';
|
|
11
|
-
import { defineComponent, inject, computed, createBlock, openBlock, resolveDynamicComponent, normalizeStyle, normalizeClass, withCtx, renderSlot, provide, useSlots, ref, watch, onMounted, createElementBlock, createCommentVNode, createElementVNode, unref, nextTick, onBeforeUnmount, createTextVNode, toDisplayString, shallowRef, toRefs, Fragment, createVNode, renderList, useTemplateRef, mergeProps, isRef, useCssModule } from 'vue';
|
|
11
|
+
import { defineComponent, inject, computed, createBlock, openBlock, resolveDynamicComponent, normalizeStyle, normalizeClass, withCtx, renderSlot, provide, useSlots, ref, watch, onMounted, createElementBlock, createCommentVNode, createElementVNode, unref, nextTick, onBeforeUnmount, createTextVNode, toDisplayString, shallowRef, toRefs, Fragment, createVNode, renderList, useTemplateRef, mergeProps, isRef, useCssVars, useCssModule } from 'vue';
|
|
12
12
|
import { useFormDisabled, useFormItem } from 'element-plus';
|
|
13
13
|
import { useInject, useProvide } from '../../use/useStore/index.mjs';
|
|
14
|
+
import { f as formatToPx } from '../../chunk/DZ5W9TaA.mjs';
|
|
14
15
|
import { i as injectConfig } from '../config-provider/config-provider2.mjs';
|
|
15
16
|
import { isClient, useEventListener, useStorage, useVModel, useToggle, onClickOutside, useThrottleFn } from '@vueuse/core';
|
|
16
17
|
import { i as index } from '../../chunk/D9iEroQw.mjs';
|
|
@@ -1270,10 +1271,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
1270
1271
|
activeMark: { type: Boolean, default: true },
|
|
1271
1272
|
syncActive: { type: Boolean, default: false },
|
|
1272
1273
|
limit: {},
|
|
1273
|
-
props: {}
|
|
1274
|
+
props: {},
|
|
1275
|
+
width: {}
|
|
1274
1276
|
},
|
|
1275
1277
|
emits: ["update:modelValue", "change", "blur", "limit"],
|
|
1276
1278
|
setup(__props, { expose: __expose, emit: __emit }) {
|
|
1279
|
+
useCssVars((_ctx) => ({
|
|
1280
|
+
"v51828de6": unref(myWidth)
|
|
1281
|
+
}));
|
|
1277
1282
|
const props = __props;
|
|
1278
1283
|
const emits = __emit;
|
|
1279
1284
|
const myValue = useVModel(props, "modelValue", emits);
|
|
@@ -1321,6 +1326,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
1321
1326
|
}
|
|
1322
1327
|
});
|
|
1323
1328
|
const selectClassName = computed(() => ({ [$style["is-active"]]: popoverVisible.value }));
|
|
1329
|
+
const wrapperClassName = computed(() => {
|
|
1330
|
+
return {
|
|
1331
|
+
[$style.wrapper]: true,
|
|
1332
|
+
[$style["wrapper-width"]]: !!props.width
|
|
1333
|
+
};
|
|
1334
|
+
});
|
|
1335
|
+
const myWidth = computed(() => props.width ? formatToPx(props.width) : "auto");
|
|
1324
1336
|
const handleSelectClick = useThrottleFn(() => !loading.value && !formDisabled.value && togglePopoverVisible(), 300);
|
|
1325
1337
|
function handleKeyup(event) {
|
|
1326
1338
|
keyword.value = event.target.value;
|
|
@@ -1414,7 +1426,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
1414
1426
|
}, {
|
|
1415
1427
|
reference: withCtx(() => [
|
|
1416
1428
|
createElementVNode("div", {
|
|
1417
|
-
class: normalizeClass(unref(
|
|
1429
|
+
class: normalizeClass(unref(wrapperClassName)),
|
|
1418
1430
|
onClickCapture: _cache[2] || (_cache[2] = //@ts-ignore
|
|
1419
1431
|
(...args) => unref(handleSelectClick) && unref(handleSelectClick)(...args)),
|
|
1420
1432
|
onKeyup: handleKeyup
|
|
@@ -1461,17 +1473,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
1461
1473
|
}
|
|
1462
1474
|
});
|
|
1463
1475
|
|
|
1464
|
-
/* unplugin-vue-components disabled */const popover = "
|
|
1465
|
-
const container = "
|
|
1466
|
-
const wrapper = "
|
|
1467
|
-
const cascader = "
|
|
1476
|
+
/* unplugin-vue-components disabled */const popover = "_popover_qj0am_1";
|
|
1477
|
+
const container = "_container_qj0am_6";
|
|
1478
|
+
const wrapper = "_wrapper_qj0am_13";
|
|
1479
|
+
const cascader = "_cascader_qj0am_24";
|
|
1468
1480
|
const style0 = {
|
|
1469
1481
|
popover: popover,
|
|
1470
1482
|
container: container,
|
|
1471
1483
|
wrapper: wrapper,
|
|
1484
|
+
"wrapper-width": "_wrapper-width_qj0am_20",
|
|
1472
1485
|
cascader: cascader,
|
|
1473
|
-
"is-active": "_is-
|
|
1474
|
-
"popover-select": "_popover-
|
|
1486
|
+
"is-active": "_is-active_qj0am_31",
|
|
1487
|
+
"popover-select": "_popover-select_qj0am_38"
|
|
1475
1488
|
};
|
|
1476
1489
|
|
|
1477
1490
|
const cssModules = {
|
|
@@ -1,9 +1,4 @@
|
|
|
1
1
|
/* source: src/components/select/select.vue */
|
|
2
|
-
div.
|
|
3
|
-
width:
|
|
4
|
-
min-width: var(--v393aeef3);
|
|
5
|
-
}
|
|
6
|
-
div._select_1fcv5_1._block_1fcv5_5 {
|
|
7
|
-
display: block;
|
|
8
|
-
width: var(--v393aeef3);
|
|
2
|
+
div._select-width_140qa_1 {
|
|
3
|
+
width: var(--v38ec4d79);
|
|
9
4
|
}
|
|
@@ -6,12 +6,12 @@ import '../../chunk/CqhShW5K.mjs';
|
|
|
6
6
|
import '../../chunk/BH1e_-Fa.mjs';
|
|
7
7
|
import { defineComponent, useCssVars, unref, computed, useCssModule, createBlock, openBlock, mergeProps } from 'vue';
|
|
8
8
|
import { useFormDisabled, useFormItem } from 'element-plus';
|
|
9
|
+
import { f as formatToPx } from '../../chunk/DZ5W9TaA.mjs';
|
|
9
10
|
import { _ as _export_sfc } from '../../chunk/pcqpp-6-.mjs';
|
|
10
11
|
|
|
11
12
|
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
12
13
|
__name: "select",
|
|
13
14
|
props: {
|
|
14
|
-
block: { type: Boolean, default: false },
|
|
15
15
|
width: { default: "" },
|
|
16
16
|
options: {},
|
|
17
17
|
disabled: { type: Boolean, default: void 0 }
|
|
@@ -19,7 +19,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
19
19
|
emits: ["change", "blur"],
|
|
20
20
|
setup(__props, { emit: __emit }) {
|
|
21
21
|
useCssVars((_ctx) => ({
|
|
22
|
-
"
|
|
22
|
+
"v38ec4d79": unref(myWidth)
|
|
23
23
|
}));
|
|
24
24
|
const props = __props;
|
|
25
25
|
const emits = __emit;
|
|
@@ -43,12 +43,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
43
43
|
});
|
|
44
44
|
const $style = useCssModule();
|
|
45
45
|
const className = computed(() => ({
|
|
46
|
-
[$style
|
|
47
|
-
[$style.block]: props.block
|
|
46
|
+
[$style["select-width"]]: !!props.width
|
|
48
47
|
}));
|
|
49
|
-
const myWidth = computed(() =>
|
|
50
|
-
return props.width || (props.block ? "100%" : "240px");
|
|
51
|
-
});
|
|
48
|
+
const myWidth = computed(() => props.width ? formatToPx(props.width) : "auto");
|
|
52
49
|
return (_ctx, _cache) => {
|
|
53
50
|
const _component_ElSelect = ElSelect;
|
|
54
51
|
return openBlock(), createBlock(_component_ElSelect, mergeProps({ "collapse-tags": "" }, _ctx.$attrs, {
|
|
@@ -62,11 +59,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
62
59
|
}
|
|
63
60
|
});
|
|
64
61
|
|
|
65
|
-
/* unplugin-vue-components disabled */const
|
|
66
|
-
|
|
67
|
-
const style0 = {
|
|
68
|
-
select: select,
|
|
69
|
-
block: block
|
|
62
|
+
/* unplugin-vue-components disabled */const style0 = {
|
|
63
|
+
"select-width": "_select-width_140qa_1"
|
|
70
64
|
};
|
|
71
65
|
|
|
72
66
|
const cssModules = {
|
|
@@ -7,7 +7,6 @@ declare const _default: import('vue').DefineComponent<ISelectProps, {}, {}, {},
|
|
|
7
7
|
onChange?: ((value: any) => any) | undefined;
|
|
8
8
|
}>, {
|
|
9
9
|
disabled: boolean;
|
|
10
|
-
width: string;
|
|
11
|
-
block: boolean;
|
|
10
|
+
width: string | number;
|
|
12
11
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
13
12
|
export default _default;
|
|
@@ -87,6 +87,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
87
87
|
modelValue: unref(myValue),
|
|
88
88
|
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(myValue) ? myValue.value = $event : null)
|
|
89
89
|
}, _ctx.$attrs, {
|
|
90
|
+
clearable: false,
|
|
90
91
|
class: _ctx.$style.main,
|
|
91
92
|
onChange: handleChange
|
|
92
93
|
}), createSlots({ _: 2 }, [
|
|
@@ -10,8 +10,7 @@ declare function __VLS_template(): {
|
|
|
10
10
|
$: import('vue').ComponentInternalInstance;
|
|
11
11
|
$data: {};
|
|
12
12
|
$props: {
|
|
13
|
-
readonly
|
|
14
|
-
readonly width?: string | undefined;
|
|
13
|
+
readonly width?: string | number | undefined;
|
|
15
14
|
readonly disabled?: boolean | undefined;
|
|
16
15
|
readonly clearable?: boolean | undefined;
|
|
17
16
|
readonly onBlur?: ((evnet: FocusEvent) => any) | undefined;
|
|
@@ -852,7 +851,6 @@ declare function __VLS_template(): {
|
|
|
852
851
|
}, string, {
|
|
853
852
|
disabled: boolean;
|
|
854
853
|
clearable: boolean;
|
|
855
|
-
block: boolean;
|
|
856
854
|
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
|
|
857
855
|
beforeCreate?: (() => void) | (() => void)[];
|
|
858
856
|
created?: (() => void) | (() => void)[];
|
|
@@ -876,11 +874,10 @@ declare function __VLS_template(): {
|
|
|
876
874
|
} & Readonly<{
|
|
877
875
|
disabled: boolean;
|
|
878
876
|
clearable: boolean;
|
|
879
|
-
block: boolean;
|
|
880
877
|
}> & Omit<Readonly<import('../input/input').IInputProps> & Readonly<{
|
|
881
878
|
onBlur?: ((evnet: FocusEvent) => any) | undefined;
|
|
882
879
|
onChange?: ((value: string, evnet?: Event | undefined) => any) | undefined;
|
|
883
|
-
}>, "inputRef" | ("disabled" | "clearable"
|
|
880
|
+
}>, "inputRef" | ("disabled" | "clearable")> & import('vue').ShallowUnwrapRef<{
|
|
884
881
|
inputRef: Readonly<globalThis.ShallowRef<({
|
|
885
882
|
$: import('vue').ComponentInternalInstance;
|
|
886
883
|
$data: {};
|
|
@@ -1316,8 +1313,7 @@ declare const __VLS_component: import('vue').DefineComponent<IThousandInputProps
|
|
|
1316
1313
|
$: import('vue').ComponentInternalInstance;
|
|
1317
1314
|
$data: {};
|
|
1318
1315
|
$props: {
|
|
1319
|
-
readonly
|
|
1320
|
-
readonly width?: string | undefined;
|
|
1316
|
+
readonly width?: string | number | undefined;
|
|
1321
1317
|
readonly disabled?: boolean | undefined;
|
|
1322
1318
|
readonly clearable?: boolean | undefined;
|
|
1323
1319
|
readonly onBlur?: ((evnet: FocusEvent) => any) | undefined;
|
|
@@ -2158,7 +2154,6 @@ declare const __VLS_component: import('vue').DefineComponent<IThousandInputProps
|
|
|
2158
2154
|
}, string, {
|
|
2159
2155
|
disabled: boolean;
|
|
2160
2156
|
clearable: boolean;
|
|
2161
|
-
block: boolean;
|
|
2162
2157
|
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
|
|
2163
2158
|
beforeCreate?: (() => void) | (() => void)[];
|
|
2164
2159
|
created?: (() => void) | (() => void)[];
|
|
@@ -2182,11 +2177,10 @@ declare const __VLS_component: import('vue').DefineComponent<IThousandInputProps
|
|
|
2182
2177
|
} & Readonly<{
|
|
2183
2178
|
disabled: boolean;
|
|
2184
2179
|
clearable: boolean;
|
|
2185
|
-
block: boolean;
|
|
2186
2180
|
}> & Omit<Readonly<import('../input/input').IInputProps> & Readonly<{
|
|
2187
2181
|
onBlur?: ((evnet: FocusEvent) => any) | undefined;
|
|
2188
2182
|
onChange?: ((value: string, evnet?: Event | undefined) => any) | undefined;
|
|
2189
|
-
}>, "inputRef" | ("disabled" | "clearable"
|
|
2183
|
+
}>, "inputRef" | ("disabled" | "clearable")> & import('vue').ShallowUnwrapRef<{
|
|
2190
2184
|
inputRef: Readonly<globalThis.ShallowRef<({
|
|
2191
2185
|
$: import('vue').ComponentInternalInstance;
|
|
2192
2186
|
$data: {};
|
|
@@ -1,38 +1,32 @@
|
|
|
1
1
|
/* source: src/components/transfer/transfer.vue */
|
|
2
|
-
.
|
|
2
|
+
._popover_6byv7_1 {
|
|
3
3
|
width: auto !important;
|
|
4
4
|
min-width: 80px !important;
|
|
5
5
|
}
|
|
6
|
-
.
|
|
6
|
+
._container_6byv7_6 {
|
|
7
7
|
display: flex;
|
|
8
8
|
}
|
|
9
|
-
.
|
|
9
|
+
._container_6byv7_6 .el-cascader-menu {
|
|
10
10
|
min-width: 80px;
|
|
11
11
|
}
|
|
12
|
-
.
|
|
13
|
-
display: inline-block;
|
|
14
|
-
width: unset;
|
|
15
|
-
min-width: var(--v4c7f4a02);
|
|
16
|
-
}
|
|
17
|
-
._wrapper_1kcfx_13._block_1kcfx_18 {
|
|
18
|
-
display: block;
|
|
19
|
-
width: var(--v4c7f4a02);
|
|
20
|
-
}
|
|
21
|
-
._wrapper_1kcfx_13 .el-tag .el-icon {
|
|
12
|
+
._wrapper_6byv7_13 .el-tag .el-icon {
|
|
22
13
|
display: none;
|
|
23
14
|
}
|
|
24
|
-
.
|
|
15
|
+
._wrapper-width_6byv7_17 {
|
|
16
|
+
width: var(--d1a9b78e);
|
|
17
|
+
}
|
|
18
|
+
._select_6byv7_21 {
|
|
25
19
|
width: 100%;
|
|
26
20
|
}
|
|
27
|
-
.
|
|
21
|
+
._select_6byv7_21 .el-input__wrapper.is-focus {
|
|
28
22
|
box-shadow: 0 0 0 1px var(--el-input-focus-border-color, var(--el-color-primary)) inset !important;
|
|
29
23
|
}
|
|
30
|
-
._is-
|
|
24
|
+
._is-active_6byv7_28 .el-input__inner {
|
|
31
25
|
border-color: var(--color-primary);
|
|
32
26
|
}
|
|
33
|
-
._is-
|
|
27
|
+
._is-active_6byv7_28 .el-icon {
|
|
34
28
|
transform: rotateZ(-180deg) !important;
|
|
35
29
|
}
|
|
36
|
-
.
|
|
30
|
+
._popper_6byv7_35 {
|
|
37
31
|
display: none !important;
|
|
38
32
|
}
|
|
@@ -4,6 +4,7 @@ import '../../chunk/BH1e_-Fa.mjs';
|
|
|
4
4
|
/* empty css */
|
|
5
5
|
import { defineComponent, useCssVars, unref, computed, useCssModule, useTemplateRef, createBlock, openBlock, withCtx, createElementVNode, normalizeClass, createVNode, isRef, mergeProps } from 'vue';
|
|
6
6
|
import { useFormDisabled } from 'element-plus';
|
|
7
|
+
import { f as formatToPx } from '../../chunk/DZ5W9TaA.mjs';
|
|
7
8
|
import { C as Component$2 } from '../select/select.mjs';
|
|
8
9
|
import { C as Component$1 } from '../transfer-panel/transfer-panel.mjs';
|
|
9
10
|
import { useVModel, useToggle, useThrottleFn, onClickOutside } from '@vueuse/core';
|
|
@@ -17,13 +18,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
17
18
|
data: {},
|
|
18
19
|
placeholder: { default: "请选择" },
|
|
19
20
|
width: {},
|
|
20
|
-
block: { type: Boolean },
|
|
21
21
|
disabled: { type: Boolean, default: void 0 }
|
|
22
22
|
},
|
|
23
23
|
emits: ["update:modelValue"],
|
|
24
24
|
setup(__props, { emit: __emit }) {
|
|
25
25
|
useCssVars((_ctx) => ({
|
|
26
|
-
"
|
|
26
|
+
"d1a9b78e": unref(myWidth)
|
|
27
27
|
}));
|
|
28
28
|
const props = __props;
|
|
29
29
|
const emits = __emit;
|
|
@@ -33,11 +33,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
33
33
|
const handleSelectClick = useThrottleFn(() => {
|
|
34
34
|
!formDisabled.value && togglePopoverVisible();
|
|
35
35
|
}, 300);
|
|
36
|
-
const myWidth = computed(() => {
|
|
37
|
-
return props.width || (props.block ? "100%" : "240px");
|
|
38
|
-
});
|
|
39
36
|
const $style = useCssModule();
|
|
40
|
-
const selectClassName = computed(() => ({ [$style["is-active"]]: popoverVisible.value
|
|
37
|
+
const selectClassName = computed(() => ({ [$style["is-active"]]: popoverVisible.value }));
|
|
38
|
+
const wrapperClassName = computed(() => ({ [$style["wrapper-width"]]: !!props.width }));
|
|
39
|
+
const myWidth = computed(() => props.width ? formatToPx(props.width) : "auto");
|
|
41
40
|
const containerRef = useTemplateRef("containerRef");
|
|
42
41
|
onClickOutside(containerRef, (event) => {
|
|
43
42
|
let target = event.target;
|
|
@@ -57,21 +56,20 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
57
56
|
}, {
|
|
58
57
|
reference: withCtx(() => [
|
|
59
58
|
createElementVNode("div", {
|
|
60
|
-
class: normalizeClass(unref(
|
|
59
|
+
class: normalizeClass(unref(wrapperClassName)),
|
|
61
60
|
onClickCapture: _cache[2] || (_cache[2] = //@ts-ignore
|
|
62
61
|
(...args) => unref(handleSelectClick) && unref(handleSelectClick)(...args))
|
|
63
62
|
}, [
|
|
64
63
|
createVNode(Component$2, mergeProps({
|
|
65
64
|
modelValue: unref(myValue),
|
|
66
65
|
"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => isRef(myValue) ? myValue.value = $event : null),
|
|
67
|
-
block: __props.block,
|
|
68
66
|
placeholder: __props.placeholder,
|
|
69
67
|
class: [unref($style).select, unref(selectClassName)],
|
|
70
68
|
options: __props.data,
|
|
71
69
|
disabled: unref(formDisabled)
|
|
72
70
|
}, { ..._ctx.$attrs, multiple: true }, {
|
|
73
71
|
"popper-class": unref($style).popper
|
|
74
|
-
}), null, 16, ["modelValue", "
|
|
72
|
+
}), null, 16, ["modelValue", "placeholder", "class", "options", "disabled", "popper-class"])
|
|
75
73
|
], 34)
|
|
76
74
|
]),
|
|
77
75
|
default: withCtx(() => [
|
|
@@ -93,19 +91,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
93
91
|
}
|
|
94
92
|
});
|
|
95
93
|
|
|
96
|
-
/* unplugin-vue-components disabled */const popover = "
|
|
97
|
-
const container = "
|
|
98
|
-
const wrapper = "
|
|
99
|
-
const
|
|
100
|
-
const
|
|
101
|
-
const popper = "_popper_1kcfx_40";
|
|
94
|
+
/* unplugin-vue-components disabled */const popover = "_popover_6byv7_1";
|
|
95
|
+
const container = "_container_6byv7_6";
|
|
96
|
+
const wrapper = "_wrapper_6byv7_13";
|
|
97
|
+
const select = "_select_6byv7_21";
|
|
98
|
+
const popper = "_popper_6byv7_35";
|
|
102
99
|
const style0 = {
|
|
103
100
|
popover: popover,
|
|
104
101
|
container: container,
|
|
105
102
|
wrapper: wrapper,
|
|
106
|
-
|
|
103
|
+
"wrapper-width": "_wrapper-width_6byv7_17",
|
|
107
104
|
select: select,
|
|
108
|
-
"is-active": "_is-
|
|
105
|
+
"is-active": "_is-active_6byv7_28",
|
|
109
106
|
popper: popper
|
|
110
107
|
};
|
|
111
108
|
|
|
@@ -1,41 +1,38 @@
|
|
|
1
1
|
/* source: src/components/tree-picker/tree-picker.vue */
|
|
2
|
-
.
|
|
2
|
+
._popover_xrmgt_1 {
|
|
3
3
|
width: auto !important;
|
|
4
4
|
min-width: 80px !important;
|
|
5
5
|
}
|
|
6
|
-
.
|
|
6
|
+
._container_xrmgt_6 {
|
|
7
7
|
display: flex;
|
|
8
8
|
}
|
|
9
|
-
.
|
|
9
|
+
._container_xrmgt_6 .el-cascader-menu {
|
|
10
10
|
min-width: 80px;
|
|
11
11
|
}
|
|
12
|
-
.
|
|
13
|
-
|
|
14
|
-
width: unset;
|
|
15
|
-
min-width: var(--v07aa23cc);
|
|
12
|
+
._wrapper_xrmgt_13 {
|
|
13
|
+
width: var(--v7586a416);
|
|
16
14
|
}
|
|
17
|
-
.
|
|
18
|
-
display: block;
|
|
19
|
-
width: var(--v07aa23cc);
|
|
20
|
-
}
|
|
21
|
-
._wrapper_q784j_13 .el-tag .el-icon {
|
|
15
|
+
._wrapper_xrmgt_13 .el-tag .el-icon {
|
|
22
16
|
display: none;
|
|
23
17
|
}
|
|
24
|
-
.
|
|
18
|
+
._cascader_xrmgt_20 {
|
|
25
19
|
width: 100%;
|
|
26
20
|
}
|
|
27
|
-
.
|
|
21
|
+
._cascader_xrmgt_20 .el-input__wrapper.is-focus {
|
|
28
22
|
box-shadow: 0 0 0 1px var(--el-input-focus-border-color, var(--el-color-primary)) inset !important;
|
|
29
23
|
}
|
|
30
|
-
.
|
|
24
|
+
._cascader-width_xrmgt_27 {
|
|
25
|
+
width: var(--v7586a416);
|
|
26
|
+
}
|
|
27
|
+
._is-active_xrmgt_31 .el-input__inner {
|
|
31
28
|
border-color: var(--color-primary);
|
|
32
29
|
}
|
|
33
|
-
._is-
|
|
30
|
+
._is-active_xrmgt_31 .el-icon {
|
|
34
31
|
transform: rotateZ(-180deg) !important;
|
|
35
32
|
}
|
|
36
|
-
._cascader-
|
|
33
|
+
._cascader-popover_xrmgt_38.el-cascader__dropdown {
|
|
37
34
|
display: none;
|
|
38
35
|
}
|
|
39
|
-
._cascader-
|
|
36
|
+
._cascader-panel_xrmgt_42 .el-cascader-panel {
|
|
40
37
|
display: none;
|
|
41
38
|
}
|
|
@@ -7,8 +7,7 @@ export interface ITreePickerProps {
|
|
|
7
7
|
modelValue: string | number | string[] | number[] | undefined;
|
|
8
8
|
options?: CascaderOption[];
|
|
9
9
|
props?: CascaderProps;
|
|
10
|
-
width?: string;
|
|
11
|
-
block?: boolean;
|
|
10
|
+
width?: string | number;
|
|
12
11
|
filterable?: boolean;
|
|
13
12
|
filterEmptyText?: string;
|
|
14
13
|
}
|