mali-ui-plus 0.1.12 → 0.1.13
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/lib/mali-ui-plus.common.js +1090 -31
- package/lib/mali-ui-plus.css +1 -1
- package/lib/mali-ui-plus.umd.js +1090 -31
- package/lib/mali-ui-plus.umd.min.js +2 -2
- package/package.json +1 -1
|
@@ -38219,11 +38219,11 @@ const globalStore = {
|
|
|
38219
38219
|
},
|
|
38220
38220
|
// 上传组件
|
|
38221
38221
|
upload: {
|
|
38222
|
-
|
|
38223
|
-
|
|
38224
|
-
|
|
38225
|
-
|
|
38226
|
-
|
|
38222
|
+
fileProps: {
|
|
38223
|
+
// fileUrl: 'fileUrl', // 文件地址
|
|
38224
|
+
// fileType: 'fileType', // 文件类型
|
|
38225
|
+
// fileName: 'fileName' // 文件名
|
|
38226
|
+
},
|
|
38227
38227
|
// 获取附件缩略图方法
|
|
38228
38228
|
getThumbnailFileUrl: null,
|
|
38229
38229
|
// 获取附件路径方法
|
|
@@ -39520,6 +39520,324 @@ const MlAmountInputvue_type_script_lang_ts_setup_true_hoisted_1 = {
|
|
|
39520
39520
|
const MlAmountInput_exports_ = MlAmountInputvue_type_script_lang_ts_setup_true;
|
|
39521
39521
|
|
|
39522
39522
|
/* harmony default export */ var MlAmountInput = (MlAmountInput_exports_);
|
|
39523
|
+
;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js!./node_modules/ts-loader/index.js??clonedRuleSet-41.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/ml-input/MlNumberInput.vue?vue&type=script&lang=ts&setup=true
|
|
39524
|
+
|
|
39525
|
+
|
|
39526
|
+
const MlNumberInputvue_type_script_lang_ts_setup_true_hoisted_1 = {
|
|
39527
|
+
key: 0,
|
|
39528
|
+
class: "ml-number-input is-readonly"
|
|
39529
|
+
};
|
|
39530
|
+
|
|
39531
|
+
|
|
39532
|
+
|
|
39533
|
+
/* harmony default export */ var MlNumberInputvue_type_script_lang_ts_setup_true = (/*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_.defineComponent)({
|
|
39534
|
+
__name: 'MlNumberInput',
|
|
39535
|
+
props: {
|
|
39536
|
+
modelValue: {
|
|
39537
|
+
type: [Number, String],
|
|
39538
|
+
default: null
|
|
39539
|
+
},
|
|
39540
|
+
min: {
|
|
39541
|
+
type: [Number, String],
|
|
39542
|
+
default: 0
|
|
39543
|
+
},
|
|
39544
|
+
max: {
|
|
39545
|
+
type: [Number, String],
|
|
39546
|
+
default: 9999999999999
|
|
39547
|
+
},
|
|
39548
|
+
size: {
|
|
39549
|
+
type: String,
|
|
39550
|
+
default: () => config_0.size
|
|
39551
|
+
},
|
|
39552
|
+
type: String,
|
|
39553
|
+
maxLength: {
|
|
39554
|
+
type: [Number, String],
|
|
39555
|
+
default: 13
|
|
39556
|
+
},
|
|
39557
|
+
digits: {
|
|
39558
|
+
type: [Number, String],
|
|
39559
|
+
default: null
|
|
39560
|
+
},
|
|
39561
|
+
placeholder: {
|
|
39562
|
+
type: String,
|
|
39563
|
+
default: '请输入数值'
|
|
39564
|
+
},
|
|
39565
|
+
clearable: {
|
|
39566
|
+
type: Boolean,
|
|
39567
|
+
default: false
|
|
39568
|
+
},
|
|
39569
|
+
disabled: {
|
|
39570
|
+
type: Boolean,
|
|
39571
|
+
default: false
|
|
39572
|
+
},
|
|
39573
|
+
step: {
|
|
39574
|
+
type: [Number, String],
|
|
39575
|
+
default: 1
|
|
39576
|
+
},
|
|
39577
|
+
readonly: {
|
|
39578
|
+
type: Boolean,
|
|
39579
|
+
default: null
|
|
39580
|
+
},
|
|
39581
|
+
controls: {
|
|
39582
|
+
type: Boolean,
|
|
39583
|
+
default: true
|
|
39584
|
+
}
|
|
39585
|
+
},
|
|
39586
|
+
emits: ["update:modelValue", "focus", "blur", "change"],
|
|
39587
|
+
setup(__props, {
|
|
39588
|
+
emit
|
|
39589
|
+
}) {
|
|
39590
|
+
const props = __props;
|
|
39591
|
+
const $xeform = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('$xeform', null);
|
|
39592
|
+
const $xeformiteminfo = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('$xeformiteminfo', null);
|
|
39593
|
+
const mlForm = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('mlForm', null);
|
|
39594
|
+
const inpVal = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)('');
|
|
39595
|
+
const isReadonly = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
|
|
39596
|
+
if (props.readonly === null) {
|
|
39597
|
+
return $xeform ? $xeform.props.readonly : false;
|
|
39598
|
+
}
|
|
39599
|
+
return props.readonly;
|
|
39600
|
+
});
|
|
39601
|
+
const minNum = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
|
|
39602
|
+
if (xe_utils_default().isNumber(props.min) || props.min) {
|
|
39603
|
+
return Number(props.min || 0);
|
|
39604
|
+
}
|
|
39605
|
+
return null;
|
|
39606
|
+
});
|
|
39607
|
+
const maxNum = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
|
|
39608
|
+
if (xe_utils_default().isNumber(props.max) || props.max) {
|
|
39609
|
+
return Number(props.max);
|
|
39610
|
+
}
|
|
39611
|
+
return null;
|
|
39612
|
+
});
|
|
39613
|
+
const checkValue = () => {
|
|
39614
|
+
if (minNum.value !== null && Number(props.modelValue) < minNum.value) {
|
|
39615
|
+
emit('update:modelValue', minNum.value);
|
|
39616
|
+
emit('change', {
|
|
39617
|
+
value: minNum.value
|
|
39618
|
+
});
|
|
39619
|
+
return {
|
|
39620
|
+
status: false,
|
|
39621
|
+
value: minNum.value
|
|
39622
|
+
};
|
|
39623
|
+
}
|
|
39624
|
+
if (maxNum.value !== null && Number(props.modelValue) > maxNum.value) {
|
|
39625
|
+
emit('update:modelValue', maxNum.value);
|
|
39626
|
+
emit('change', {
|
|
39627
|
+
value: maxNum.value
|
|
39628
|
+
});
|
|
39629
|
+
return {
|
|
39630
|
+
status: false,
|
|
39631
|
+
value: maxNum.value
|
|
39632
|
+
};
|
|
39633
|
+
}
|
|
39634
|
+
return {
|
|
39635
|
+
status: true,
|
|
39636
|
+
value: 0
|
|
39637
|
+
};
|
|
39638
|
+
};
|
|
39639
|
+
const blurEvent = () => {
|
|
39640
|
+
checkValue();
|
|
39641
|
+
emit('blur', {});
|
|
39642
|
+
// 值改变自动触发提交
|
|
39643
|
+
if (mlForm && mlForm.changeToSubmit) {
|
|
39644
|
+
mlForm.submit();
|
|
39645
|
+
}
|
|
39646
|
+
};
|
|
39647
|
+
const inputEvent = ({
|
|
39648
|
+
$event
|
|
39649
|
+
}) => {
|
|
39650
|
+
const value = xe_utils_default().eqNull(inpVal.value) || inpVal.value === '' ? null : Number(inpVal.value);
|
|
39651
|
+
// 自动更新校验状态
|
|
39652
|
+
if ($xeform && $xeformiteminfo) {
|
|
39653
|
+
$xeform.triggerItemEvent($event, $xeformiteminfo.itemConfig.field, value);
|
|
39654
|
+
if (mlForm) {
|
|
39655
|
+
mlForm.changeItemValue($xeformiteminfo.itemConfig.field);
|
|
39656
|
+
}
|
|
39657
|
+
}
|
|
39658
|
+
emit('update:modelValue', value);
|
|
39659
|
+
emit('change', {
|
|
39660
|
+
value
|
|
39661
|
+
});
|
|
39662
|
+
};
|
|
39663
|
+
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(() => props.modelValue, val => {
|
|
39664
|
+
inpVal.value = val;
|
|
39665
|
+
});
|
|
39666
|
+
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(() => props.min, () => {
|
|
39667
|
+
checkValue();
|
|
39668
|
+
});
|
|
39669
|
+
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(() => props.max, () => {
|
|
39670
|
+
checkValue();
|
|
39671
|
+
});
|
|
39672
|
+
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.onMounted)(() => {
|
|
39673
|
+
inpVal.value = xe_utils_default().toValueString(props.modelValue);
|
|
39674
|
+
checkValue();
|
|
39675
|
+
});
|
|
39676
|
+
return (_ctx, _cache) => {
|
|
39677
|
+
const _component_vxe_input = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("vxe-input");
|
|
39678
|
+
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(isReadonly) ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("span", MlNumberInputvue_type_script_lang_ts_setup_true_hoisted_1, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)(inpVal.value), 1)) : ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createBlock)(_component_vxe_input, {
|
|
39679
|
+
key: 1,
|
|
39680
|
+
class: "ml-number-input",
|
|
39681
|
+
type: __props.digits ? 'float' : __props.type || 'number',
|
|
39682
|
+
modelValue: inpVal.value,
|
|
39683
|
+
"onUpdate:modelValue": _cache[0] || (_cache[0] = $event => inpVal.value = $event),
|
|
39684
|
+
min: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(minNum),
|
|
39685
|
+
max: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(maxNum),
|
|
39686
|
+
step: __props.step,
|
|
39687
|
+
digits: __props.digits,
|
|
39688
|
+
controls: __props.controls,
|
|
39689
|
+
disabled: __props.disabled,
|
|
39690
|
+
clearable: __props.clearable,
|
|
39691
|
+
placeholder: __props.placeholder,
|
|
39692
|
+
maxlength: __props.maxLength,
|
|
39693
|
+
onInput: inputEvent,
|
|
39694
|
+
onBlur: blurEvent
|
|
39695
|
+
}, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createSlots)({
|
|
39696
|
+
_: 2
|
|
39697
|
+
}, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderList)(_ctx.$slots, (handle, name) => {
|
|
39698
|
+
return {
|
|
39699
|
+
name: name,
|
|
39700
|
+
fn: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(params => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, name, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeProps)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.guardReactiveProps)(params)))])
|
|
39701
|
+
};
|
|
39702
|
+
})]), 1032, ["type", "modelValue", "min", "max", "step", "digits", "controls", "disabled", "clearable", "placeholder", "maxlength"]));
|
|
39703
|
+
};
|
|
39704
|
+
}
|
|
39705
|
+
}));
|
|
39706
|
+
;// CONCATENATED MODULE: ./components/ml-input/MlNumberInput.vue?vue&type=script&lang=ts&setup=true
|
|
39707
|
+
|
|
39708
|
+
;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/ml-input/MlNumberInput.vue?vue&type=style&index=0&id=2115fe50&lang=scss
|
|
39709
|
+
// extracted by mini-css-extract-plugin
|
|
39710
|
+
|
|
39711
|
+
;// CONCATENATED MODULE: ./components/ml-input/MlNumberInput.vue?vue&type=style&index=0&id=2115fe50&lang=scss
|
|
39712
|
+
|
|
39713
|
+
;// CONCATENATED MODULE: ./components/ml-input/MlNumberInput.vue
|
|
39714
|
+
|
|
39715
|
+
|
|
39716
|
+
|
|
39717
|
+
;
|
|
39718
|
+
|
|
39719
|
+
const MlNumberInput_exports_ = MlNumberInputvue_type_script_lang_ts_setup_true;
|
|
39720
|
+
|
|
39721
|
+
/* harmony default export */ var MlNumberInput = (MlNumberInput_exports_);
|
|
39722
|
+
;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js!./node_modules/ts-loader/index.js??clonedRuleSet-41.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/ml-checkbox/MlCheckbox.vue?vue&type=script&lang=ts&setup=true
|
|
39723
|
+
|
|
39724
|
+
|
|
39725
|
+
|
|
39726
|
+
|
|
39727
|
+
/* harmony default export */ var MlCheckboxvue_type_script_lang_ts_setup_true = (/*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_.defineComponent)({
|
|
39728
|
+
__name: 'MlCheckbox',
|
|
39729
|
+
props: {
|
|
39730
|
+
modelValue: {
|
|
39731
|
+
type: [String, Number, Boolean],
|
|
39732
|
+
default: null
|
|
39733
|
+
},
|
|
39734
|
+
indeterminate: Boolean,
|
|
39735
|
+
disabled: Boolean,
|
|
39736
|
+
size: {
|
|
39737
|
+
type: String,
|
|
39738
|
+
default: () => config_0.size
|
|
39739
|
+
}
|
|
39740
|
+
},
|
|
39741
|
+
emits: ["update:modelValue", "change"],
|
|
39742
|
+
setup(__props, {
|
|
39743
|
+
emit
|
|
39744
|
+
}) {
|
|
39745
|
+
const props = __props;
|
|
39746
|
+
const selectVal = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
|
|
39747
|
+
const changeEvent = () => {
|
|
39748
|
+
const value = selectVal.value;
|
|
39749
|
+
emit('update:modelValue', value);
|
|
39750
|
+
emit('change', {
|
|
39751
|
+
value
|
|
39752
|
+
});
|
|
39753
|
+
};
|
|
39754
|
+
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(() => props.modelValue, val => {
|
|
39755
|
+
selectVal.value = val;
|
|
39756
|
+
});
|
|
39757
|
+
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.onMounted)(() => {
|
|
39758
|
+
selectVal.value = props.modelValue;
|
|
39759
|
+
});
|
|
39760
|
+
return (_ctx, _cache) => {
|
|
39761
|
+
const _component_el_checkbox = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("el-checkbox");
|
|
39762
|
+
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createBlock)(_component_el_checkbox, {
|
|
39763
|
+
modelValue: selectVal.value,
|
|
39764
|
+
"onUpdate:modelValue": _cache[0] || (_cache[0] = $event => selectVal.value = $event),
|
|
39765
|
+
indeterminate: __props.indeterminate,
|
|
39766
|
+
disabled: __props.disabled,
|
|
39767
|
+
onChange: changeEvent
|
|
39768
|
+
}, {
|
|
39769
|
+
default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "default")]),
|
|
39770
|
+
_: 3
|
|
39771
|
+
}, 8, ["modelValue", "indeterminate", "disabled"]);
|
|
39772
|
+
};
|
|
39773
|
+
}
|
|
39774
|
+
}));
|
|
39775
|
+
;// CONCATENATED MODULE: ./components/ml-checkbox/MlCheckbox.vue?vue&type=script&lang=ts&setup=true
|
|
39776
|
+
|
|
39777
|
+
;// CONCATENATED MODULE: ./components/ml-checkbox/MlCheckbox.vue
|
|
39778
|
+
|
|
39779
|
+
|
|
39780
|
+
|
|
39781
|
+
const MlCheckbox_exports_ = MlCheckboxvue_type_script_lang_ts_setup_true;
|
|
39782
|
+
|
|
39783
|
+
/* harmony default export */ var MlCheckbox = (MlCheckbox_exports_);
|
|
39784
|
+
;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js!./node_modules/ts-loader/index.js??clonedRuleSet-41.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/ml-radio/MlRadio.vue?vue&type=script&lang=ts&setup=true
|
|
39785
|
+
|
|
39786
|
+
|
|
39787
|
+
|
|
39788
|
+
|
|
39789
|
+
/* harmony default export */ var MlRadiovue_type_script_lang_ts_setup_true = (/*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_.defineComponent)({
|
|
39790
|
+
__name: 'MlRadio',
|
|
39791
|
+
props: {
|
|
39792
|
+
modelValue: [String, Number, Boolean],
|
|
39793
|
+
label: [String, Number, Boolean],
|
|
39794
|
+
disabled: Boolean,
|
|
39795
|
+
size: {
|
|
39796
|
+
type: String,
|
|
39797
|
+
default: () => config_0.size
|
|
39798
|
+
}
|
|
39799
|
+
},
|
|
39800
|
+
emits: ["update:modelValue", "change"],
|
|
39801
|
+
setup(__props, {
|
|
39802
|
+
emit
|
|
39803
|
+
}) {
|
|
39804
|
+
const props = __props;
|
|
39805
|
+
const selectVal = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
|
|
39806
|
+
const changeEvent = () => {
|
|
39807
|
+
const value = props.label;
|
|
39808
|
+
emit('update:modelValue', value);
|
|
39809
|
+
emit('change', {
|
|
39810
|
+
value
|
|
39811
|
+
});
|
|
39812
|
+
};
|
|
39813
|
+
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(() => props.modelValue, val => {
|
|
39814
|
+
selectVal.value = val;
|
|
39815
|
+
});
|
|
39816
|
+
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.onMounted)(() => {
|
|
39817
|
+
selectVal.value = props.modelValue;
|
|
39818
|
+
});
|
|
39819
|
+
return (_ctx, _cache) => {
|
|
39820
|
+
const _component_el_radio = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("el-radio");
|
|
39821
|
+
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createBlock)(_component_el_radio, {
|
|
39822
|
+
disabled: __props.disabled,
|
|
39823
|
+
checked: __props.modelValue === __props.label,
|
|
39824
|
+
onChange: changeEvent
|
|
39825
|
+
}, {
|
|
39826
|
+
default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "default")]),
|
|
39827
|
+
_: 3
|
|
39828
|
+
}, 8, ["disabled", "checked"]);
|
|
39829
|
+
};
|
|
39830
|
+
}
|
|
39831
|
+
}));
|
|
39832
|
+
;// CONCATENATED MODULE: ./components/ml-radio/MlRadio.vue?vue&type=script&lang=ts&setup=true
|
|
39833
|
+
|
|
39834
|
+
;// CONCATENATED MODULE: ./components/ml-radio/MlRadio.vue
|
|
39835
|
+
|
|
39836
|
+
|
|
39837
|
+
|
|
39838
|
+
const MlRadio_exports_ = MlRadiovue_type_script_lang_ts_setup_true;
|
|
39839
|
+
|
|
39840
|
+
/* harmony default export */ var MlRadio = (MlRadio_exports_);
|
|
39523
39841
|
;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js!./node_modules/ts-loader/index.js??clonedRuleSet-41.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/ml-radio/MlRadioButton.vue?vue&type=script&lang=ts&setup=true
|
|
39524
39842
|
|
|
39525
39843
|
|
|
@@ -39949,39 +40267,146 @@ const MlDateTimePickervue_type_script_lang_ts_setup_true_hoisted_1 = {
|
|
|
39949
40267
|
}
|
|
39950
40268
|
};
|
|
39951
40269
|
return (_ctx, _cache) => {
|
|
39952
|
-
const _component_el_date_picker = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("el-date-picker");
|
|
39953
|
-
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(isReadonly) ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("span", MlDateTimePickervue_type_script_lang_ts_setup_true_hoisted_1, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(selectLabel)), 1)) : ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createBlock)(_component_el_date_picker, {
|
|
40270
|
+
const _component_el_date_picker = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("el-date-picker");
|
|
40271
|
+
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(isReadonly) ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("span", MlDateTimePickervue_type_script_lang_ts_setup_true_hoisted_1, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(selectLabel)), 1)) : ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createBlock)(_component_el_date_picker, {
|
|
40272
|
+
key: 1,
|
|
40273
|
+
class: "ml-date-time-picker",
|
|
40274
|
+
type: "datetime",
|
|
40275
|
+
modelValue: __props.modelValue,
|
|
40276
|
+
format: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(timeValueFormat),
|
|
40277
|
+
placeholder: __props.placeholder,
|
|
40278
|
+
valueFormat: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(timeValueFormat),
|
|
40279
|
+
disabled: __props.disabled,
|
|
40280
|
+
disabledDate: disabledDateMethod,
|
|
40281
|
+
clearable: __props.clearable,
|
|
40282
|
+
onChange: changeEvent
|
|
40283
|
+
}, null, 8, ["modelValue", "format", "placeholder", "valueFormat", "disabled", "clearable"]));
|
|
40284
|
+
};
|
|
40285
|
+
}
|
|
40286
|
+
}));
|
|
40287
|
+
;// CONCATENATED MODULE: ./components/ml-date/MlDateTimePicker.vue?vue&type=script&lang=ts&setup=true
|
|
40288
|
+
|
|
40289
|
+
;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/ml-date/MlDateTimePicker.vue?vue&type=style&index=0&id=621e4cd7&lang=scss
|
|
40290
|
+
// extracted by mini-css-extract-plugin
|
|
40291
|
+
|
|
40292
|
+
;// CONCATENATED MODULE: ./components/ml-date/MlDateTimePicker.vue?vue&type=style&index=0&id=621e4cd7&lang=scss
|
|
40293
|
+
|
|
40294
|
+
;// CONCATENATED MODULE: ./components/ml-date/MlDateTimePicker.vue
|
|
40295
|
+
|
|
40296
|
+
|
|
40297
|
+
|
|
40298
|
+
;
|
|
40299
|
+
|
|
40300
|
+
const MlDateTimePicker_exports_ = MlDateTimePickervue_type_script_lang_ts_setup_true;
|
|
40301
|
+
|
|
40302
|
+
/* harmony default export */ var MlDateTimePicker = (MlDateTimePicker_exports_);
|
|
40303
|
+
;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js!./node_modules/ts-loader/index.js??clonedRuleSet-41.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/ml-date/MlWeekPicker.vue?vue&type=script&lang=ts&setup=true
|
|
40304
|
+
|
|
40305
|
+
|
|
40306
|
+
const MlWeekPickervue_type_script_lang_ts_setup_true_hoisted_1 = {
|
|
40307
|
+
key: 0,
|
|
40308
|
+
class: "ml-week-picker is-readonly"
|
|
40309
|
+
};
|
|
40310
|
+
|
|
40311
|
+
|
|
40312
|
+
|
|
40313
|
+
/* harmony default export */ var MlWeekPickervue_type_script_lang_ts_setup_true = (/*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_.defineComponent)({
|
|
40314
|
+
__name: 'MlWeekPicker',
|
|
40315
|
+
props: {
|
|
40316
|
+
modelValue: {
|
|
40317
|
+
type: String,
|
|
40318
|
+
default: ''
|
|
40319
|
+
},
|
|
40320
|
+
placeholder: {
|
|
40321
|
+
type: String,
|
|
40322
|
+
default: '请选择周'
|
|
40323
|
+
},
|
|
40324
|
+
size: {
|
|
40325
|
+
type: String,
|
|
40326
|
+
default: () => config_0.size
|
|
40327
|
+
},
|
|
40328
|
+
clearable: {
|
|
40329
|
+
type: Boolean,
|
|
40330
|
+
default: false
|
|
40331
|
+
},
|
|
40332
|
+
readonly: {
|
|
40333
|
+
type: Boolean,
|
|
40334
|
+
default: null
|
|
40335
|
+
},
|
|
40336
|
+
disabled: {
|
|
40337
|
+
type: Boolean,
|
|
40338
|
+
default: false
|
|
40339
|
+
}
|
|
40340
|
+
},
|
|
40341
|
+
emits: ["update:modelValue", "change"],
|
|
40342
|
+
setup(__props, {
|
|
40343
|
+
emit
|
|
40344
|
+
}) {
|
|
40345
|
+
const props = __props;
|
|
40346
|
+
const $xeform = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('$xeform', null);
|
|
40347
|
+
const mlForm = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('mlForm', null);
|
|
40348
|
+
const selectVal = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)('');
|
|
40349
|
+
const isReadonly = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
|
|
40350
|
+
if (props.readonly === null) {
|
|
40351
|
+
return $xeform ? $xeform.props.readonly : false;
|
|
40352
|
+
}
|
|
40353
|
+
return props.readonly;
|
|
40354
|
+
});
|
|
40355
|
+
const selectLabel = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
|
|
40356
|
+
if (isReadonly.value) {
|
|
40357
|
+
return xe_utils_default().toDateString(props.modelValue, 'yyyy 年第 WW 周');
|
|
40358
|
+
}
|
|
40359
|
+
return props.modelValue;
|
|
40360
|
+
});
|
|
40361
|
+
const changeEvent = () => {
|
|
40362
|
+
const value = selectVal.value;
|
|
40363
|
+
emit('update:modelValue', value);
|
|
40364
|
+
emit('change', {
|
|
40365
|
+
value
|
|
40366
|
+
});
|
|
40367
|
+
// 值改变自动触发提交
|
|
40368
|
+
if (mlForm && mlForm.changeToSubmit) {
|
|
40369
|
+
mlForm.submit();
|
|
40370
|
+
}
|
|
40371
|
+
};
|
|
40372
|
+
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(() => props.modelValue, val => {
|
|
40373
|
+
selectVal.value = val;
|
|
40374
|
+
});
|
|
40375
|
+
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.onMounted)(() => {
|
|
40376
|
+
selectVal.value = props.modelValue;
|
|
40377
|
+
});
|
|
40378
|
+
return (_ctx, _cache) => {
|
|
40379
|
+
const _component_vxe_input = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("vxe-input");
|
|
40380
|
+
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(isReadonly) ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("span", MlWeekPickervue_type_script_lang_ts_setup_true_hoisted_1, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(selectLabel)), 1)) : ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createBlock)(_component_vxe_input, {
|
|
39954
40381
|
key: 1,
|
|
39955
|
-
class: "ml-
|
|
39956
|
-
|
|
39957
|
-
modelValue:
|
|
39958
|
-
|
|
40382
|
+
class: "ml-week-picker",
|
|
40383
|
+
modelValue: selectVal.value,
|
|
40384
|
+
"onUpdate:modelValue": _cache[0] || (_cache[0] = $event => selectVal.value = $event),
|
|
40385
|
+
type: "week",
|
|
39959
40386
|
placeholder: __props.placeholder,
|
|
39960
|
-
valueFormat: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(timeValueFormat),
|
|
39961
40387
|
disabled: __props.disabled,
|
|
39962
|
-
disabledDate: disabledDateMethod,
|
|
39963
40388
|
clearable: __props.clearable,
|
|
39964
40389
|
onChange: changeEvent
|
|
39965
|
-
}, null, 8, ["modelValue", "
|
|
40390
|
+
}, null, 8, ["modelValue", "placeholder", "disabled", "clearable"]));
|
|
39966
40391
|
};
|
|
39967
40392
|
}
|
|
39968
40393
|
}));
|
|
39969
|
-
;// CONCATENATED MODULE: ./components/ml-date/
|
|
40394
|
+
;// CONCATENATED MODULE: ./components/ml-date/MlWeekPicker.vue?vue&type=script&lang=ts&setup=true
|
|
39970
40395
|
|
|
39971
|
-
;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/ml-date/
|
|
40396
|
+
;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/ml-date/MlWeekPicker.vue?vue&type=style&index=0&id=65756a5e&lang=scss
|
|
39972
40397
|
// extracted by mini-css-extract-plugin
|
|
39973
40398
|
|
|
39974
|
-
;// CONCATENATED MODULE: ./components/ml-date/
|
|
40399
|
+
;// CONCATENATED MODULE: ./components/ml-date/MlWeekPicker.vue?vue&type=style&index=0&id=65756a5e&lang=scss
|
|
39975
40400
|
|
|
39976
|
-
;// CONCATENATED MODULE: ./components/ml-date/
|
|
40401
|
+
;// CONCATENATED MODULE: ./components/ml-date/MlWeekPicker.vue
|
|
39977
40402
|
|
|
39978
40403
|
|
|
39979
40404
|
|
|
39980
40405
|
;
|
|
39981
40406
|
|
|
39982
|
-
const
|
|
40407
|
+
const MlWeekPicker_exports_ = MlWeekPickervue_type_script_lang_ts_setup_true;
|
|
39983
40408
|
|
|
39984
|
-
/* harmony default export */ var
|
|
40409
|
+
/* harmony default export */ var MlWeekPicker = (MlWeekPicker_exports_);
|
|
39985
40410
|
;// CONCATENATED MODULE: ./node_modules/vue-demi/lib/index.mjs
|
|
39986
40411
|
|
|
39987
40412
|
var lib_isVue2 = false;
|
|
@@ -57979,6 +58404,640 @@ const MlDrawervue_type_script_lang_ts_setup_true_hoisted_2 = {
|
|
|
57979
58404
|
const MlDrawer_exports_ = MlDrawervue_type_script_lang_ts_setup_true;
|
|
57980
58405
|
|
|
57981
58406
|
/* harmony default export */ var MlDrawer = (MlDrawer_exports_);
|
|
58407
|
+
;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js!./node_modules/ts-loader/index.js??clonedRuleSet-41.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/ml-upload/MlUpload.vue?vue&type=script&lang=ts&setup=true
|
|
58408
|
+
|
|
58409
|
+
|
|
58410
|
+
|
|
58411
|
+
const MlUploadvue_type_script_lang_ts_setup_true_hoisted_1 = {
|
|
58412
|
+
key: 1,
|
|
58413
|
+
class: "file-list"
|
|
58414
|
+
};
|
|
58415
|
+
const MlUploadvue_type_script_lang_ts_setup_true_hoisted_2 = {
|
|
58416
|
+
key: 0,
|
|
58417
|
+
class: "file-img-item add-img-item"
|
|
58418
|
+
};
|
|
58419
|
+
const MlUploadvue_type_script_lang_ts_setup_true_hoisted_3 = /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
|
|
58420
|
+
class: "img-item"
|
|
58421
|
+
}, null, -1);
|
|
58422
|
+
const MlUploadvue_type_script_lang_ts_setup_true_hoisted_4 = [MlUploadvue_type_script_lang_ts_setup_true_hoisted_3];
|
|
58423
|
+
const MlUploadvue_type_script_lang_ts_setup_true_hoisted_5 = {
|
|
58424
|
+
class: "img-item"
|
|
58425
|
+
};
|
|
58426
|
+
const MlUploadvue_type_script_lang_ts_setup_true_hoisted_6 = ["src"];
|
|
58427
|
+
const MlUploadvue_type_script_lang_ts_setup_true_hoisted_7 = {
|
|
58428
|
+
class: "oper-btns"
|
|
58429
|
+
};
|
|
58430
|
+
const MlUploadvue_type_script_lang_ts_setup_true_hoisted_8 = ["onClick"];
|
|
58431
|
+
const MlUploadvue_type_script_lang_ts_setup_true_hoisted_9 = ["onClick"];
|
|
58432
|
+
const MlUploadvue_type_script_lang_ts_setup_true_hoisted_10 = ["onClick"];
|
|
58433
|
+
const MlUploadvue_type_script_lang_ts_setup_true_hoisted_11 = {
|
|
58434
|
+
class: "file-name"
|
|
58435
|
+
};
|
|
58436
|
+
const MlUploadvue_type_script_lang_ts_setup_true_hoisted_12 = ["title", "onClick"];
|
|
58437
|
+
const MlUploadvue_type_script_lang_ts_setup_true_hoisted_13 = {
|
|
58438
|
+
class: "oper-btns"
|
|
58439
|
+
};
|
|
58440
|
+
const MlUploadvue_type_script_lang_ts_setup_true_hoisted_14 = ["onClick"];
|
|
58441
|
+
const MlUploadvue_type_script_lang_ts_setup_true_hoisted_15 = ["onClick"];
|
|
58442
|
+
const MlUploadvue_type_script_lang_ts_setup_true_hoisted_16 = ["onClick"];
|
|
58443
|
+
const MlUploadvue_type_script_lang_ts_setup_true_hoisted_17 = {
|
|
58444
|
+
key: 0,
|
|
58445
|
+
class: "ml-upload-preview-content"
|
|
58446
|
+
};
|
|
58447
|
+
const MlUploadvue_type_script_lang_ts_setup_true_hoisted_18 = {
|
|
58448
|
+
key: 0,
|
|
58449
|
+
class: "img-warpper"
|
|
58450
|
+
};
|
|
58451
|
+
const MlUploadvue_type_script_lang_ts_setup_true_hoisted_19 = {
|
|
58452
|
+
class: "img-list"
|
|
58453
|
+
};
|
|
58454
|
+
const MlUploadvue_type_script_lang_ts_setup_true_hoisted_20 = ["src"];
|
|
58455
|
+
const MlUploadvue_type_script_lang_ts_setup_true_hoisted_21 = ["src"];
|
|
58456
|
+
|
|
58457
|
+
|
|
58458
|
+
|
|
58459
|
+
|
|
58460
|
+
/* harmony default export */ var MlUploadvue_type_script_lang_ts_setup_true = (/*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_.defineComponent)({
|
|
58461
|
+
__name: 'MlUpload',
|
|
58462
|
+
props: {
|
|
58463
|
+
modelValue: {
|
|
58464
|
+
type: Array,
|
|
58465
|
+
default: () => []
|
|
58466
|
+
},
|
|
58467
|
+
urlList: {
|
|
58468
|
+
type: Array,
|
|
58469
|
+
default: () => []
|
|
58470
|
+
},
|
|
58471
|
+
params: {
|
|
58472
|
+
type: Object,
|
|
58473
|
+
default: () => ({})
|
|
58474
|
+
},
|
|
58475
|
+
accept: String,
|
|
58476
|
+
name: {
|
|
58477
|
+
type: String,
|
|
58478
|
+
default: 'file'
|
|
58479
|
+
},
|
|
58480
|
+
multiple: {
|
|
58481
|
+
type: Boolean,
|
|
58482
|
+
default: true
|
|
58483
|
+
},
|
|
58484
|
+
showFile: {
|
|
58485
|
+
type: Boolean,
|
|
58486
|
+
default: true
|
|
58487
|
+
},
|
|
58488
|
+
readonly: {
|
|
58489
|
+
type: Boolean,
|
|
58490
|
+
default: null
|
|
58491
|
+
},
|
|
58492
|
+
size: String,
|
|
58493
|
+
disabled: {
|
|
58494
|
+
type: Boolean,
|
|
58495
|
+
default: false
|
|
58496
|
+
},
|
|
58497
|
+
simpleValue: {
|
|
58498
|
+
type: Boolean,
|
|
58499
|
+
default: false
|
|
58500
|
+
},
|
|
58501
|
+
preview: {
|
|
58502
|
+
type: Boolean,
|
|
58503
|
+
default: false
|
|
58504
|
+
},
|
|
58505
|
+
thumbnailSize: Number,
|
|
58506
|
+
mediatype: {
|
|
58507
|
+
type: String,
|
|
58508
|
+
default: 'all'
|
|
58509
|
+
},
|
|
58510
|
+
fileProps: {
|
|
58511
|
+
type: Object,
|
|
58512
|
+
default: () => ({})
|
|
58513
|
+
},
|
|
58514
|
+
limit: {
|
|
58515
|
+
type: Number,
|
|
58516
|
+
default: null
|
|
58517
|
+
},
|
|
58518
|
+
types: {
|
|
58519
|
+
type: Array,
|
|
58520
|
+
default: null
|
|
58521
|
+
},
|
|
58522
|
+
getFileUrl: Function,
|
|
58523
|
+
getThumbnailFileUrl: Function,
|
|
58524
|
+
uploadFile: Function,
|
|
58525
|
+
removeFile: Function,
|
|
58526
|
+
downloadFile: Function
|
|
58527
|
+
},
|
|
58528
|
+
emits: ["update:modelValue", "change", "error", "success", "preview", "remove", "download"],
|
|
58529
|
+
setup(__props, {
|
|
58530
|
+
emit
|
|
58531
|
+
}) {
|
|
58532
|
+
const props = __props;
|
|
58533
|
+
const $xeform = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('$xeform', null);
|
|
58534
|
+
const $xeformiteminfo = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('$xeformiteminfo', null);
|
|
58535
|
+
const mlForm = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.inject)('mlForm', null);
|
|
58536
|
+
const loading = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)(false);
|
|
58537
|
+
const previewVisible = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)(false);
|
|
58538
|
+
const previewItem = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
|
|
58539
|
+
const fileList = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)([]);
|
|
58540
|
+
const currImgIndex = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)(0);
|
|
58541
|
+
const frameTypes = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)(['pdf']);
|
|
58542
|
+
const imgTypes = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)(['jpg', 'png', 'gif']);
|
|
58543
|
+
let isModelUpdate = false;
|
|
58544
|
+
const fileTypes = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
|
|
58545
|
+
if (props.types && props.types.length) {
|
|
58546
|
+
return props.types;
|
|
58547
|
+
}
|
|
58548
|
+
if (props.mediatype === 'image') {
|
|
58549
|
+
return ['png', 'jpg', 'gif'];
|
|
58550
|
+
}
|
|
58551
|
+
return [];
|
|
58552
|
+
});
|
|
58553
|
+
const isLimit = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
|
|
58554
|
+
return props.limit && fileList.value.length >= props.limit;
|
|
58555
|
+
});
|
|
58556
|
+
const isReadonly = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
|
|
58557
|
+
if (props.readonly === null) {
|
|
58558
|
+
return $xeform ? $xeform.props.readonly : false;
|
|
58559
|
+
}
|
|
58560
|
+
return props.readonly;
|
|
58561
|
+
});
|
|
58562
|
+
const isDisabled = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
|
|
58563
|
+
return props.disabled;
|
|
58564
|
+
});
|
|
58565
|
+
const thumbnailImgList = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
|
|
58566
|
+
if (!fileList.value) {
|
|
58567
|
+
return [];
|
|
58568
|
+
}
|
|
58569
|
+
if (props.thumbnailSize) {
|
|
58570
|
+
return fileList.value.slice(0, props.thumbnailSize);
|
|
58571
|
+
}
|
|
58572
|
+
return fileList.value;
|
|
58573
|
+
});
|
|
58574
|
+
const imageList = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
|
|
58575
|
+
return fileList.value ? fileList.value.filter(item => imgTypes.value.includes(item[typeField.value])) : [];
|
|
58576
|
+
});
|
|
58577
|
+
const fieldMaps = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
|
|
58578
|
+
return {
|
|
58579
|
+
...config_0.upload.fileProps,
|
|
58580
|
+
...props.fileProps
|
|
58581
|
+
};
|
|
58582
|
+
});
|
|
58583
|
+
const urlField = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
|
|
58584
|
+
return fieldMaps.value.fileUrl || 'fileUrl';
|
|
58585
|
+
});
|
|
58586
|
+
const typeField = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
|
|
58587
|
+
return fieldMaps.value.fileType || 'fileType';
|
|
58588
|
+
});
|
|
58589
|
+
const nameField = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
|
|
58590
|
+
return fieldMaps.value.fileName || 'fileName';
|
|
58591
|
+
});
|
|
58592
|
+
const loadList = () => {
|
|
58593
|
+
if (props.simpleValue) {
|
|
58594
|
+
fileList.value = (props.urlList && props.urlList.length ? props.urlList : props.modelValue || []).map(url => {
|
|
58595
|
+
const name = getUrlName(url);
|
|
58596
|
+
return {
|
|
58597
|
+
[nameField.value]: name,
|
|
58598
|
+
[typeField.value]: getSuffix(name),
|
|
58599
|
+
[urlField.value]: url
|
|
58600
|
+
};
|
|
58601
|
+
});
|
|
58602
|
+
if (props.urlList && props.urlList.length) {
|
|
58603
|
+
isModelUpdate = true;
|
|
58604
|
+
updateModel();
|
|
58605
|
+
}
|
|
58606
|
+
} else {
|
|
58607
|
+
fileList.value = (props.modelValue || []).map(item => {
|
|
58608
|
+
const url = item[urlField.value] || item.url;
|
|
58609
|
+
const name = item[nameField.value] || getUrlName(url);
|
|
58610
|
+
return Object.assign(item, {
|
|
58611
|
+
[nameField.value]: name,
|
|
58612
|
+
[typeField.value]: item[typeField.value] || getSuffix(name),
|
|
58613
|
+
[urlField.value]: url
|
|
58614
|
+
});
|
|
58615
|
+
});
|
|
58616
|
+
}
|
|
58617
|
+
};
|
|
58618
|
+
const updateModel = () => {
|
|
58619
|
+
const urlList = fileList.value.map(item => item[urlField.value]);
|
|
58620
|
+
const value = props.simpleValue ? urlList : fileList.value;
|
|
58621
|
+
// 自动更新校验状态
|
|
58622
|
+
if ($xeform && $xeformiteminfo) {
|
|
58623
|
+
$xeform.triggerItemEvent(new Event('change'), $xeformiteminfo.itemConfig.field, value);
|
|
58624
|
+
if (mlForm) {
|
|
58625
|
+
mlForm.changeItemValue($xeformiteminfo.itemConfig.field);
|
|
58626
|
+
}
|
|
58627
|
+
}
|
|
58628
|
+
emit('update:modelValue', value);
|
|
58629
|
+
emit('change', {
|
|
58630
|
+
value
|
|
58631
|
+
});
|
|
58632
|
+
};
|
|
58633
|
+
const getUrlName = url => {
|
|
58634
|
+
const urlRest = xe_utils_default().parseUrl(url);
|
|
58635
|
+
return urlRest.pathname.split('/').slice(-1)[0] || '';
|
|
58636
|
+
};
|
|
58637
|
+
const getSuffix = filename => {
|
|
58638
|
+
const pos = filename.lastIndexOf('.');
|
|
58639
|
+
let suffix = '';
|
|
58640
|
+
if (pos !== -1) {
|
|
58641
|
+
suffix = filename.substring(pos + 1);
|
|
58642
|
+
}
|
|
58643
|
+
return suffix;
|
|
58644
|
+
};
|
|
58645
|
+
const selectEvent = () => {
|
|
58646
|
+
if (isReadonly.value || isDisabled.value || loading.value) {
|
|
58647
|
+
return;
|
|
58648
|
+
}
|
|
58649
|
+
if (props.limit && fileList.value.length >= props.limit) {
|
|
58650
|
+
VXETable.modal.message({
|
|
58651
|
+
status: 'error',
|
|
58652
|
+
content: props.mediatype === 'image' ? `最多只允许选择 ${props.limit} 个图片!` : `最多只允许选择 ${props.limit} 个文件!`
|
|
58653
|
+
});
|
|
58654
|
+
return;
|
|
58655
|
+
}
|
|
58656
|
+
const uploadMethod = props.uploadFile ? props.uploadFile : config_0.upload ? config_0.upload.uploadFile : null;
|
|
58657
|
+
VXETable.readFile({
|
|
58658
|
+
types: fileTypes.value,
|
|
58659
|
+
multiple: props.multiple
|
|
58660
|
+
}).then(({
|
|
58661
|
+
files
|
|
58662
|
+
}) => {
|
|
58663
|
+
const tempFiles = Array.from(files);
|
|
58664
|
+
loading.value = true;
|
|
58665
|
+
Promise.all(tempFiles.map(file => {
|
|
58666
|
+
const fileSuffix = getSuffix(file.name);
|
|
58667
|
+
if (uploadMethod) {
|
|
58668
|
+
return Promise.resolve(uploadMethod({
|
|
58669
|
+
file,
|
|
58670
|
+
params: props.params
|
|
58671
|
+
})).then(res => {
|
|
58672
|
+
const item = {
|
|
58673
|
+
...res,
|
|
58674
|
+
[nameField.value]: res[nameField.value] || file.name,
|
|
58675
|
+
[typeField.value]: res[typeField.value] || fileSuffix
|
|
58676
|
+
};
|
|
58677
|
+
emit('success', {
|
|
58678
|
+
item,
|
|
58679
|
+
file
|
|
58680
|
+
});
|
|
58681
|
+
return item;
|
|
58682
|
+
}).catch(e => {
|
|
58683
|
+
const item = {
|
|
58684
|
+
[nameField.value]: file.name,
|
|
58685
|
+
[typeField.value]: fileSuffix
|
|
58686
|
+
};
|
|
58687
|
+
emit('error', {
|
|
58688
|
+
item,
|
|
58689
|
+
file
|
|
58690
|
+
});
|
|
58691
|
+
console.error(e);
|
|
58692
|
+
return item;
|
|
58693
|
+
});
|
|
58694
|
+
} else {
|
|
58695
|
+
const item = {
|
|
58696
|
+
[nameField.value]: file.name,
|
|
58697
|
+
[typeField.value]: fileSuffix
|
|
58698
|
+
};
|
|
58699
|
+
emit('success', {
|
|
58700
|
+
item,
|
|
58701
|
+
file
|
|
58702
|
+
});
|
|
58703
|
+
console.error('[MlUpload] 代码检查:未设置上传方法,请通过 MaliUI.config({ ... }) 全局设置 upload.uploadFile');
|
|
58704
|
+
return item;
|
|
58705
|
+
}
|
|
58706
|
+
})).then(items => {
|
|
58707
|
+
isModelUpdate = true;
|
|
58708
|
+
fileList.value.push(...items);
|
|
58709
|
+
updateModel();
|
|
58710
|
+
loading.value = false;
|
|
58711
|
+
}).catch(e => {
|
|
58712
|
+
loading.value = false;
|
|
58713
|
+
console.error(e);
|
|
58714
|
+
});
|
|
58715
|
+
});
|
|
58716
|
+
};
|
|
58717
|
+
const customRequest = action => {
|
|
58718
|
+
if (isReadonly.value || isDisabled.value || loading.value) {
|
|
58719
|
+
return;
|
|
58720
|
+
}
|
|
58721
|
+
if (props.limit && fileList.value.length >= props.limit) {
|
|
58722
|
+
VXETable.modal.message({
|
|
58723
|
+
status: 'error',
|
|
58724
|
+
content: props.mediatype === 'image' ? `最多只允许选择 ${props.limit} 个图片!` : `最多只允许选择 ${props.limit} 个文件!`
|
|
58725
|
+
});
|
|
58726
|
+
return;
|
|
58727
|
+
}
|
|
58728
|
+
const file = action.file;
|
|
58729
|
+
const fileSuffix = getSuffix(file.name);
|
|
58730
|
+
if (props.mediatype === 'image') {
|
|
58731
|
+
if (!imgTypes.value.includes(fileSuffix)) {
|
|
58732
|
+
VXETable.modal.message({
|
|
58733
|
+
status: 'error',
|
|
58734
|
+
content: `只支持 ${imgTypes.value.join(', ')} 格式的图片,请重新选择!`
|
|
58735
|
+
});
|
|
58736
|
+
return;
|
|
58737
|
+
}
|
|
58738
|
+
} else {
|
|
58739
|
+
if (fileTypes.value.length && !fileTypes.value.includes(fileSuffix)) {
|
|
58740
|
+
VXETable.modal.message({
|
|
58741
|
+
status: 'error',
|
|
58742
|
+
content: `只支持 ${fileTypes.value.join(', ')} 格式的文件,请重新选择!`
|
|
58743
|
+
});
|
|
58744
|
+
return;
|
|
58745
|
+
}
|
|
58746
|
+
}
|
|
58747
|
+
const uploadMethod = props.uploadFile ? props.uploadFile : config_0.upload ? config_0.upload.uploadFile : null;
|
|
58748
|
+
if (uploadMethod) {
|
|
58749
|
+
loading.value = true;
|
|
58750
|
+
Promise.resolve(uploadMethod({
|
|
58751
|
+
file,
|
|
58752
|
+
params: props.params
|
|
58753
|
+
})).then(res => {
|
|
58754
|
+
const item = {
|
|
58755
|
+
...res,
|
|
58756
|
+
[nameField.value]: res[nameField.value] || file.name,
|
|
58757
|
+
[typeField.value]: res[typeField.value] || fileSuffix
|
|
58758
|
+
};
|
|
58759
|
+
isModelUpdate = true;
|
|
58760
|
+
fileList.value.push(item);
|
|
58761
|
+
updateModel();
|
|
58762
|
+
emit('success', {
|
|
58763
|
+
item,
|
|
58764
|
+
file
|
|
58765
|
+
});
|
|
58766
|
+
loading.value = false;
|
|
58767
|
+
}).catch(e => {
|
|
58768
|
+
const item = {
|
|
58769
|
+
[nameField.value]: file.name,
|
|
58770
|
+
[typeField.value]: fileSuffix
|
|
58771
|
+
};
|
|
58772
|
+
emit('error', {
|
|
58773
|
+
item,
|
|
58774
|
+
file
|
|
58775
|
+
});
|
|
58776
|
+
loading.value = false;
|
|
58777
|
+
console.error(e);
|
|
58778
|
+
});
|
|
58779
|
+
} else {
|
|
58780
|
+
const item = {
|
|
58781
|
+
[nameField.value]: file.name,
|
|
58782
|
+
[typeField.value]: fileSuffix
|
|
58783
|
+
};
|
|
58784
|
+
isModelUpdate = true;
|
|
58785
|
+
fileList.value.push(item);
|
|
58786
|
+
updateModel();
|
|
58787
|
+
emit('success', {
|
|
58788
|
+
item
|
|
58789
|
+
});
|
|
58790
|
+
console.error('[MlUpload] 代码检查:未设置上传方法,请通过 MaliUI.config({ ... }) 全局设置 upload.uploadFile');
|
|
58791
|
+
}
|
|
58792
|
+
};
|
|
58793
|
+
const hidePreview = () => {
|
|
58794
|
+
previewVisible.value = false;
|
|
58795
|
+
previewItem.value = null;
|
|
58796
|
+
};
|
|
58797
|
+
const hasPreviewType = item => {
|
|
58798
|
+
return imgTypes.value.concat(frameTypes.value).includes(item[typeField.value]);
|
|
58799
|
+
};
|
|
58800
|
+
const previewFile = item => {
|
|
58801
|
+
if (hasPreviewType(item)) {
|
|
58802
|
+
const index = xe_utils_default().findIndexOf(imageList.value, obj => obj[urlField.value] === item[urlField.value]);
|
|
58803
|
+
currImgIndex.value = index >= 0 ? index : 0;
|
|
58804
|
+
previewItem.value = item;
|
|
58805
|
+
previewVisible.value = true;
|
|
58806
|
+
}
|
|
58807
|
+
emit('preview', {
|
|
58808
|
+
item
|
|
58809
|
+
});
|
|
58810
|
+
};
|
|
58811
|
+
const getThumbUrl = item => {
|
|
58812
|
+
const getThumbnailMethod = props.getThumbnailFileUrl ? props.getThumbnailFileUrl : config_0.upload ? config_0.upload.getThumbnailFileUrl : null;
|
|
58813
|
+
if (getThumbnailMethod) {
|
|
58814
|
+
return getThumbnailMethod({
|
|
58815
|
+
item,
|
|
58816
|
+
params: props.params
|
|
58817
|
+
});
|
|
58818
|
+
}
|
|
58819
|
+
return getUrl(item);
|
|
58820
|
+
};
|
|
58821
|
+
const getUrl = item => {
|
|
58822
|
+
const getFileMethod = props.getFileUrl ? props.getFileUrl : config_0.upload ? config_0.upload.getFileUrl : null;
|
|
58823
|
+
if (getFileMethod) {
|
|
58824
|
+
return getFileMethod({
|
|
58825
|
+
item,
|
|
58826
|
+
params: props.params
|
|
58827
|
+
});
|
|
58828
|
+
}
|
|
58829
|
+
return item[urlField.value];
|
|
58830
|
+
};
|
|
58831
|
+
const removeEvent = (item, index) => {
|
|
58832
|
+
const removeMethod = props.removeFile ? props.removeFile : config_0.upload ? config_0.upload.removeFile : null;
|
|
58833
|
+
fileList.value.splice(index, 1);
|
|
58834
|
+
if (removeMethod) {
|
|
58835
|
+
removeMethod({
|
|
58836
|
+
item,
|
|
58837
|
+
params: props.params
|
|
58838
|
+
});
|
|
58839
|
+
} else {
|
|
58840
|
+
console.error('[MlUpload] 代码检查:未设置删除方法,请通过 MaliUI.config({ ... }) 全局设置 upload.removeFile');
|
|
58841
|
+
}
|
|
58842
|
+
isModelUpdate = true;
|
|
58843
|
+
emit('remove', {
|
|
58844
|
+
item
|
|
58845
|
+
});
|
|
58846
|
+
updateModel();
|
|
58847
|
+
};
|
|
58848
|
+
const downloadEvent = item => {
|
|
58849
|
+
const downloadMethod = props.downloadFile ? props.downloadFile : config_0.upload ? config_0.upload.downloadFile : null;
|
|
58850
|
+
if (downloadMethod) {
|
|
58851
|
+
downloadMethod({
|
|
58852
|
+
item,
|
|
58853
|
+
params: props.params
|
|
58854
|
+
});
|
|
58855
|
+
} else {
|
|
58856
|
+
console.error('[MlUpload] 代码检查:未设置下载方法,请通过 MaliUI.config({ ... }) 全局设置 upload.downloadFile');
|
|
58857
|
+
}
|
|
58858
|
+
emit('download', {
|
|
58859
|
+
item
|
|
58860
|
+
});
|
|
58861
|
+
};
|
|
58862
|
+
const prevImgEvent = () => {
|
|
58863
|
+
if (currImgIndex.value > 0) {
|
|
58864
|
+
currImgIndex.value--;
|
|
58865
|
+
} else {
|
|
58866
|
+
currImgIndex.value = imageList.value.length - 1;
|
|
58867
|
+
}
|
|
58868
|
+
};
|
|
58869
|
+
const nextImgEvent = () => {
|
|
58870
|
+
if (currImgIndex.value < imageList.value.length - 1) {
|
|
58871
|
+
currImgIndex.value++;
|
|
58872
|
+
} else {
|
|
58873
|
+
currImgIndex.value = 0;
|
|
58874
|
+
}
|
|
58875
|
+
};
|
|
58876
|
+
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(() => props.modelValue, () => {
|
|
58877
|
+
if (!isModelUpdate) {
|
|
58878
|
+
loadList();
|
|
58879
|
+
}
|
|
58880
|
+
isModelUpdate = false;
|
|
58881
|
+
});
|
|
58882
|
+
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(() => props.urlList, () => {
|
|
58883
|
+
loadList();
|
|
58884
|
+
});
|
|
58885
|
+
(0,external_commonjs_vue_commonjs2_vue_root_Vue_.onMounted)(() => {
|
|
58886
|
+
if (config_0.upload && !config_0.upload.fileProps) {
|
|
58887
|
+
console.warn('[MlUpload] 代码检查:全局参数 upload.fileProps 字段属性未配置');
|
|
58888
|
+
}
|
|
58889
|
+
if (!config_0.upload || !config_0.upload.getFileUrl) {
|
|
58890
|
+
console.error('[MlUpload] 代码检查:缺少全局参数 upload.getFileUrl');
|
|
58891
|
+
}
|
|
58892
|
+
if (!config_0.upload || !config_0.upload.uploadFile) {
|
|
58893
|
+
console.error('[MlUpload] 代码检查:缺少全局参数 upload.uploadFile');
|
|
58894
|
+
}
|
|
58895
|
+
if (!config_0.upload || !config_0.upload.downloadFile) {
|
|
58896
|
+
console.error('[MlUpload] 代码检查:缺少全局参数 upload.downloadFile');
|
|
58897
|
+
}
|
|
58898
|
+
loadList();
|
|
58899
|
+
});
|
|
58900
|
+
return (_ctx, _cache) => {
|
|
58901
|
+
const _component_MlButton = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("MlButton");
|
|
58902
|
+
const _component_a_icon = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("a-icon");
|
|
58903
|
+
const _component_vxe_modal = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("vxe-modal");
|
|
58904
|
+
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", {
|
|
58905
|
+
class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(["ml-upload", [`type-${__props.mediatype}`, `size-${__props.size}`]])
|
|
58906
|
+
}, [!(0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(isReadonly) ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", {
|
|
58907
|
+
key: 0,
|
|
58908
|
+
class: "add-btn",
|
|
58909
|
+
onClick: selectEvent
|
|
58910
|
+
}, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "default", (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeProps)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.guardReactiveProps)({
|
|
58911
|
+
loading: loading.value
|
|
58912
|
+
})), () => [!(0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(isLimit) && __props.mediatype === 'image' ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createBlock)(_component_MlButton, {
|
|
58913
|
+
key: 0,
|
|
58914
|
+
disabled: __props.disabled || (0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(isLimit) || loading.value,
|
|
58915
|
+
class: "img-btn",
|
|
58916
|
+
icon: "mlicon-add",
|
|
58917
|
+
loading: loading.value
|
|
58918
|
+
}, null, 8, ["disabled", "loading"])) : !(0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(isLimit) ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createBlock)(_component_MlButton, {
|
|
58919
|
+
key: 1,
|
|
58920
|
+
status: "primary",
|
|
58921
|
+
disabled: __props.disabled || (0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(isLimit) || loading.value,
|
|
58922
|
+
class: "file-btn",
|
|
58923
|
+
icon: "mlicon-add",
|
|
58924
|
+
loading: loading.value
|
|
58925
|
+
}, {
|
|
58926
|
+
default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createTextVNode)("选择文件")]),
|
|
58927
|
+
_: 1
|
|
58928
|
+
}, 8, ["disabled", "loading"])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)])])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), __props.showFile ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", MlUploadvue_type_script_lang_ts_setup_true_hoisted_1, [__props.mediatype === 'image' ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)(external_commonjs_vue_commonjs2_vue_root_Vue_.Fragment, {
|
|
58929
|
+
key: 0
|
|
58930
|
+
}, [!(0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(isReadonly) && !(0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(isLimit) ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", MlUploadvue_type_script_lang_ts_setup_true_hoisted_2, MlUploadvue_type_script_lang_ts_setup_true_hoisted_4)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)(external_commonjs_vue_commonjs2_vue_root_Vue_.Fragment, null, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderList)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(thumbnailImgList), (item, index) => {
|
|
58931
|
+
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", {
|
|
58932
|
+
class: "file-img-item",
|
|
58933
|
+
key: index
|
|
58934
|
+
}, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "fileitem", (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeProps)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.guardReactiveProps)({
|
|
58935
|
+
loading: loading.value,
|
|
58936
|
+
item
|
|
58937
|
+
})), () => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", MlUploadvue_type_script_lang_ts_setup_true_hoisted_5, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("img", {
|
|
58938
|
+
src: getThumbUrl(item)
|
|
58939
|
+
}, null, 8, MlUploadvue_type_script_lang_ts_setup_true_hoisted_6), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", MlUploadvue_type_script_lang_ts_setup_true_hoisted_7, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("a", {
|
|
58940
|
+
class: "preview-btn",
|
|
58941
|
+
onClick: $event => previewFile(item)
|
|
58942
|
+
}, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createVNode)(_component_a_icon, {
|
|
58943
|
+
type: "eye"
|
|
58944
|
+
})], 8, MlUploadvue_type_script_lang_ts_setup_true_hoisted_8), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("a", {
|
|
58945
|
+
class: "down-btn",
|
|
58946
|
+
onClick: $event => downloadEvent(item)
|
|
58947
|
+
}, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createVNode)(_component_a_icon, {
|
|
58948
|
+
type: "arrow-down"
|
|
58949
|
+
})], 8, MlUploadvue_type_script_lang_ts_setup_true_hoisted_9), !(0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(isReadonly) && !__props.disabled ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("a", {
|
|
58950
|
+
key: 0,
|
|
58951
|
+
class: "del-btn",
|
|
58952
|
+
onClick: $event => removeEvent(item, index)
|
|
58953
|
+
}, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createVNode)(_component_a_icon, {
|
|
58954
|
+
type: "delete"
|
|
58955
|
+
})], 8, MlUploadvue_type_script_lang_ts_setup_true_hoisted_10)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)])])])]);
|
|
58956
|
+
}), 128))], 64)) : ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)(external_commonjs_vue_commonjs2_vue_root_Vue_.Fragment, {
|
|
58957
|
+
key: 1
|
|
58958
|
+
}, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderList)(fileList.value, (item, index) => {
|
|
58959
|
+
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", {
|
|
58960
|
+
class: "file-all-item",
|
|
58961
|
+
key: index
|
|
58962
|
+
}, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "fileitem", (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeProps)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.guardReactiveProps)({
|
|
58963
|
+
loading: loading.value,
|
|
58964
|
+
item
|
|
58965
|
+
})), () => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", MlUploadvue_type_script_lang_ts_setup_true_hoisted_11, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("a", {
|
|
58966
|
+
class: "link",
|
|
58967
|
+
title: item[(0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(nameField)],
|
|
58968
|
+
onClick: $event => previewFile(item)
|
|
58969
|
+
}, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)(item[(0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(nameField)]), 9, MlUploadvue_type_script_lang_ts_setup_true_hoisted_12)]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", MlUploadvue_type_script_lang_ts_setup_true_hoisted_13, [hasPreviewType(item) ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("a", {
|
|
58970
|
+
key: 0,
|
|
58971
|
+
class: "preview-btn",
|
|
58972
|
+
onClick: $event => previewFile(item)
|
|
58973
|
+
}, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createVNode)(_component_a_icon, {
|
|
58974
|
+
type: "eye"
|
|
58975
|
+
})], 8, MlUploadvue_type_script_lang_ts_setup_true_hoisted_14)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("a", {
|
|
58976
|
+
class: "down-btn",
|
|
58977
|
+
onClick: $event => downloadEvent(item)
|
|
58978
|
+
}, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createVNode)(_component_a_icon, {
|
|
58979
|
+
type: "arrow-down"
|
|
58980
|
+
})], 8, MlUploadvue_type_script_lang_ts_setup_true_hoisted_15), !(0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(isReadonly) && !__props.disabled ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("a", {
|
|
58981
|
+
key: 1,
|
|
58982
|
+
class: "del-btn",
|
|
58983
|
+
onClick: $event => removeEvent(item, index)
|
|
58984
|
+
}, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createVNode)(_component_a_icon, {
|
|
58985
|
+
type: "delete"
|
|
58986
|
+
})], 8, MlUploadvue_type_script_lang_ts_setup_true_hoisted_16)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)])])]);
|
|
58987
|
+
}), 128))])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createVNode)(_component_vxe_modal, {
|
|
58988
|
+
title: "预览",
|
|
58989
|
+
modelValue: previewVisible.value,
|
|
58990
|
+
"onUpdate:modelValue": _cache[0] || (_cache[0] = $event => previewVisible.value = $event),
|
|
58991
|
+
width: "50vw",
|
|
58992
|
+
height: "80vh",
|
|
58993
|
+
"show-zoom": "",
|
|
58994
|
+
resize: "",
|
|
58995
|
+
onHide: hidePreview
|
|
58996
|
+
}, {
|
|
58997
|
+
default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(() => [previewItem.value ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", MlUploadvue_type_script_lang_ts_setup_true_hoisted_17, [imgTypes.value.includes(previewItem.value[(0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(typeField)]) ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", MlUploadvue_type_script_lang_ts_setup_true_hoisted_18, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", MlUploadvue_type_script_lang_ts_setup_true_hoisted_19, [((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)(external_commonjs_vue_commonjs2_vue_root_Vue_.Fragment, null, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderList)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(imageList), (item, index) => {
|
|
58998
|
+
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("img", {
|
|
58999
|
+
class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(["image", {
|
|
59000
|
+
'is-active': currImgIndex.value === index
|
|
59001
|
+
}]),
|
|
59002
|
+
key: index,
|
|
59003
|
+
src: getUrl(item)
|
|
59004
|
+
}, null, 10, MlUploadvue_type_script_lang_ts_setup_true_hoisted_20);
|
|
59005
|
+
}), 128))]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
|
|
59006
|
+
class: "prev-arrow",
|
|
59007
|
+
onClick: prevImgEvent
|
|
59008
|
+
}, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createVNode)(_component_a_icon, {
|
|
59009
|
+
type: "left-circle"
|
|
59010
|
+
})]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
|
|
59011
|
+
class: "next-arrow",
|
|
59012
|
+
onClick: nextImgEvent
|
|
59013
|
+
}, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createVNode)(_component_a_icon, {
|
|
59014
|
+
type: "right-circle"
|
|
59015
|
+
})])])) : frameTypes.value.includes(previewItem.value[(0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(typeField)]) ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("iframe", {
|
|
59016
|
+
key: 1,
|
|
59017
|
+
class: "frame-warpper",
|
|
59018
|
+
src: getUrl(previewItem.value)
|
|
59019
|
+
}, null, 8, MlUploadvue_type_script_lang_ts_setup_true_hoisted_21)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)]),
|
|
59020
|
+
_: 1
|
|
59021
|
+
}, 8, ["modelValue"])], 2);
|
|
59022
|
+
};
|
|
59023
|
+
}
|
|
59024
|
+
}));
|
|
59025
|
+
;// CONCATENATED MODULE: ./components/ml-upload/MlUpload.vue?vue&type=script&lang=ts&setup=true
|
|
59026
|
+
|
|
59027
|
+
;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/ml-upload/MlUpload.vue?vue&type=style&index=0&id=07c3ca43&lang=scss
|
|
59028
|
+
// extracted by mini-css-extract-plugin
|
|
59029
|
+
|
|
59030
|
+
;// CONCATENATED MODULE: ./components/ml-upload/MlUpload.vue?vue&type=style&index=0&id=07c3ca43&lang=scss
|
|
59031
|
+
|
|
59032
|
+
;// CONCATENATED MODULE: ./components/ml-upload/MlUpload.vue
|
|
59033
|
+
|
|
59034
|
+
|
|
59035
|
+
|
|
59036
|
+
;
|
|
59037
|
+
|
|
59038
|
+
const MlUpload_exports_ = MlUploadvue_type_script_lang_ts_setup_true;
|
|
59039
|
+
|
|
59040
|
+
/* harmony default export */ var MlUpload = (MlUpload_exports_);
|
|
57982
59041
|
;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js!./node_modules/ts-loader/index.js??clonedRuleSet-41.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/ml-cascader/MlCascader.vue?vue&type=script&lang=ts&setup=true
|
|
57983
59042
|
|
|
57984
59043
|
|
|
@@ -59997,12 +61056,12 @@ VXETable.setup({
|
|
|
59997
61056
|
|
|
59998
61057
|
|
|
59999
61058
|
|
|
60000
|
-
|
|
61059
|
+
|
|
60001
61060
|
// import MlPasswordInput from './components/ml-input/MlPasswordInput.vue'
|
|
60002
61061
|
// import MlAutoInput from './components/ml-input/MlAutoInput.vue'
|
|
60003
|
-
|
|
61062
|
+
|
|
60004
61063
|
// import MlCheckboxGroup from './components/ml-checkbox/MlCheckboxGroup.vue'
|
|
60005
|
-
|
|
61064
|
+
|
|
60006
61065
|
|
|
60007
61066
|
|
|
60008
61067
|
// import MlTimePicker from './components/ml-date/MlTimePicker.vue'
|
|
@@ -60011,7 +61070,7 @@ VXETable.setup({
|
|
|
60011
61070
|
// import MlQuarterPicker from './components/ml-date/MlQuarterPicker.vue'
|
|
60012
61071
|
// import MlYearPicker from './components/ml-date/MlYearPicker.vue'
|
|
60013
61072
|
// import MlMonthPicker from './components/ml-date/MlMonthPicker.vue'
|
|
60014
|
-
|
|
61073
|
+
|
|
60015
61074
|
// import MlRangePicker from './components/ml-date/MlRangePicker.vue'
|
|
60016
61075
|
|
|
60017
61076
|
// import MlTree from './components/ml-tree/MlTree.vue'
|
|
@@ -60023,7 +61082,7 @@ VXETable.setup({
|
|
|
60023
61082
|
// import MlPopover from './components/ml-popover/MlPopover.vue'
|
|
60024
61083
|
// import MlTooltip from './components/ml-tooltip/MlTooltip.vue'
|
|
60025
61084
|
// import MlSwitch from './components/ml-switch/MlSwitch.vue'
|
|
60026
|
-
|
|
61085
|
+
|
|
60027
61086
|
|
|
60028
61087
|
|
|
60029
61088
|
// import MlInvoiceType from './components/ml-invoice/MlInvoiceType.vue'
|
|
@@ -60053,12 +61112,12 @@ const componentMaps = {
|
|
|
60053
61112
|
MlSelect: MlSelect,
|
|
60054
61113
|
MlAmountText: MlAmountText,
|
|
60055
61114
|
MlAmountInput: MlAmountInput,
|
|
60056
|
-
|
|
61115
|
+
MlNumberInput: MlNumberInput,
|
|
60057
61116
|
// MlPasswordInput:MlPasswordInput,
|
|
60058
61117
|
// MlAutoInput:MlAutoInput,
|
|
60059
|
-
|
|
61118
|
+
MlCheckbox: MlCheckbox,
|
|
60060
61119
|
// MlCheckboxGroup:MlCheckboxGroup,
|
|
60061
|
-
|
|
61120
|
+
MlRadio: MlRadio,
|
|
60062
61121
|
MlRadioButton: MlRadioButton,
|
|
60063
61122
|
MlRadioGroup: MlRadioGroup,
|
|
60064
61123
|
// MlTimePicker:MlTimePicker,
|
|
@@ -60067,7 +61126,7 @@ const componentMaps = {
|
|
|
60067
61126
|
// MlQuarterPicker:MlQuarterPicker,
|
|
60068
61127
|
// MlYearPicker:MlYearPicker,
|
|
60069
61128
|
// MlMonthPicker:MlMonthPicker,
|
|
60070
|
-
|
|
61129
|
+
MlWeekPicker: MlWeekPicker,
|
|
60071
61130
|
// MlRangePicker:MlRangePicker,
|
|
60072
61131
|
MlForm: MlForm,
|
|
60073
61132
|
// MlTree:MlTree,
|
|
@@ -60079,7 +61138,7 @@ const componentMaps = {
|
|
|
60079
61138
|
// MlPopover:MlPopover,
|
|
60080
61139
|
// MlTooltip:MlTooltip,
|
|
60081
61140
|
// MlSwitch:MlSwitch,
|
|
60082
|
-
|
|
61141
|
+
MlUpload: MlUpload,
|
|
60083
61142
|
MlCascader: MlCascader,
|
|
60084
61143
|
MlDictType: MlDictType,
|
|
60085
61144
|
// MlInvoiceType:MlInvoiceType,
|
|
@@ -60108,7 +61167,7 @@ function index_config(options) {
|
|
|
60108
61167
|
return config_0;
|
|
60109
61168
|
}
|
|
60110
61169
|
const MaliUIPlus = {
|
|
60111
|
-
version: "0.1.
|
|
61170
|
+
version: "0.1.12",
|
|
60112
61171
|
install: index_install,
|
|
60113
61172
|
config: index_config,
|
|
60114
61173
|
VXETable: index_esm,
|