@fmdevui/fm-dev 1.0.57 → 1.0.59
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/component.mjs +3 -2
- package/es/core/hook/useVxeTableOptionsHook.d.ts +1 -0
- package/es/core/ui/components/index.d.ts +105 -1
- package/es/core/ui/components/inputdropdown/index.vue.d.ts +118 -0
- package/es/index.mjs +1 -1
- package/es/packages/core/hook/useVxeTableOptionsHook.mjs +1 -0
- package/es/packages/core/index.mjs +1 -1
- package/es/packages/core/ui/components/index.mjs +4 -1
- package/es/packages/core/ui/components/inputdropdown/index.vue.mjs +5 -0
- package/es/packages/core/ui/components/inputdropdown/index.vue2.mjs +123 -0
- package/index.js +136 -12
- package/index.min.js +24 -24
- package/index.min.mjs +24 -24
- package/index.mjs +136 -13
- package/lib/component.js +2 -1
- package/lib/core/hook/useVxeTableOptionsHook.d.ts +1 -0
- package/lib/core/ui/components/index.d.ts +105 -1
- package/lib/core/ui/components/inputdropdown/index.vue.d.ts +118 -0
- package/lib/index.js +1 -0
- package/lib/packages/core/hook/useVxeTableOptionsHook.js +1 -0
- package/lib/packages/core/index.js +1 -0
- package/lib/packages/core/ui/components/index.js +4 -0
- package/lib/packages/core/ui/components/inputdropdown/index.vue.js +9 -0
- package/lib/packages/core/ui/components/inputdropdown/index.vue2.js +127 -0
- package/package.json +1 -1
package/index.mjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/*! fm-dev v1.0.
|
|
1
|
+
/*! fm-dev v1.0.59 */
|
|
2
2
|
import { defineComponent, reactive, computed, watch, resolveComponent, createBlock, openBlock, withCtx, createVNode, createElementVNode, createTextVNode, toDisplayString as toDisplayString$1, withDirectives, createElementBlock, Fragment, renderList, vShow, ref, onMounted, nextTick, normalizeStyle, createCommentVNode, normalizeClass, withModifiers, mergeModels, useModel, effectScope, getCurrentInstance, shallowRef, isRef as isRef$1, inject, onUnmounted, h, Text, resolveDynamicComponent, markRaw, toRaw as toRaw$1, hasInjectionContext, unref, isReactive as isReactive$1, toRef, getCurrentScope, onScopeDispose, toRefs, resolveDirective } from 'vue';
|
|
3
3
|
import crypto from 'crypto';
|
|
4
4
|
import require$$0 from 'url';
|
|
@@ -20,7 +20,7 @@ const _hoisted_7 = { class: "fm-transfer-buttons__item" };
|
|
|
20
20
|
const _hoisted_8 = { class: "fm-transfer-panel" };
|
|
21
21
|
const _hoisted_9 = { class: "fm-transfer-panel__header" };
|
|
22
22
|
const _hoisted_10 = { class: "fm-transfer-panel__body" };
|
|
23
|
-
var _sfc_main$
|
|
23
|
+
var _sfc_main$7 = /* @__PURE__ */ defineComponent({
|
|
24
24
|
...{
|
|
25
25
|
name: "FmTransfer"
|
|
26
26
|
},
|
|
@@ -379,7 +379,7 @@ var _sfc_main$6 = /* @__PURE__ */ defineComponent({
|
|
|
379
379
|
|
|
380
380
|
const _hoisted_1$3 = { class: "notice-bar-warp-text-box" };
|
|
381
381
|
const _hoisted_2$1 = ["innerHTML"];
|
|
382
|
-
var _sfc_main$
|
|
382
|
+
var _sfc_main$6 = /* @__PURE__ */ defineComponent({
|
|
383
383
|
...{
|
|
384
384
|
name: "FmNoticeBar"
|
|
385
385
|
},
|
|
@@ -502,7 +502,7 @@ var _sfc_main$5 = /* @__PURE__ */ defineComponent({
|
|
|
502
502
|
}
|
|
503
503
|
});
|
|
504
504
|
|
|
505
|
-
var _sfc_main$
|
|
505
|
+
var _sfc_main$5 = {
|
|
506
506
|
name: "dragVerify",
|
|
507
507
|
props: {
|
|
508
508
|
isPassing: {
|
|
@@ -884,9 +884,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
884
884
|
)
|
|
885
885
|
]);
|
|
886
886
|
}
|
|
887
|
-
var dragimg = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
887
|
+
var dragimg = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["render", _sfc_render], ["__scopeId", "data-v-9e8c9ed2"]]);
|
|
888
888
|
|
|
889
|
-
var _sfc_main$
|
|
889
|
+
var _sfc_main$4 = /* @__PURE__ */ defineComponent({
|
|
890
890
|
...{
|
|
891
891
|
name: "Fmselect"
|
|
892
892
|
},
|
|
@@ -23746,7 +23746,7 @@ const useApi = (url, options = {}) => {
|
|
|
23746
23746
|
};
|
|
23747
23747
|
|
|
23748
23748
|
const _hoisted_1$1 = { style: { "font-size": "14px", "line-height": "30px" } };
|
|
23749
|
-
var _sfc_main$
|
|
23749
|
+
var _sfc_main$3 = /* @__PURE__ */ defineComponent({
|
|
23750
23750
|
...{
|
|
23751
23751
|
name: "FmAutocomplete"
|
|
23752
23752
|
},
|
|
@@ -23865,6 +23865,126 @@ var _sfc_main$2 = /* @__PURE__ */ defineComponent({
|
|
|
23865
23865
|
}
|
|
23866
23866
|
});
|
|
23867
23867
|
|
|
23868
|
+
var _sfc_main$2 = /* @__PURE__ */ defineComponent({
|
|
23869
|
+
...{
|
|
23870
|
+
name: "Fminputdropdown"
|
|
23871
|
+
},
|
|
23872
|
+
__name: "index",
|
|
23873
|
+
props: /* @__PURE__ */ mergeModels({
|
|
23874
|
+
//数据
|
|
23875
|
+
optionData: {
|
|
23876
|
+
type: Array,
|
|
23877
|
+
default: []
|
|
23878
|
+
},
|
|
23879
|
+
/**
|
|
23880
|
+
* 值的属性值
|
|
23881
|
+
*/
|
|
23882
|
+
bvalue: {
|
|
23883
|
+
type: String,
|
|
23884
|
+
default: "id"
|
|
23885
|
+
},
|
|
23886
|
+
/**
|
|
23887
|
+
* 值的属性标签
|
|
23888
|
+
*/
|
|
23889
|
+
blabel: {
|
|
23890
|
+
type: String,
|
|
23891
|
+
default: "name"
|
|
23892
|
+
},
|
|
23893
|
+
placeholder: {
|
|
23894
|
+
type: String,
|
|
23895
|
+
default: "\u8BF7\u9009\u62E9"
|
|
23896
|
+
},
|
|
23897
|
+
inputWidth: {
|
|
23898
|
+
type: String,
|
|
23899
|
+
default: "40%"
|
|
23900
|
+
},
|
|
23901
|
+
dropWidth: {
|
|
23902
|
+
type: String,
|
|
23903
|
+
default: "90px"
|
|
23904
|
+
}
|
|
23905
|
+
}, {
|
|
23906
|
+
"id": {
|
|
23907
|
+
type: Number,
|
|
23908
|
+
default: 0
|
|
23909
|
+
},
|
|
23910
|
+
"idModifiers": {},
|
|
23911
|
+
"name": {
|
|
23912
|
+
type: String,
|
|
23913
|
+
default: ""
|
|
23914
|
+
},
|
|
23915
|
+
"nameModifiers": {}
|
|
23916
|
+
}),
|
|
23917
|
+
emits: /* @__PURE__ */ mergeModels(["change"], ["update:id", "update:name"]),
|
|
23918
|
+
setup(__props, { emit: __emit }) {
|
|
23919
|
+
const modeValueId = useModel(__props, "id");
|
|
23920
|
+
const modeValueName = useModel(__props, "name");
|
|
23921
|
+
const props = __props;
|
|
23922
|
+
const emit = __emit;
|
|
23923
|
+
const handCommand = (command) => {
|
|
23924
|
+
const fitem = props.optionData.find((item) => item[props.bvalue] === command);
|
|
23925
|
+
modeValueId.value = fitem != null ? [props.bvalue] : 0;
|
|
23926
|
+
modeValueName.value = fitem != null ? fitem[props.blabel] : "";
|
|
23927
|
+
emit("change", fitem);
|
|
23928
|
+
};
|
|
23929
|
+
return (_ctx, _cache) => {
|
|
23930
|
+
const _component_el_input = resolveComponent("el-input");
|
|
23931
|
+
const _component_el_dropdown_item = resolveComponent("el-dropdown-item");
|
|
23932
|
+
const _component_el_dropdown_menu = resolveComponent("el-dropdown-menu");
|
|
23933
|
+
const _component_el_dropdown = resolveComponent("el-dropdown");
|
|
23934
|
+
return openBlock(), createBlock(_component_el_dropdown, {
|
|
23935
|
+
placement: "bottom",
|
|
23936
|
+
trigger: "click",
|
|
23937
|
+
style: { "width": "100%" },
|
|
23938
|
+
onCommand: handCommand
|
|
23939
|
+
}, {
|
|
23940
|
+
dropdown: withCtx(() => [
|
|
23941
|
+
createVNode(_component_el_dropdown_menu, {
|
|
23942
|
+
style: normalizeStyle({ width: __props.dropWidth })
|
|
23943
|
+
}, {
|
|
23944
|
+
default: withCtx(() => [
|
|
23945
|
+
(openBlock(true), createElementBlock(
|
|
23946
|
+
Fragment,
|
|
23947
|
+
null,
|
|
23948
|
+
renderList(__props.optionData, (item, index) => {
|
|
23949
|
+
return openBlock(), createBlock(_component_el_dropdown_item, {
|
|
23950
|
+
key: index,
|
|
23951
|
+
command: item[__props.bvalue],
|
|
23952
|
+
divided: ""
|
|
23953
|
+
}, {
|
|
23954
|
+
default: withCtx(() => [
|
|
23955
|
+
createTextVNode(
|
|
23956
|
+
toDisplayString$1(item[__props.blabel]),
|
|
23957
|
+
1
|
|
23958
|
+
/* TEXT */
|
|
23959
|
+
)
|
|
23960
|
+
]),
|
|
23961
|
+
_: 2
|
|
23962
|
+
/* DYNAMIC */
|
|
23963
|
+
}, 1032, ["command"]);
|
|
23964
|
+
}),
|
|
23965
|
+
128
|
|
23966
|
+
/* KEYED_FRAGMENT */
|
|
23967
|
+
))
|
|
23968
|
+
]),
|
|
23969
|
+
_: 1
|
|
23970
|
+
/* STABLE */
|
|
23971
|
+
}, 8, ["style"])
|
|
23972
|
+
]),
|
|
23973
|
+
default: withCtx(() => [
|
|
23974
|
+
createVNode(_component_el_input, {
|
|
23975
|
+
modelValue: modeValueName.value,
|
|
23976
|
+
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => modeValueName.value = $event),
|
|
23977
|
+
placeholder: props.placeholder,
|
|
23978
|
+
style: normalizeStyle({ width: __props.inputWidth })
|
|
23979
|
+
}, null, 8, ["modelValue", "placeholder", "style"])
|
|
23980
|
+
]),
|
|
23981
|
+
_: 1
|
|
23982
|
+
/* STABLE */
|
|
23983
|
+
});
|
|
23984
|
+
};
|
|
23985
|
+
}
|
|
23986
|
+
});
|
|
23987
|
+
|
|
23868
23988
|
/*! Element Plus Icons Vue v2.3.1 */
|
|
23869
23989
|
|
|
23870
23990
|
var add_location_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
|
|
@@ -30022,11 +30142,12 @@ function elSvg(app) {
|
|
|
30022
30142
|
}
|
|
30023
30143
|
}
|
|
30024
30144
|
|
|
30025
|
-
const FmTransfer = _sfc_main$
|
|
30026
|
-
const FmNoticeBar = _sfc_main$
|
|
30145
|
+
const FmTransfer = _sfc_main$7;
|
|
30146
|
+
const FmNoticeBar = _sfc_main$6;
|
|
30027
30147
|
const FmDragImg = dragimg;
|
|
30028
|
-
const Fmselect = _sfc_main$
|
|
30029
|
-
const FmAutocomplete = _sfc_main$
|
|
30148
|
+
const Fmselect = _sfc_main$4;
|
|
30149
|
+
const FmAutocomplete = _sfc_main$3;
|
|
30150
|
+
const Fminputdropdown = _sfc_main$2;
|
|
30030
30151
|
|
|
30031
30152
|
const makeInstaller = (components = []) => {
|
|
30032
30153
|
const install = (app) => {
|
|
@@ -30076,7 +30197,8 @@ const plugins = [
|
|
|
30076
30197
|
FmTransfer,
|
|
30077
30198
|
FmNoticeBar,
|
|
30078
30199
|
Fmselect,
|
|
30079
|
-
FmAutocomplete
|
|
30200
|
+
FmAutocomplete,
|
|
30201
|
+
Fminputdropdown
|
|
30080
30202
|
];
|
|
30081
30203
|
|
|
30082
30204
|
var installer = makeInstaller([...plugins]);
|
|
@@ -52690,6 +52812,7 @@ const useVxeTable = (opt, extras) => {
|
|
|
52690
52812
|
align: "center",
|
|
52691
52813
|
// 自动监听父元素的变化去重新计算表格(对于父元素可能存在动态变化、显示隐藏的容器中、列宽异常等场景中的可能会用到)
|
|
52692
52814
|
// data: [] as Array<T>,
|
|
52815
|
+
spanMethod: opt.spanMethod,
|
|
52693
52816
|
columns: opt.columns,
|
|
52694
52817
|
showFooter: opt.showFooter,
|
|
52695
52818
|
footerData: opt.footerData,
|
|
@@ -52765,4 +52888,4 @@ const version = "1.0.0";
|
|
|
52765
52888
|
|
|
52766
52889
|
const install = installer.install;
|
|
52767
52890
|
|
|
52768
|
-
export { AccountTypeEnum, FmAutocomplete, FmDragImg, FmLogin, FmNoticeBar, FmTransfer, Fmselect, HttpMethodEnum, JobCreateTypeEnum, Local, NextLoading, PUB, Session, Watermark, accessTokenKey, auth, authAll, auths, axiosInstance, base64ToFile, blobToFile, cancelAllRequest, cancelRequest, clearAccessTokens, clearTokens, clone, commonFunction, commonFunctionObj, dataURLtoBlob, decryptJWT, installer as default, directive, downloadByBase64, downloadByData, downloadByOnlineUrl, downloadByUrl, downloadStreamFile, elSvg, emitter, feature, fileToBase64, formatAxis, formatDate, formatPast, getCountryCode, getFileName, getFileUrl, getJWTDate, getToken, getWeek, hAuth, hAuthAll, hAuths, i18n, install, isObjectValueEqual, iso_3166_1_CountryList, judgementIdCard, judgementSameArr, languageList, mergMessage, openWindow, pinia, refreshAccessTokenKey, removeDuplicate, request2, service, setIntroduction, setupI18n, showFileUrl, signatureByKSort, tansParams, urlToBase64, useApi, useBaseApi, useChangeColor, useDateTimeShortCust, useKeepALiveNames, useLoginApi, useRequestOldRoutes, useRoutesList, useSysApi, useTagsViewRoutes, useThemeConfig, useUserInfo, useVxeTable, verifiyNumberInteger, verifyAccount, verifyAndSpace, verifyCarNum, verifyCnAndSpace, verifyEmail, verifyEnAndSpace, verifyFullName, verifyIPAddress, verifyIdCard, verifyNumberCnUppercase, verifyNumberComma, verifyNumberIntegerAndFloat, verifyNumberPercentage, verifyNumberPercentageFloat, verifyPassword, verifyPasswordPowerful, verifyPasswordStrength, verifyPhone, verifyPostalCode, verifyTelPhone, verifyTextColor, verifyUrl, version };
|
|
52891
|
+
export { AccountTypeEnum, FmAutocomplete, FmDragImg, FmLogin, FmNoticeBar, FmTransfer, Fminputdropdown, Fmselect, HttpMethodEnum, JobCreateTypeEnum, Local, NextLoading, PUB, Session, Watermark, accessTokenKey, auth, authAll, auths, axiosInstance, base64ToFile, blobToFile, cancelAllRequest, cancelRequest, clearAccessTokens, clearTokens, clone, commonFunction, commonFunctionObj, dataURLtoBlob, decryptJWT, installer as default, directive, downloadByBase64, downloadByData, downloadByOnlineUrl, downloadByUrl, downloadStreamFile, elSvg, emitter, feature, fileToBase64, formatAxis, formatDate, formatPast, getCountryCode, getFileName, getFileUrl, getJWTDate, getToken, getWeek, hAuth, hAuthAll, hAuths, i18n, install, isObjectValueEqual, iso_3166_1_CountryList, judgementIdCard, judgementSameArr, languageList, mergMessage, openWindow, pinia, refreshAccessTokenKey, removeDuplicate, request2, service, setIntroduction, setupI18n, showFileUrl, signatureByKSort, tansParams, urlToBase64, useApi, useBaseApi, useChangeColor, useDateTimeShortCust, useKeepALiveNames, useLoginApi, useRequestOldRoutes, useRoutesList, useSysApi, useTagsViewRoutes, useThemeConfig, useUserInfo, useVxeTable, verifiyNumberInteger, verifyAccount, verifyAndSpace, verifyCarNum, verifyCnAndSpace, verifyEmail, verifyEnAndSpace, verifyFullName, verifyIPAddress, verifyIdCard, verifyNumberCnUppercase, verifyNumberComma, verifyNumberIntegerAndFloat, verifyNumberPercentage, verifyNumberPercentageFloat, verifyPassword, verifyPasswordPowerful, verifyPasswordStrength, verifyPhone, verifyPostalCode, verifyTelPhone, verifyTextColor, verifyUrl, version };
|
package/lib/component.js
CHANGED
|
@@ -12,6 +12,7 @@ import { VNode } from 'vue';
|
|
|
12
12
|
interface iVxeOption {
|
|
13
13
|
id?: string;
|
|
14
14
|
name?: string;
|
|
15
|
+
spanMethod: VxeTablePropTypes.SpanMethod<any>;
|
|
15
16
|
columns: VxeGridPropTypes.Columns<any>;
|
|
16
17
|
data?: VxeTablePropTypes.Data<any>;
|
|
17
18
|
sortConfig?: VxeTablePropTypes.SortConfig<any>;
|
|
@@ -584,4 +584,108 @@ declare const FmAutocomplete: DefineComponent<ExtractPropTypes<{
|
|
|
584
584
|
fName: string;
|
|
585
585
|
qId: number;
|
|
586
586
|
}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
|
|
587
|
-
|
|
587
|
+
declare const Fminputdropdown: DefineComponent<ExtractPropTypes<{
|
|
588
|
+
optionData: {
|
|
589
|
+
type: {
|
|
590
|
+
(arrayLength: number): any[];
|
|
591
|
+
(...items: any[]): any[];
|
|
592
|
+
new (arrayLength: number): any[];
|
|
593
|
+
new (...items: any[]): any[];
|
|
594
|
+
isArray(arg: any): arg is any[];
|
|
595
|
+
readonly prototype: any[];
|
|
596
|
+
from<T>(arrayLike: ArrayLike<T>): T[];
|
|
597
|
+
from<T, U>(arrayLike: ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
|
|
598
|
+
from<T>(iterable: Iterable<T> | ArrayLike<T>): T[];
|
|
599
|
+
from<T, U>(iterable: Iterable<T> | ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
|
|
600
|
+
of<T>(...items: T[]): T[];
|
|
601
|
+
readonly [Symbol.species]: ArrayConstructor;
|
|
602
|
+
};
|
|
603
|
+
default: never[];
|
|
604
|
+
};
|
|
605
|
+
bvalue: {
|
|
606
|
+
type: StringConstructor;
|
|
607
|
+
default: string;
|
|
608
|
+
};
|
|
609
|
+
blabel: {
|
|
610
|
+
type: StringConstructor;
|
|
611
|
+
default: string;
|
|
612
|
+
};
|
|
613
|
+
placeholder: {
|
|
614
|
+
type: StringConstructor;
|
|
615
|
+
default: string;
|
|
616
|
+
};
|
|
617
|
+
inputWidth: {
|
|
618
|
+
type: StringConstructor;
|
|
619
|
+
default: string;
|
|
620
|
+
};
|
|
621
|
+
dropWidth: {
|
|
622
|
+
type: StringConstructor;
|
|
623
|
+
default: string;
|
|
624
|
+
};
|
|
625
|
+
id: {
|
|
626
|
+
type: PropType<any>;
|
|
627
|
+
};
|
|
628
|
+
name: {
|
|
629
|
+
type: PropType<any>;
|
|
630
|
+
};
|
|
631
|
+
}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
632
|
+
change: (...args: any[]) => void;
|
|
633
|
+
"update:id": (value: any) => void;
|
|
634
|
+
"update:name": (value: any) => void;
|
|
635
|
+
}, string, PublicProps, Readonly< ExtractPropTypes<{
|
|
636
|
+
optionData: {
|
|
637
|
+
type: {
|
|
638
|
+
(arrayLength: number): any[];
|
|
639
|
+
(...items: any[]): any[];
|
|
640
|
+
new (arrayLength: number): any[];
|
|
641
|
+
new (...items: any[]): any[];
|
|
642
|
+
isArray(arg: any): arg is any[];
|
|
643
|
+
readonly prototype: any[];
|
|
644
|
+
from<T>(arrayLike: ArrayLike<T>): T[];
|
|
645
|
+
from<T, U>(arrayLike: ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
|
|
646
|
+
from<T>(iterable: Iterable<T> | ArrayLike<T>): T[];
|
|
647
|
+
from<T, U>(iterable: Iterable<T> | ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
|
|
648
|
+
of<T>(...items: T[]): T[];
|
|
649
|
+
readonly [Symbol.species]: ArrayConstructor;
|
|
650
|
+
};
|
|
651
|
+
default: never[];
|
|
652
|
+
};
|
|
653
|
+
bvalue: {
|
|
654
|
+
type: StringConstructor;
|
|
655
|
+
default: string;
|
|
656
|
+
};
|
|
657
|
+
blabel: {
|
|
658
|
+
type: StringConstructor;
|
|
659
|
+
default: string;
|
|
660
|
+
};
|
|
661
|
+
placeholder: {
|
|
662
|
+
type: StringConstructor;
|
|
663
|
+
default: string;
|
|
664
|
+
};
|
|
665
|
+
inputWidth: {
|
|
666
|
+
type: StringConstructor;
|
|
667
|
+
default: string;
|
|
668
|
+
};
|
|
669
|
+
dropWidth: {
|
|
670
|
+
type: StringConstructor;
|
|
671
|
+
default: string;
|
|
672
|
+
};
|
|
673
|
+
id: {
|
|
674
|
+
type: PropType<any>;
|
|
675
|
+
};
|
|
676
|
+
name: {
|
|
677
|
+
type: PropType<any>;
|
|
678
|
+
};
|
|
679
|
+
}>> & Readonly<{
|
|
680
|
+
onChange?: ((...args: any[]) => any) | undefined;
|
|
681
|
+
"onUpdate:id"?: ((value: any) => any) | undefined;
|
|
682
|
+
"onUpdate:name"?: ((value: any) => any) | undefined;
|
|
683
|
+
}>, {
|
|
684
|
+
placeholder: string;
|
|
685
|
+
optionData: any[];
|
|
686
|
+
bvalue: string;
|
|
687
|
+
blabel: string;
|
|
688
|
+
inputWidth: string;
|
|
689
|
+
dropWidth: string;
|
|
690
|
+
}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
|
|
691
|
+
export { FmTransfer, FmNoticeBar, FmDragImg, Fmselect, FmAutocomplete, Fminputdropdown, elSvg };
|
|
@@ -0,0 +1,118 @@
|
|
|
1
|
+
import { DefineComponent, ExtractPropTypes, PropType, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
|
|
2
|
+
declare const _default: DefineComponent<ExtractPropTypes<{
|
|
3
|
+
optionData: {
|
|
4
|
+
type: {
|
|
5
|
+
(arrayLength: number): any[];
|
|
6
|
+
(...items: any[]): any[];
|
|
7
|
+
new (arrayLength: number): any[];
|
|
8
|
+
new (...items: any[]): any[];
|
|
9
|
+
isArray(arg: any): arg is any[];
|
|
10
|
+
readonly prototype: any[];
|
|
11
|
+
from<T>(arrayLike: ArrayLike<T>): T[];
|
|
12
|
+
from<T, U>(arrayLike: ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
|
|
13
|
+
from<T>(iterable: Iterable<T> | ArrayLike<T>): T[];
|
|
14
|
+
from<T, U>(iterable: Iterable<T> | ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
|
|
15
|
+
of<T>(...items: T[]): T[];
|
|
16
|
+
readonly [Symbol.species]: ArrayConstructor;
|
|
17
|
+
};
|
|
18
|
+
default: never[];
|
|
19
|
+
};
|
|
20
|
+
/**
|
|
21
|
+
* 值的属性值
|
|
22
|
+
*/
|
|
23
|
+
bvalue: {
|
|
24
|
+
type: StringConstructor;
|
|
25
|
+
default: string;
|
|
26
|
+
};
|
|
27
|
+
/**
|
|
28
|
+
* 值的属性标签
|
|
29
|
+
*/
|
|
30
|
+
blabel: {
|
|
31
|
+
type: StringConstructor;
|
|
32
|
+
default: string;
|
|
33
|
+
};
|
|
34
|
+
placeholder: {
|
|
35
|
+
type: StringConstructor;
|
|
36
|
+
default: string;
|
|
37
|
+
};
|
|
38
|
+
inputWidth: {
|
|
39
|
+
type: StringConstructor;
|
|
40
|
+
default: string;
|
|
41
|
+
};
|
|
42
|
+
dropWidth: {
|
|
43
|
+
type: StringConstructor;
|
|
44
|
+
default: string;
|
|
45
|
+
};
|
|
46
|
+
id: {
|
|
47
|
+
type: PropType<any>;
|
|
48
|
+
};
|
|
49
|
+
name: {
|
|
50
|
+
type: PropType<any>;
|
|
51
|
+
};
|
|
52
|
+
}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
53
|
+
change: (...args: any[]) => void;
|
|
54
|
+
"update:id": (value: any) => void;
|
|
55
|
+
"update:name": (value: any) => void;
|
|
56
|
+
}, string, PublicProps, Readonly< ExtractPropTypes<{
|
|
57
|
+
optionData: {
|
|
58
|
+
type: {
|
|
59
|
+
(arrayLength: number): any[];
|
|
60
|
+
(...items: any[]): any[];
|
|
61
|
+
new (arrayLength: number): any[];
|
|
62
|
+
new (...items: any[]): any[];
|
|
63
|
+
isArray(arg: any): arg is any[];
|
|
64
|
+
readonly prototype: any[];
|
|
65
|
+
from<T>(arrayLike: ArrayLike<T>): T[];
|
|
66
|
+
from<T, U>(arrayLike: ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
|
|
67
|
+
from<T>(iterable: Iterable<T> | ArrayLike<T>): T[];
|
|
68
|
+
from<T, U>(iterable: Iterable<T> | ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
|
|
69
|
+
of<T>(...items: T[]): T[];
|
|
70
|
+
readonly [Symbol.species]: ArrayConstructor;
|
|
71
|
+
};
|
|
72
|
+
default: never[];
|
|
73
|
+
};
|
|
74
|
+
/**
|
|
75
|
+
* 值的属性值
|
|
76
|
+
*/
|
|
77
|
+
bvalue: {
|
|
78
|
+
type: StringConstructor;
|
|
79
|
+
default: string;
|
|
80
|
+
};
|
|
81
|
+
/**
|
|
82
|
+
* 值的属性标签
|
|
83
|
+
*/
|
|
84
|
+
blabel: {
|
|
85
|
+
type: StringConstructor;
|
|
86
|
+
default: string;
|
|
87
|
+
};
|
|
88
|
+
placeholder: {
|
|
89
|
+
type: StringConstructor;
|
|
90
|
+
default: string;
|
|
91
|
+
};
|
|
92
|
+
inputWidth: {
|
|
93
|
+
type: StringConstructor;
|
|
94
|
+
default: string;
|
|
95
|
+
};
|
|
96
|
+
dropWidth: {
|
|
97
|
+
type: StringConstructor;
|
|
98
|
+
default: string;
|
|
99
|
+
};
|
|
100
|
+
id: {
|
|
101
|
+
type: PropType<any>;
|
|
102
|
+
};
|
|
103
|
+
name: {
|
|
104
|
+
type: PropType<any>;
|
|
105
|
+
};
|
|
106
|
+
}>> & Readonly<{
|
|
107
|
+
onChange?: ((...args: any[]) => any) | undefined;
|
|
108
|
+
"onUpdate:id"?: ((value: any) => any) | undefined;
|
|
109
|
+
"onUpdate:name"?: ((value: any) => any) | undefined;
|
|
110
|
+
}>, {
|
|
111
|
+
placeholder: string;
|
|
112
|
+
optionData: any[];
|
|
113
|
+
bvalue: string;
|
|
114
|
+
blabel: string;
|
|
115
|
+
inputWidth: string;
|
|
116
|
+
dropWidth: string;
|
|
117
|
+
}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
|
|
118
|
+
export default _default;
|
package/lib/index.js
CHANGED
|
@@ -52,6 +52,7 @@ exports.FmAutocomplete = index$1.FmAutocomplete;
|
|
|
52
52
|
exports.FmDragImg = index$1.FmDragImg;
|
|
53
53
|
exports.FmNoticeBar = index$1.FmNoticeBar;
|
|
54
54
|
exports.FmTransfer = index$1.FmTransfer;
|
|
55
|
+
exports.Fminputdropdown = index$1.Fminputdropdown;
|
|
55
56
|
exports.Fmselect = index$1.Fmselect;
|
|
56
57
|
exports.elSvg = index$2.elSvg;
|
|
57
58
|
exports.FmLogin = index$3.FmLogin;
|
|
@@ -19,6 +19,7 @@ const useVxeTable = (opt, extras) => {
|
|
|
19
19
|
align: "center",
|
|
20
20
|
// 自动监听父元素的变化去重新计算表格(对于父元素可能存在动态变化、显示隐藏的容器中、列宽异常等场景中的可能会用到)
|
|
21
21
|
// data: [] as Array<T>,
|
|
22
|
+
spanMethod: opt.spanMethod,
|
|
22
23
|
columns: opt.columns,
|
|
23
24
|
showFooter: opt.showFooter,
|
|
24
25
|
footerData: opt.footerData,
|
|
@@ -44,6 +44,7 @@ exports.FmAutocomplete = index.FmAutocomplete;
|
|
|
44
44
|
exports.FmDragImg = index.FmDragImg;
|
|
45
45
|
exports.FmNoticeBar = index.FmNoticeBar;
|
|
46
46
|
exports.FmTransfer = index.FmTransfer;
|
|
47
|
+
exports.Fminputdropdown = index.Fminputdropdown;
|
|
47
48
|
exports.Fmselect = index.Fmselect;
|
|
48
49
|
exports.FmLogin = index$2.FmLogin;
|
|
49
50
|
exports.NextLoading = index$3.NextLoading;
|
|
@@ -5,21 +5,25 @@ require('./noticeBar/index.vue.js');
|
|
|
5
5
|
var dragVerifyImgRotate = require('./dragVerify/dragVerifyImgRotate.vue.js');
|
|
6
6
|
require('./fmselect/index.vue.js');
|
|
7
7
|
require('./fmautocomplete/index.vue.js');
|
|
8
|
+
require('./inputdropdown/index.vue.js');
|
|
8
9
|
var index = require('./svgIcon/index.js');
|
|
9
10
|
var index_vue_vue_type_script_setup_true_lang = require('./transfer/index.vue2.js');
|
|
10
11
|
var index_vue_vue_type_script_setup_true_lang$1 = require('./noticeBar/index.vue2.js');
|
|
11
12
|
var index_vue_vue_type_script_setup_true_lang$2 = require('./fmselect/index.vue2.js');
|
|
12
13
|
var index_vue_vue_type_script_setup_true_lang$3 = require('./fmautocomplete/index.vue2.js');
|
|
14
|
+
var index_vue_vue_type_script_setup_true_lang$4 = require('./inputdropdown/index.vue2.js');
|
|
13
15
|
|
|
14
16
|
const FmTransfer = index_vue_vue_type_script_setup_true_lang.default;
|
|
15
17
|
const FmNoticeBar = index_vue_vue_type_script_setup_true_lang$1.default;
|
|
16
18
|
const FmDragImg = dragVerifyImgRotate.default;
|
|
17
19
|
const Fmselect = index_vue_vue_type_script_setup_true_lang$2.default;
|
|
18
20
|
const FmAutocomplete = index_vue_vue_type_script_setup_true_lang$3.default;
|
|
21
|
+
const Fminputdropdown = index_vue_vue_type_script_setup_true_lang$4.default;
|
|
19
22
|
|
|
20
23
|
exports.elSvg = index.elSvg;
|
|
21
24
|
exports.FmAutocomplete = FmAutocomplete;
|
|
22
25
|
exports.FmDragImg = FmDragImg;
|
|
23
26
|
exports.FmNoticeBar = FmNoticeBar;
|
|
24
27
|
exports.FmTransfer = FmTransfer;
|
|
28
|
+
exports.Fminputdropdown = Fminputdropdown;
|
|
25
29
|
exports.Fmselect = Fmselect;
|
|
@@ -0,0 +1,127 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var vue = require('vue');
|
|
6
|
+
|
|
7
|
+
var _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
8
|
+
...{
|
|
9
|
+
name: "Fminputdropdown"
|
|
10
|
+
},
|
|
11
|
+
__name: "index",
|
|
12
|
+
props: /* @__PURE__ */ vue.mergeModels({
|
|
13
|
+
//数据
|
|
14
|
+
optionData: {
|
|
15
|
+
type: Array,
|
|
16
|
+
default: []
|
|
17
|
+
},
|
|
18
|
+
/**
|
|
19
|
+
* 值的属性值
|
|
20
|
+
*/
|
|
21
|
+
bvalue: {
|
|
22
|
+
type: String,
|
|
23
|
+
default: "id"
|
|
24
|
+
},
|
|
25
|
+
/**
|
|
26
|
+
* 值的属性标签
|
|
27
|
+
*/
|
|
28
|
+
blabel: {
|
|
29
|
+
type: String,
|
|
30
|
+
default: "name"
|
|
31
|
+
},
|
|
32
|
+
placeholder: {
|
|
33
|
+
type: String,
|
|
34
|
+
default: "\u8BF7\u9009\u62E9"
|
|
35
|
+
},
|
|
36
|
+
inputWidth: {
|
|
37
|
+
type: String,
|
|
38
|
+
default: "40%"
|
|
39
|
+
},
|
|
40
|
+
dropWidth: {
|
|
41
|
+
type: String,
|
|
42
|
+
default: "90px"
|
|
43
|
+
}
|
|
44
|
+
}, {
|
|
45
|
+
"id": {
|
|
46
|
+
type: Number,
|
|
47
|
+
default: 0
|
|
48
|
+
},
|
|
49
|
+
"idModifiers": {},
|
|
50
|
+
"name": {
|
|
51
|
+
type: String,
|
|
52
|
+
default: ""
|
|
53
|
+
},
|
|
54
|
+
"nameModifiers": {}
|
|
55
|
+
}),
|
|
56
|
+
emits: /* @__PURE__ */ vue.mergeModels(["change"], ["update:id", "update:name"]),
|
|
57
|
+
setup(__props, { emit: __emit }) {
|
|
58
|
+
const modeValueId = vue.useModel(__props, "id");
|
|
59
|
+
const modeValueName = vue.useModel(__props, "name");
|
|
60
|
+
const props = __props;
|
|
61
|
+
const emit = __emit;
|
|
62
|
+
const handCommand = (command) => {
|
|
63
|
+
const fitem = props.optionData.find((item) => item[props.bvalue] === command);
|
|
64
|
+
modeValueId.value = fitem != null ? [props.bvalue] : 0;
|
|
65
|
+
modeValueName.value = fitem != null ? fitem[props.blabel] : "";
|
|
66
|
+
emit("change", fitem);
|
|
67
|
+
};
|
|
68
|
+
return (_ctx, _cache) => {
|
|
69
|
+
const _component_el_input = vue.resolveComponent("el-input");
|
|
70
|
+
const _component_el_dropdown_item = vue.resolveComponent("el-dropdown-item");
|
|
71
|
+
const _component_el_dropdown_menu = vue.resolveComponent("el-dropdown-menu");
|
|
72
|
+
const _component_el_dropdown = vue.resolveComponent("el-dropdown");
|
|
73
|
+
return vue.openBlock(), vue.createBlock(_component_el_dropdown, {
|
|
74
|
+
placement: "bottom",
|
|
75
|
+
trigger: "click",
|
|
76
|
+
style: { "width": "100%" },
|
|
77
|
+
onCommand: handCommand
|
|
78
|
+
}, {
|
|
79
|
+
dropdown: vue.withCtx(() => [
|
|
80
|
+
vue.createVNode(_component_el_dropdown_menu, {
|
|
81
|
+
style: vue.normalizeStyle({ width: __props.dropWidth })
|
|
82
|
+
}, {
|
|
83
|
+
default: vue.withCtx(() => [
|
|
84
|
+
(vue.openBlock(true), vue.createElementBlock(
|
|
85
|
+
vue.Fragment,
|
|
86
|
+
null,
|
|
87
|
+
vue.renderList(__props.optionData, (item, index) => {
|
|
88
|
+
return vue.openBlock(), vue.createBlock(_component_el_dropdown_item, {
|
|
89
|
+
key: index,
|
|
90
|
+
command: item[__props.bvalue],
|
|
91
|
+
divided: ""
|
|
92
|
+
}, {
|
|
93
|
+
default: vue.withCtx(() => [
|
|
94
|
+
vue.createTextVNode(
|
|
95
|
+
vue.toDisplayString(item[__props.blabel]),
|
|
96
|
+
1
|
|
97
|
+
/* TEXT */
|
|
98
|
+
)
|
|
99
|
+
]),
|
|
100
|
+
_: 2
|
|
101
|
+
/* DYNAMIC */
|
|
102
|
+
}, 1032, ["command"]);
|
|
103
|
+
}),
|
|
104
|
+
128
|
|
105
|
+
/* KEYED_FRAGMENT */
|
|
106
|
+
))
|
|
107
|
+
]),
|
|
108
|
+
_: 1
|
|
109
|
+
/* STABLE */
|
|
110
|
+
}, 8, ["style"])
|
|
111
|
+
]),
|
|
112
|
+
default: vue.withCtx(() => [
|
|
113
|
+
vue.createVNode(_component_el_input, {
|
|
114
|
+
modelValue: modeValueName.value,
|
|
115
|
+
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => modeValueName.value = $event),
|
|
116
|
+
placeholder: props.placeholder,
|
|
117
|
+
style: vue.normalizeStyle({ width: __props.inputWidth })
|
|
118
|
+
}, null, 8, ["modelValue", "placeholder", "style"])
|
|
119
|
+
]),
|
|
120
|
+
_: 1
|
|
121
|
+
/* STABLE */
|
|
122
|
+
});
|
|
123
|
+
};
|
|
124
|
+
}
|
|
125
|
+
});
|
|
126
|
+
|
|
127
|
+
exports.default = _sfc_main;
|