general-basic-form 2.0.47 → 2.0.48
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +41 -42
- package/dist/index.umd.cjs +1 -1
- package/dist/style.css +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { defineComponent as b, inject as f, resolveComponent as d, openBlock as o, createBlock as c, mergeProps as v, withKeys as Z, createSlots as Q, renderList as I, withCtx as
|
|
2
|
-
import { useRoute as
|
|
1
|
+
import { defineComponent as b, inject as f, resolveComponent as d, openBlock as o, createBlock as c, mergeProps as v, withKeys as Z, createSlots as Q, renderList as I, withCtx as y, resolveDynamicComponent as E, createCommentVNode as h, ref as $, unref as m, onMounted as le, createElementBlock as k, computed as G, shallowRef as X, onBeforeUnmount as ue, normalizeStyle as ce, createTextVNode as D, toDisplayString as R, h as J, normalizeProps as pe, guardReactiveProps as me, Fragment as L, provide as O, resolveDirective as j, withDirectives as A, renderSlot as K, createVNode as ee, vShow as de, watch as fe, createElementVNode as _e } from "vue";
|
|
2
|
+
import { useRoute as ye } from "vue-router";
|
|
3
3
|
const Y = {
|
|
4
4
|
placeholder: "请输入",
|
|
5
5
|
style: "width: 200px",
|
|
@@ -71,7 +71,7 @@ function ve(e, t, n, l, s, i) {
|
|
|
71
71
|
}, e.inputSetting), Q({ _: 2 }, [
|
|
72
72
|
I(e.item.template, (r, a) => ({
|
|
73
73
|
name: a,
|
|
74
|
-
fn:
|
|
74
|
+
fn: y(() => [
|
|
75
75
|
r ? (o(), c(E(e.currentInputComponent()), {
|
|
76
76
|
key: a,
|
|
77
77
|
templateEle: r
|
|
@@ -153,7 +153,7 @@ function $e(e, t, n, l, s, i) {
|
|
|
153
153
|
}, e.inputSetting), Q({ _: 2 }, [
|
|
154
154
|
I(e.item.template, (r, a) => ({
|
|
155
155
|
name: a,
|
|
156
|
-
fn:
|
|
156
|
+
fn: y(() => [
|
|
157
157
|
r ? (o(), c(E(e.currentInputComponent()), {
|
|
158
158
|
key: a,
|
|
159
159
|
templateEle: r
|
|
@@ -170,7 +170,6 @@ const ne = /* @__PURE__ */ x(ke, [["render", $e]]), oe = Symbol(), Se = /* @__PU
|
|
|
170
170
|
setup(e) {
|
|
171
171
|
const t = $();
|
|
172
172
|
return le(() => {
|
|
173
|
-
console.log("onMounted");
|
|
174
173
|
const n = new Image(), l = [], s = 8, i = 8;
|
|
175
174
|
let u = 0, r = 0;
|
|
176
175
|
const a = 300, g = t.value, P = g.getContext("2d");
|
|
@@ -179,9 +178,9 @@ const ne = /* @__PURE__ */ x(ke, [["render", $e]]), oe = Symbol(), Se = /* @__PU
|
|
|
179
178
|
}, n.src = e.imgSrc;
|
|
180
179
|
const q = () => {
|
|
181
180
|
for (let z = 0; z < i; z++)
|
|
182
|
-
for (let
|
|
181
|
+
for (let _ = 0; _ < s; _++)
|
|
183
182
|
l.push({
|
|
184
|
-
x: r *
|
|
183
|
+
x: r * _,
|
|
185
184
|
y: u * z,
|
|
186
185
|
offsetX: (Math.random() - 0.5) * a,
|
|
187
186
|
offsetY: (Math.random() - 0.5) * a
|
|
@@ -189,8 +188,8 @@ const ne = /* @__PURE__ */ x(ke, [["render", $e]]), oe = Symbol(), Se = /* @__PU
|
|
|
189
188
|
}, w = () => {
|
|
190
189
|
P.clearRect(0, 0, g.width, g.height);
|
|
191
190
|
let z = !0;
|
|
192
|
-
l.forEach((
|
|
193
|
-
P.drawImage(n,
|
|
191
|
+
l.forEach((_, B) => {
|
|
192
|
+
P.drawImage(n, _.x, _.y, r, u, _.x + _.offsetX, _.y + _.offsetY, r, u), Math.abs(_.offsetX) > 0.5 && (z = !1, _.offsetX *= 0.95), Math.abs(_.offsetY) > 0.5 && (_.offsetY *= 0.95, z = !1);
|
|
194
193
|
}), z ? setTimeout(() => {
|
|
195
194
|
q(), w();
|
|
196
195
|
}, 300) : requestAnimationFrame(w);
|
|
@@ -252,7 +251,7 @@ const re = /* @__PURE__ */ x(Ve, [["__scopeId", "data-v-f76fdd37"]]), F = "获
|
|
|
252
251
|
},
|
|
253
252
|
setup(e) {
|
|
254
253
|
const t = $(F), n = $(null), l = G(() => t.value === F), s = X("el-button");
|
|
255
|
-
switch (
|
|
254
|
+
switch (e.componentType) {
|
|
256
255
|
case "Element Plus":
|
|
257
256
|
s.value = "el-button";
|
|
258
257
|
break;
|
|
@@ -285,14 +284,14 @@ const re = /* @__PURE__ */ x(Ve, [["__scopeId", "data-v-f76fdd37"]]), F = "获
|
|
|
285
284
|
}),
|
|
286
285
|
onClick: u
|
|
287
286
|
}, {
|
|
288
|
-
default:
|
|
287
|
+
default: y(() => [
|
|
289
288
|
D(R(l.value ? F : t.value + "s"), 1)
|
|
290
289
|
]),
|
|
291
290
|
_: 1
|
|
292
291
|
}, 8, ["style"]));
|
|
293
292
|
}
|
|
294
293
|
});
|
|
295
|
-
const H = /* @__PURE__ */ x(qe, [["__scopeId", "data-v-
|
|
294
|
+
const H = /* @__PURE__ */ x(qe, [["__scopeId", "data-v-9d71b690"]]), se = /* @__PURE__ */ b({
|
|
296
295
|
__name: "index",
|
|
297
296
|
props: {
|
|
298
297
|
item: {},
|
|
@@ -353,7 +352,7 @@ function Ce(e, t, n, l, s, i) {
|
|
|
353
352
|
return o(), c(u, pe(me(e.dividerSetting)), Q({ _: 2 }, [
|
|
354
353
|
I(e.item.template, (r, a) => ({
|
|
355
354
|
name: a,
|
|
356
|
-
fn:
|
|
355
|
+
fn: y(() => [
|
|
357
356
|
r ? (o(), c(E(e.currentInputComponent()), {
|
|
358
357
|
key: a,
|
|
359
358
|
templateEle: r
|
|
@@ -379,13 +378,13 @@ const De = /* @__PURE__ */ x(we, [["render", Ce]]), Le = /* @__PURE__ */ b({
|
|
|
379
378
|
"onUpdate:modelValue": i[0] || (i[0] = (a) => m(t)[s.item.prop] = a),
|
|
380
379
|
size: m(n)
|
|
381
380
|
}, l.value), {
|
|
382
|
-
default:
|
|
381
|
+
default: y(() => [
|
|
383
382
|
(o(!0), k(L, null, I(s.item.option || [], (a) => (o(), c(u, v({
|
|
384
383
|
size: m(n),
|
|
385
384
|
key: a.value,
|
|
386
385
|
ref_for: !0
|
|
387
386
|
}, a), {
|
|
388
|
-
default:
|
|
387
|
+
default: y(() => [
|
|
389
388
|
D(R(a.label), 1)
|
|
390
389
|
]),
|
|
391
390
|
_: 2
|
|
@@ -412,13 +411,13 @@ const De = /* @__PURE__ */ x(we, [["render", Ce]]), Le = /* @__PURE__ */ b({
|
|
|
412
411
|
"onUpdate:modelValue": i[0] || (i[0] = (a) => m(t)[s.item.prop] = a),
|
|
413
412
|
size: m(n)
|
|
414
413
|
}, l.value), {
|
|
415
|
-
default:
|
|
414
|
+
default: y(() => [
|
|
416
415
|
(o(!0), k(L, null, I(s.item.option || [], (a) => (o(), c(u, v({
|
|
417
416
|
size: m(n),
|
|
418
417
|
key: a.value,
|
|
419
418
|
ref_for: !0
|
|
420
419
|
}, a), {
|
|
421
|
-
default:
|
|
420
|
+
default: y(() => [
|
|
422
421
|
D(R(a.label), 1)
|
|
423
422
|
]),
|
|
424
423
|
_: 2
|
|
@@ -466,7 +465,7 @@ const De = /* @__PURE__ */ x(we, [["render", Ce]]), Le = /* @__PURE__ */ b({
|
|
|
466
465
|
"onUpdate:modelValue": i[0] || (i[0] = (a) => m(t)[s.item.prop] = a),
|
|
467
466
|
size: m(n)
|
|
468
467
|
}, l.value), {
|
|
469
|
-
default:
|
|
468
|
+
default: y(() => [
|
|
470
469
|
(o(!0), k(L, null, I(s.item.option || [], (a) => (o(), c(u, v({
|
|
471
470
|
key: a.value,
|
|
472
471
|
ref_for: !0
|
|
@@ -578,7 +577,7 @@ const De = /* @__PURE__ */ x(we, [["render", Ce]]), Le = /* @__PURE__ */ b({
|
|
|
578
577
|
};
|
|
579
578
|
},
|
|
580
579
|
setup(e) {
|
|
581
|
-
const { size: t, noUrlParameters: n, getList: l } = e, s =
|
|
580
|
+
const { size: t, noUrlParameters: n, getList: l } = e, s = ye(), i = $({
|
|
582
581
|
...n ? {} : s == null ? void 0 : s.query
|
|
583
582
|
});
|
|
584
583
|
return O(
|
|
@@ -674,22 +673,22 @@ const De = /* @__PURE__ */ x(we, [["render", Ce]]), Le = /* @__PURE__ */ b({
|
|
|
674
673
|
}
|
|
675
674
|
});
|
|
676
675
|
function Ae(e, t, n, l, s, i) {
|
|
677
|
-
const u = d("Input"), r = d("Radio"), a = d("Select"), g = d("Divider"), P = d("Cascader"), q = d("Checkbox"), w = d("DatePicker"), z = d("InputNumber"),
|
|
678
|
-
return A((o(), c(
|
|
676
|
+
const u = d("Input"), r = d("Radio"), a = d("Select"), g = d("Divider"), P = d("Cascader"), q = d("Checkbox"), w = d("DatePicker"), z = d("InputNumber"), _ = d("InputMobileVerification"), B = d("InputGraphicVerification"), C = d("el-form-item"), T = d("el-button"), N = d("el-form"), S = j("loading");
|
|
677
|
+
return A((o(), c(N, v({
|
|
679
678
|
model: e.queryParams,
|
|
680
679
|
ref: "queryFormRef",
|
|
681
680
|
inline: "",
|
|
682
681
|
"label-position": "left",
|
|
683
682
|
"label-width": e.labelWidth
|
|
684
683
|
}, e.$attrs), {
|
|
685
|
-
default:
|
|
684
|
+
default: y(() => [
|
|
686
685
|
(o(!0), k(L, null, I(e.formItem, (p) => (o(), c(C, {
|
|
687
686
|
label: p.label,
|
|
688
687
|
prop: p.prop,
|
|
689
688
|
key: p.prop,
|
|
690
689
|
rules: e.getItemRules(p)
|
|
691
690
|
}, {
|
|
692
|
-
default:
|
|
691
|
+
default: y(() => [
|
|
693
692
|
/^input$/i.test(p.type) ? (o(), c(u, {
|
|
694
693
|
key: 0,
|
|
695
694
|
item: p
|
|
@@ -723,7 +722,7 @@ function Ae(e, t, n, l, s, i) {
|
|
|
723
722
|
item: p
|
|
724
723
|
}, null, 8, ["item"])) : h("", !0),
|
|
725
724
|
/^form-item-slot$/i.test(p.type) ? K(e.$slots, p.name, { key: 8 }) : h("", !0),
|
|
726
|
-
/^input-mobile-verification$/i.test(p.type) ? (o(), c(
|
|
725
|
+
/^input-mobile-verification$/i.test(p.type) ? (o(), c(_, {
|
|
727
726
|
key: 9,
|
|
728
727
|
item: p
|
|
729
728
|
}, null, 8, ["item"])) : h("", !0),
|
|
@@ -736,13 +735,13 @@ function Ae(e, t, n, l, s, i) {
|
|
|
736
735
|
}, 1032, ["label", "prop", "rules"]))), 128)),
|
|
737
736
|
K(e.$slots, "default"),
|
|
738
737
|
e.formOnly ? h("", !0) : (o(), c(C, { key: 0 }, {
|
|
739
|
-
default:
|
|
738
|
+
default: y(() => [
|
|
740
739
|
A((o(), c(T, {
|
|
741
740
|
type: "primary",
|
|
742
741
|
size: e.size,
|
|
743
742
|
onClick: e.handleQuery
|
|
744
743
|
}, {
|
|
745
|
-
default:
|
|
744
|
+
default: y(() => t[0] || (t[0] = [
|
|
746
745
|
D("查询")
|
|
747
746
|
])),
|
|
748
747
|
_: 1
|
|
@@ -753,7 +752,7 @@ function Ae(e, t, n, l, s, i) {
|
|
|
753
752
|
size: e.size,
|
|
754
753
|
onClick: e.resetQuery
|
|
755
754
|
}, {
|
|
756
|
-
default:
|
|
755
|
+
default: y(() => t[1] || (t[1] = [
|
|
757
756
|
D("重置")
|
|
758
757
|
])),
|
|
759
758
|
_: 1
|
|
@@ -768,7 +767,7 @@ function Ae(e, t, n, l, s, i) {
|
|
|
768
767
|
[de, e.showSearch]
|
|
769
768
|
]);
|
|
770
769
|
}
|
|
771
|
-
const Ue = /* @__PURE__ */ x(Fe, [["render", Ae]]), Te = ["infinite-scroll-disabled"], Ge = ["infinite-scroll-disabled"],
|
|
770
|
+
const Ue = /* @__PURE__ */ x(Fe, [["render", Ae]]), Te = ["infinite-scroll-disabled"], Ge = ["infinite-scroll-disabled"], Ne = { class: "checkbox" }, Me = /* @__PURE__ */ b({
|
|
772
771
|
__name: "InfiniteScrollList",
|
|
773
772
|
props: {
|
|
774
773
|
search: {
|
|
@@ -798,8 +797,8 @@ const Ue = /* @__PURE__ */ x(Fe, [["render", Ae]]), Te = ["infinite-scroll-disab
|
|
|
798
797
|
},
|
|
799
798
|
setup(e, { expose: t }) {
|
|
800
799
|
const n = e, { search: l, id: s, name: i, extra: u } = n, r = $([]), a = $(1), g = $(!1), P = $([]), q = $(!1), w = (S, p) => {
|
|
801
|
-
const { i:
|
|
802
|
-
return u && u !== "false" ? u(
|
|
800
|
+
const { i: M } = S;
|
|
801
|
+
return u && u !== "false" ? u(M) : "";
|
|
803
802
|
}, z = (S) => {
|
|
804
803
|
P.value = S.map((p) => typeof p == "object" ? p[s] : p);
|
|
805
804
|
};
|
|
@@ -810,7 +809,7 @@ const Ue = /* @__PURE__ */ x(Fe, [["render", Ae]]), Te = ["infinite-scroll-disab
|
|
|
810
809
|
},
|
|
811
810
|
{ immediate: !0 }
|
|
812
811
|
);
|
|
813
|
-
const
|
|
812
|
+
const _ = () => {
|
|
814
813
|
B(), P.value = [];
|
|
815
814
|
}, B = () => {
|
|
816
815
|
a.value = 1, r.value = [], g.value = !1;
|
|
@@ -822,25 +821,25 @@ const Ue = /* @__PURE__ */ x(Fe, [["render", Ae]]), Te = ["infinite-scroll-disab
|
|
|
822
821
|
S && S.length > 0 ? (r.value = [...r.value, ...S], a.value += 1) : g.value = !0, q.value = !1;
|
|
823
822
|
}, T = () => {
|
|
824
823
|
B(), C();
|
|
825
|
-
},
|
|
824
|
+
}, N = G(
|
|
826
825
|
() => r.value.filter((S) => P.value.includes(S[s]))
|
|
827
826
|
) || {};
|
|
828
827
|
return t({
|
|
829
|
-
reset:
|
|
828
|
+
reset: _,
|
|
830
829
|
lowReset: B,
|
|
831
830
|
loadList: C,
|
|
832
|
-
selectInfo:
|
|
831
|
+
selectInfo: N,
|
|
833
832
|
list: r,
|
|
834
833
|
ifbottom: g,
|
|
835
834
|
refreshList: T
|
|
836
835
|
}), (S, p) => {
|
|
837
|
-
const
|
|
836
|
+
const M = d("el-checkbox"), ie = d("el-checkbox-group"), W = j("infinite-scroll"), ae = j("loading");
|
|
838
837
|
return n.checkbox ? A((o(), c(ie, v({
|
|
839
838
|
key: 0,
|
|
840
839
|
modelValue: P.value,
|
|
841
840
|
"onUpdate:modelValue": p[0] || (p[0] = (V) => P.value = V)
|
|
842
841
|
}, n), {
|
|
843
|
-
default:
|
|
842
|
+
default: y(() => [
|
|
844
843
|
A((o(), k("ul", {
|
|
845
844
|
class: "list",
|
|
846
845
|
"infinite-scroll-disabled": g.value
|
|
@@ -849,11 +848,11 @@ const Ue = /* @__PURE__ */ x(Fe, [["render", Ae]]), Te = ["infinite-scroll-disab
|
|
|
849
848
|
key: V[m(s)],
|
|
850
849
|
class: "list-item"
|
|
851
850
|
}, [
|
|
852
|
-
ee(
|
|
851
|
+
ee(M, {
|
|
853
852
|
value: V[m(s)],
|
|
854
853
|
class: "checkbox"
|
|
855
854
|
}, {
|
|
856
|
-
default:
|
|
855
|
+
default: y(() => [
|
|
857
856
|
D(R(V[m(i)]) + " ", 1),
|
|
858
857
|
n.extra ? (o(), c(w, {
|
|
859
858
|
key: 0,
|
|
@@ -879,7 +878,7 @@ const Ue = /* @__PURE__ */ x(Fe, [["render", Ae]]), Te = ["infinite-scroll-disab
|
|
|
879
878
|
key: V[m(s)],
|
|
880
879
|
class: "list-item"
|
|
881
880
|
}, [
|
|
882
|
-
|
|
881
|
+
_e("div", Ne, [
|
|
883
882
|
D(R(V[m(i)]) + " ", 1),
|
|
884
883
|
n.extra ? (o(), c(w, {
|
|
885
884
|
key: 0,
|
|
@@ -893,7 +892,7 @@ const Ue = /* @__PURE__ */ x(Fe, [["render", Ae]]), Te = ["infinite-scroll-disab
|
|
|
893
892
|
};
|
|
894
893
|
}
|
|
895
894
|
});
|
|
896
|
-
const Oe = /* @__PURE__ */ x(
|
|
895
|
+
const Oe = /* @__PURE__ */ x(Me, [["__scopeId", "data-v-77737aab"]]), Ke = { key: 1 }, je = /* @__PURE__ */ b({
|
|
897
896
|
__name: "Descriptions",
|
|
898
897
|
props: {
|
|
899
898
|
formData: {
|
|
@@ -920,13 +919,13 @@ const Oe = /* @__PURE__ */ x(Ne, [["__scopeId", "data-v-77737aab"]]), Ke = { key
|
|
|
920
919
|
border: "",
|
|
921
920
|
class: "form-width"
|
|
922
921
|
}, t), {
|
|
923
|
-
default:
|
|
922
|
+
default: y(() => [
|
|
924
923
|
(o(!0), k(L, null, I(t.formItem, (r, a) => (o(), c(i, v({
|
|
925
924
|
key: r.prop,
|
|
926
925
|
label: r.label,
|
|
927
926
|
ref_for: !0
|
|
928
927
|
}, r.descriptionsItemProps), {
|
|
929
|
-
default:
|
|
928
|
+
default: y(() => [
|
|
930
929
|
r.render ? (o(), c(n, {
|
|
931
930
|
key: 0,
|
|
932
931
|
i: a,
|
package/dist/index.umd.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
(function(u,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("vue-router")):typeof define=="function"&&define.amd?define(["exports","vue","vue-router"],e):(u=typeof globalThis<"u"?globalThis:u||self,e(u.Index={},u.Vue,u["vue-router"]))})(this,function(u,e,j){"use strict";const $={placeholder:"请输入",style:"width: 200px",clearable:!0},F={style:"width: 227px","start-placeholder":"开始日期","end-placeholder":"结束日期",type:"daterange"},z={placeholder:"请选择",filterable:!0,clearable:!0,style:"width: 200px"},T=e.defineComponent({components:{InputArchive:t=>{const{templateEle:n}=t;return n()}},props:{item:null},setup(){const t=e.inject("queryParams",{}),n=e.inject("getList"),o=e.inject("size");return{queryParams:t,getList:n,size:o}},data(){return{inputSetting:{...$,...this.item.inputSetting,...this.item.setting}}},methods:{currentInputComponent(){return"input-archive"}}}),B=(t,n)=>{const o=t.__vccOpts||t;for(const[a,l]of n)o[a]=l;return o};function R(t,n,o,a,l,i){const c=e.resolveComponent("el-input");return e.openBlock(),e.createBlock(c,e.mergeProps({onKeydown:e.withKeys(t.getList,["enter"]),modelValue:t.queryParams[t.item.prop],"onUpdate:modelValue":n[0]||(n[0]=r=>t.queryParams[t.item.prop]=r),size:t.size},t.inputSetting),e.createSlots({_:2},[e.renderList(t.item.template,(r,s)=>({name:s,fn:e.withCtx(()=>[r?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.currentInputComponent()),{key:s,templateEle:r},null,8,["templateEle"])):e.createCommentVNode("",!0)])}))]),1040,["onKeydown","modelValue","size"])}const V=B(T,[["render",R]]),A=e.defineComponent({__name:"index",props:{item:{}},setup(t){const n=e.inject("queryParams",{}),o=e.inject("size"),a=e.ref({...$,...t.item.inputSetting,...t.item.setting});return(l,i)=>{const c=e.resolveComponent("el-input-number");return e.openBlock(),e.createBlock(c,e.mergeProps({modelValue:e.unref(n)[l.item.prop],"onUpdate:modelValue":i[0]||(i[0]=r=>e.unref(n)[l.item.prop]=r),size:e.unref(o)},a.value),null,16,["modelValue","size"])}}}),U=e.defineComponent({components:{InputArchive:t=>{const{templateEle:n}=t;return n()}},props:{item:null},setup(){const t=e.inject("queryParams",{}),n=e.inject("getList",()=>{}),o=e.inject("size");return{queryParams:t,getList:n,size:o}},data(){return{inputSetting:{...$,...this.item.inputSetting,...this.item.setting}}},methods:{currentInputComponent(){return"input-archive"}}});function G(t,n,o,a,l,i){const c=e.resolveComponent("a-input");return e.openBlock(),e.createBlock(c,e.mergeProps({onKeydown:e.withKeys(t.getList,["enter"]),modelValue:t.queryParams[t.item.prop],"onUpdate:modelValue":n[0]||(n[0]=r=>t.queryParams[t.item.prop]=r),size:t.size},t.inputSetting),e.createSlots({_:2},[e.renderList(t.item.template,(r,s)=>({name:s,fn:e.withCtx(()=>[r?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.currentInputComponent()),{key:s,templateEle:r},null,8,["templateEle"])):e.createCommentVNode("",!0)])}))]),1040,["onKeydown","modelValue","size"])}const q=B(U,[["render",G]]),D=Symbol(),M=e.defineComponent({__name:"index",props:{imgSrc:{}},setup(t){const n=e.ref();return e.onMounted(()=>{console.log("onMounted");const o=new Image,a=[],l=8,i=8;let c=0,r=0;const s=300,d=n.value,k=d.getContext("2d");o.onload=function(){d.width=o.width,d.height=o.height,r=Math.floor(o.width/l),c=Math.floor(o.height/i),g(),_()},o.src=t.imgSrc;const g=()=>{for(let y=0;y<i;y++)for(let m=0;m<l;m++)a.push({x:r*m,y:c*y,offsetX:(Math.random()-.5)*s,offsetY:(Math.random()-.5)*s})},_=()=>{k.clearRect(0,0,d.width,d.height);let y=!0;a.forEach((m,b)=>{k.drawImage(o,m.x,m.y,r,c,m.x+m.offsetX,m.y+m.offsetY,r,c),Math.abs(m.offsetX)>.5&&(y=!1,m.offsetX*=.95),Math.abs(m.offsetY)>.5&&(m.offsetY*=.95,y=!1)}),y?setTimeout(()=>{g(),_()},300):requestAnimationFrame(_)}}),(o,a)=>(e.openBlock(),e.createElementBlock("canvas",{ref_key:"loadingCanvas",ref:n},null,512))}}),O={class:"input-graphic-verification"},K=["src","alt"],Q=e.defineComponent({__name:"index",props:{item:{},componentType:{default:"Element Plus"},loading:{type:Boolean,default:!1}},setup(t){const{graphicSrc:n="",graphicAlt:o="",getGraphic:a=()=>{},key:l}=t.item,{formLoading:i}=e.inject(D,!1),c=e.computed(()=>(i==null?void 0:i.value)||t.loading),r=async()=>{a&&!(c!=null&&c.value)&&await a()},s=e.shallowRef(V);switch(t.componentType){case"Element Plus":s.value=V;break;case"Ant Design Vue":s.value=q;break}return(d,k)=>(e.openBlock(),e.createElementBlock("div",O,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(s.value),{item:d.item,class:"input"},null,8,["item"])),c.value?(e.openBlock(),e.createBlock(M,{key:0,class:"graphic",imgSrc:e.unref(n)},null,8,["imgSrc"])):(e.openBlock(),e.createElementBlock("img",{key:1,class:"graphic",onClick:r,src:e.unref(n),alt:e.unref(o)||`${e.unref(l)}`},null,8,K))]))}}),Be="",x=B(Q,[["__scopeId","data-v-f76fdd37"]]),S="获取验证码",X=60,Y=e.defineComponent({__name:"verification-button",props:{getSmscode:{type:Function},componentType:{default:"Element Plus"}},setup(t){const n=e.ref(S),o=e.ref(null),a=e.computed(()=>n.value===S),l=e.shallowRef("el-button");switch(console.log(t.componentType),t.componentType){case"Element Plus":l.value="el-button";break;case"Ant Design Vue":l.value="a-button";break}const i=()=>{o&&(clearInterval(o.value),o.value=null,n.value=S)},c=async()=>{if(n.value===S)if(n.value=X,o.value=setInterval(()=>{if(Number(n.value)<=0||!n.value){i();return}else n.value=Number(n.value)-1},1e3),t.getSmscode)await t.getSmscode()===!1&&i();else return};return e.onBeforeUnmount(()=>{i()}),(r,s)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(l.value),{class:"verifiaction-button",style:e.normalizeStyle({color:a.value?"var(--color-primary, #409EFF)":"var(--text-color-placeholder, #A8ABB2)",cursor:a.value?"pointer":"default"}),onClick:c},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(a.value?S:n.value+"s"),1)]),_:1},8,["style"]))}}),Ce="",L=B(Y,[["__scopeId","data-v-2477efb7"]]),N=e.defineComponent({__name:"index",props:{item:{},componentType:{default:"Element Plus"}},setup(t){const n=t.item,o=e.shallowRef(V);switch(t.componentType){case"Element Plus":o.value=V,n.template={append:()=>e.h(L,{getSmscode:n.getSmscode})};break;case"Ant Design Vue":o.value=q,n.template={addonAfter:()=>e.h(L,{getSmscode:n.getSmscode})};break}return(a,l)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.value),{item:e.unref(n),class:"input"},null,8,["item"]))}}),W=e.defineComponent({components:{slotArchive:t=>{const{templateEle:n}=t;return n()}},props:{item:null},setup(){},data(){return{dividerSetting:{...this.item.dividerSetting,...this.item.setting}}},methods:{currentInputComponent(){return"slot-archive"}}});function J(t,n,o,a,l,i){const c=e.resolveComponent("el-divider");return e.openBlock(),e.createBlock(c,e.normalizeProps(e.guardReactiveProps(t.dividerSetting)),e.createSlots({_:2},[e.renderList(t.item.template,(r,s)=>({name:s,fn:e.withCtx(()=>[r?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.currentInputComponent()),{key:s,templateEle:r},null,8,["templateEle"])):e.createCommentVNode("",!0)])}))]),1040)}const H=B(W,[["render",J]]),Z=e.defineComponent({__name:"index",props:{item:{}},setup(t){const n=e.inject("queryParams",{}),o=e.inject("size"),a=e.ref({...t.item.radioGroupSetting,...t.item.setting});return(l,i)=>{const c=e.resolveComponent("el-radio"),r=e.resolveComponent("el-radio-group");return e.openBlock(),e.createBlock(r,e.mergeProps({modelValue:e.unref(n)[l.item.prop],"onUpdate:modelValue":i[0]||(i[0]=s=>e.unref(n)[l.item.prop]=s),size:e.unref(o)},a.value),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.item.option||[],s=>(e.openBlock(),e.createBlock(c,e.mergeProps({size:e.unref(o),key:s.value,ref_for:!0},s),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(s.label),1)]),_:2},1040,["size"]))),128))]),_:1},16,["modelValue","size"])}}}),v=e.defineComponent({__name:"index",props:{item:{}},setup(t){const n=e.inject("queryParams",{}),o=e.inject("size"),a=e.ref({...t.item.checkboxGroupSetting,...t.item.setting});return(l,i)=>{const c=e.resolveComponent("el-checkbox"),r=e.resolveComponent("el-checkbox-group");return e.openBlock(),e.createBlock(r,e.mergeProps({modelValue:e.unref(n)[l.item.prop],"onUpdate:modelValue":i[0]||(i[0]=s=>e.unref(n)[l.item.prop]=s),size:e.unref(o)},a.value),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.item.option||[],s=>(e.openBlock(),e.createBlock(c,e.mergeProps({size:e.unref(o),key:s.value,ref_for:!0},s),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(s.label),1)]),_:2},1040,["size"]))),128))]),_:1},16,["modelValue","size"])}}}),ee=e.defineComponent({__name:"index",props:{item:{}},setup(t){const n=e.inject("queryParams",{}),o=e.inject("size"),a=e.ref({...F,...t.item.datePackerSetting,...t.item.setting});return(l,i)=>{const c=e.resolveComponent("el-date-picker");return e.openBlock(),e.createBlock(c,e.mergeProps({modelValue:e.unref(n)[l.item.prop],"onUpdate:modelValue":i[0]||(i[0]=r=>e.unref(n)[l.item.prop]=r),size:e.unref(o)},a.value),null,16,["modelValue","size"])}}}),te=e.defineComponent({__name:"index",props:{item:{}},setup(t){const n=e.inject("queryParams",{}),o=e.inject("size"),a=e.ref({...z,...t.item.selectSetting,...t.item.setting});return(l,i)=>{const c=e.resolveComponent("el-option"),r=e.resolveComponent("el-select");return e.openBlock(),e.createBlock(r,e.mergeProps({modelValue:e.unref(n)[l.item.prop],"onUpdate:modelValue":i[0]||(i[0]=s=>e.unref(n)[l.item.prop]=s),size:e.unref(o)},a.value),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.item.option||[],s=>(e.openBlock(),e.createBlock(c,e.mergeProps({key:s.value,ref_for:!0},s),null,16))),128))]),_:1},16,["modelValue","size"])}}}),ne=e.defineComponent({__name:"index",props:{item:{}},setup(t){const n=e.inject("queryParams",{}),o=e.inject("size"),a=e.ref({...z,...t.item.selectSetting,...t.item.setting});return(l,i)=>{const c=e.resolveComponent("el-cascader");return e.openBlock(),e.createBlock(c,e.mergeProps({modelValue:e.unref(n)[l.item.prop],"onUpdate:modelValue":i[0]||(i[0]=r=>e.unref(n)[l.item.prop]=r),size:e.unref(o),options:l.item.options||[]},a.value),null,16,["modelValue","size","options"])}}}),oe=e.defineComponent({name:"GeneralBasicForm",components:{Input:V,InputNumber:A,InputGraphicVerification:x,InputMobileVerification:N,Divider:H,Radio:Z,Checkbox:v,DatePicker:ee,Select:te,Cascader:ne},props:{showSearch:{type:Boolean,default:!0},loading:{type:Boolean,default:!1},formOnly:{type:Boolean,default:!1},getList:{type:Function,default:()=>{}},afterReset:{type:Function,default:()=>{}},formItem:{type:Array,default:[]},size:{type:String,default:"default"},labelWidth:{type:String,default:"90px"},noUrlParameters:{type:Boolean,default:()=>!1},formData:{type:Object,default:()=>{}},noInputBlank:{type:Boolean,default:()=>!1}},data(){return{formLoading:this.loading||!1,trimRegex:/\S/}},setup(t){const{size:n,noUrlParameters:o,getList:a}=t,l=j.useRoute(),i=e.ref({...o?{}:l==null?void 0:l.query});return e.provide("queryParams",i),e.provide("size",n),e.provide("getList",a),{queryParams:i}},watch:{formData:{handler(t,n){JSON.stringify(t)!==JSON.stringify(n)&&(this.queryParams={...this.noUrlParameters?{}:this.queryParams,...t})},immediate:!0},queryParams:{handler(t){this.$emit("update:formData",t)},deep:!0},loading(t){this.formLoading!==t&&(this.formLoading=t)},formLoading(t){this.loading!==t&&this.$emit("update:loading",t)}},provide(){return{[D]:{formLoading:e.computed(()=>this.formLoading),updateFormLoading:t=>{this.formLoading=t}}}},methods:{handleQuery(){var o;const t={page:1,limit:10},n={...(o=this.$route)==null?void 0:o.query,...this.queryParams,...t};this.noUrlParameters||this.$router.push({query:{...n}}),this.getList({...n})},async resetQuery(){var n;this.$refs.queryFormRef.resetFields();const t={page:1};this.noUrlParameters||await this.$router.push({query:{...t}}),this.queryParams={...this.noUrlParameters?{}:(n=this.$route)==null?void 0:n.query},this.afterReset(),this.handleQuery()},getItemRules(t){const{type:n,rules:o=[]}=t,a=[...o];return this.noInputBlank&&n==="input"&&a.push({pattern:this.trimRegex,message:"请输入(不能仅输入空格)",trigger:"blur"}),a}}});function re(t,n,o,a,l,i){const c=e.resolveComponent("Input"),r=e.resolveComponent("Radio"),s=e.resolveComponent("Select"),d=e.resolveComponent("Divider"),k=e.resolveComponent("Cascader"),g=e.resolveComponent("Checkbox"),_=e.resolveComponent("DatePicker"),y=e.resolveComponent("InputNumber"),m=e.resolveComponent("InputMobileVerification"),b=e.resolveComponent("InputGraphicVerification"),C=e.resolveComponent("el-form-item"),P=e.resolveComponent("el-button"),w=e.resolveComponent("el-form"),f=e.resolveDirective("loading");return e.withDirectives((e.openBlock(),e.createBlock(w,e.mergeProps({model:t.queryParams,ref:"queryFormRef",inline:"","label-position":"left","label-width":t.labelWidth},t.$attrs),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.formItem,p=>(e.openBlock(),e.createBlock(C,{label:p.label,prop:p.prop,key:p.prop,rules:t.getItemRules(p)},{default:e.withCtx(()=>[/^input$/i.test(p.type)?(e.openBlock(),e.createBlock(c,{key:0,item:p},null,8,["item"])):e.createCommentVNode("",!0),/^radio$/i.test(p.type)?(e.openBlock(),e.createBlock(r,{key:1,item:p},null,8,["item"])):e.createCommentVNode("",!0),/^select$/i.test(p.type)?(e.openBlock(),e.createBlock(s,{key:2,item:p},null,8,["item"])):e.createCommentVNode("",!0),/^divider$/i.test(p.type)?(e.openBlock(),e.createBlock(d,{key:3,item:p},null,8,["item"])):e.createCommentVNode("",!0),/^cascader$/i.test(p.type)?(e.openBlock(),e.createBlock(k,{key:4,item:p},null,8,["item"])):e.createCommentVNode("",!0),/^checkbox$/i.test(p.type)?(e.openBlock(),e.createBlock(g,{key:5,item:p},null,8,["item"])):e.createCommentVNode("",!0),/^date-picker$/i.test(p.type)?(e.openBlock(),e.createBlock(_,{key:6,item:p},null,8,["item"])):e.createCommentVNode("",!0),/^input-number$/i.test(p.type)?(e.openBlock(),e.createBlock(y,{key:7,item:p},null,8,["item"])):e.createCommentVNode("",!0),/^form-item-slot$/i.test(p.type)?e.renderSlot(t.$slots,p.name,{key:8}):e.createCommentVNode("",!0),/^input-mobile-verification$/i.test(p.type)?(e.openBlock(),e.createBlock(m,{key:9,item:p},null,8,["item"])):e.createCommentVNode("",!0),/^input-graphic-verification$/i.test(p.type)?(e.openBlock(),e.createBlock(b,{item:p,key:p.key},null,8,["item"])):e.createCommentVNode("",!0)]),_:2},1032,["label","prop","rules"]))),128)),e.renderSlot(t.$slots,"default"),t.formOnly?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(C,{key:0},{default:e.withCtx(()=>[e.withDirectives((e.openBlock(),e.createBlock(P,{type:"primary",size:t.size,onClick:t.handleQuery},{default:e.withCtx(()=>n[0]||(n[0]=[e.createTextVNode("查询")])),_:1},8,["size","onClick"])),[[f,t.formLoading]]),e.createVNode(P,{size:t.size,onClick:t.resetQuery},{default:e.withCtx(()=>n[1]||(n[1]=[e.createTextVNode("重置")])),_:1},8,["size","onClick"])]),_:1})),e.renderSlot(t.$slots,"behind-the-button")]),_:3},16,["model","label-width"])),[[e.vShow,t.showSearch]])}const le=B(oe,[["render",re]]),ie=["infinite-scroll-disabled"],se=["infinite-scroll-disabled"],ae={class:"checkbox"},ce=e.defineComponent({__name:"InfiniteScrollList",props:{search:{type:Function,required:!0},checkbox:{type:Boolean,required:!1},id:{type:String,required:!0},name:{type:String,required:!0},extra:{type:null,required:!1},defaultSelection:{type:Array,required:!1}},setup(t,{expose:n}){const o=t,{search:a,id:l,name:i,extra:c}=o,r=e.ref([]),s=e.ref(1),d=e.ref(!1),k=e.ref([]),g=e.ref(!1),_=(f,p)=>{const{i:I}=f;return c&&c!=="false"?c(I):""},y=f=>{k.value=f.map(p=>typeof p=="object"?p[l]:p)};e.watch(()=>o.defaultSelection,(f=[],p=[])=>{y(f)},{immediate:!0});const m=()=>{b(),k.value=[]},b=()=>{s.value=1,r.value=[],d.value=!1},C=async()=>{if(g.value||d.value)return;g.value=!0;const f=await a(s.value);f&&f.length>0?(r.value=[...r.value,...f],s.value+=1):d.value=!0,g.value=!1},P=()=>{b(),C()},w=e.computed(()=>r.value.filter(f=>k.value.includes(f[l])))||{};return n({reset:m,lowReset:b,loadList:C,selectInfo:w,list:r,ifbottom:d,refreshList:P}),(f,p)=>{const I=e.resolveComponent("el-checkbox"),ge=e.resolveComponent("el-checkbox-group"),E=e.resolveDirective("infinite-scroll"),_e=e.resolveDirective("loading");return o.checkbox?e.withDirectives((e.openBlock(),e.createBlock(ge,e.mergeProps({key:0,modelValue:k.value,"onUpdate:modelValue":p[0]||(p[0]=h=>k.value=h)},o),{default:e.withCtx(()=>[e.withDirectives((e.openBlock(),e.createElementBlock("ul",{class:"list","infinite-scroll-disabled":d.value},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.value,h=>(e.openBlock(),e.createElementBlock("li",{key:h[e.unref(l)],class:"list-item"},[e.createVNode(I,{value:h[e.unref(l)],class:"checkbox"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(h[e.unref(i)])+" ",1),o.extra?(e.openBlock(),e.createBlock(_,{key:0,i:h},null,8,["i"])):e.createCommentVNode("",!0)]),_:2},1032,["value"])]))),128))],8,ie)),[[E,C]])]),_:1},16,["modelValue"])),[[_e,g.value]]):e.withDirectives((e.openBlock(),e.createElementBlock("ul",e.mergeProps({key:1,class:"list","infinite-scroll-disabled":d.value},o),[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.value,h=>(e.openBlock(),e.createElementBlock("li",{key:h[e.unref(l)],class:"list-item"},[e.createElementVNode("div",ae,[e.createTextVNode(e.toDisplayString(h[e.unref(i)])+" ",1),o.extra?(e.openBlock(),e.createBlock(_,{key:0,i:h},null,8,["i"])):e.createCommentVNode("",!0)])]))),128))],16,se)),[[E,C]])}}}),be="",pe=B(ce,[["__scopeId","data-v-77737aab"]]),me={key:1},de=e.defineComponent({__name:"Descriptions",props:{formData:{type:Object,required:!0},formItem:{type:Array,required:!0}},setup(t){const n=t,o=(a,l)=>{const{i,render:c,formData:r}=a;return c({row:r,$index:i})};return(a,l)=>{const i=e.resolveComponent("el-descriptions-item"),c=e.resolveComponent("el-descriptions");return e.openBlock(),e.createBlock(c,e.mergeProps({column:1,border:"",class:"form-width"},n),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.formItem,(r,s)=>(e.openBlock(),e.createBlock(i,e.mergeProps({key:r.prop,label:r.label,ref_for:!0},r.descriptionsItemProps),{default:e.withCtx(()=>[r.render?(e.openBlock(),e.createBlock(o,{key:0,i:s,render:r.render,formData:t.formData},null,8,["i","render","formData"])):(e.openBlock(),e.createElementBlock("span",me,e.toDisplayString(t.formData[r.prop]),1))]),_:2},1040,["label"]))),128))]),_:1},16)}}}),fe=le,ue=pe,ke=de,ye=x,he=N;u.VDescriptions=ke,u.VGeneralBasicForm=fe,u.VInfiniteScrollList=ue,u.VInputGraphicVerification=ye,u.VInputMobilecVerification=he,Object.defineProperty(u,Symbol.toStringTag,{value:"Module"})});
|
|
1
|
+
(function(u,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("vue-router")):typeof define=="function"&&define.amd?define(["exports","vue","vue-router"],e):(u=typeof globalThis<"u"?globalThis:u||self,e(u.Index={},u.Vue,u["vue-router"]))})(this,function(u,e,j){"use strict";const $={placeholder:"请输入",style:"width: 200px",clearable:!0},F={style:"width: 227px","start-placeholder":"开始日期","end-placeholder":"结束日期",type:"daterange"},z={placeholder:"请选择",filterable:!0,clearable:!0,style:"width: 200px"},T=e.defineComponent({components:{InputArchive:t=>{const{templateEle:n}=t;return n()}},props:{item:null},setup(){const t=e.inject("queryParams",{}),n=e.inject("getList"),o=e.inject("size");return{queryParams:t,getList:n,size:o}},data(){return{inputSetting:{...$,...this.item.inputSetting,...this.item.setting}}},methods:{currentInputComponent(){return"input-archive"}}}),B=(t,n)=>{const o=t.__vccOpts||t;for(const[a,l]of n)o[a]=l;return o};function R(t,n,o,a,l,i){const c=e.resolveComponent("el-input");return e.openBlock(),e.createBlock(c,e.mergeProps({onKeydown:e.withKeys(t.getList,["enter"]),modelValue:t.queryParams[t.item.prop],"onUpdate:modelValue":n[0]||(n[0]=r=>t.queryParams[t.item.prop]=r),size:t.size},t.inputSetting),e.createSlots({_:2},[e.renderList(t.item.template,(r,s)=>({name:s,fn:e.withCtx(()=>[r?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.currentInputComponent()),{key:s,templateEle:r},null,8,["templateEle"])):e.createCommentVNode("",!0)])}))]),1040,["onKeydown","modelValue","size"])}const V=B(T,[["render",R]]),A=e.defineComponent({__name:"index",props:{item:{}},setup(t){const n=e.inject("queryParams",{}),o=e.inject("size"),a=e.ref({...$,...t.item.inputSetting,...t.item.setting});return(l,i)=>{const c=e.resolveComponent("el-input-number");return e.openBlock(),e.createBlock(c,e.mergeProps({modelValue:e.unref(n)[l.item.prop],"onUpdate:modelValue":i[0]||(i[0]=r=>e.unref(n)[l.item.prop]=r),size:e.unref(o)},a.value),null,16,["modelValue","size"])}}}),U=e.defineComponent({components:{InputArchive:t=>{const{templateEle:n}=t;return n()}},props:{item:null},setup(){const t=e.inject("queryParams",{}),n=e.inject("getList",()=>{}),o=e.inject("size");return{queryParams:t,getList:n,size:o}},data(){return{inputSetting:{...$,...this.item.inputSetting,...this.item.setting}}},methods:{currentInputComponent(){return"input-archive"}}});function G(t,n,o,a,l,i){const c=e.resolveComponent("a-input");return e.openBlock(),e.createBlock(c,e.mergeProps({onKeydown:e.withKeys(t.getList,["enter"]),modelValue:t.queryParams[t.item.prop],"onUpdate:modelValue":n[0]||(n[0]=r=>t.queryParams[t.item.prop]=r),size:t.size},t.inputSetting),e.createSlots({_:2},[e.renderList(t.item.template,(r,s)=>({name:s,fn:e.withCtx(()=>[r?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.currentInputComponent()),{key:s,templateEle:r},null,8,["templateEle"])):e.createCommentVNode("",!0)])}))]),1040,["onKeydown","modelValue","size"])}const q=B(U,[["render",G]]),D=Symbol(),M=e.defineComponent({__name:"index",props:{imgSrc:{}},setup(t){const n=e.ref();return e.onMounted(()=>{const o=new Image,a=[],l=8,i=8;let c=0,r=0;const s=300,d=n.value,k=d.getContext("2d");o.onload=function(){d.width=o.width,d.height=o.height,r=Math.floor(o.width/l),c=Math.floor(o.height/i),_(),g()},o.src=t.imgSrc;const _=()=>{for(let h=0;h<i;h++)for(let m=0;m<l;m++)a.push({x:r*m,y:c*h,offsetX:(Math.random()-.5)*s,offsetY:(Math.random()-.5)*s})},g=()=>{k.clearRect(0,0,d.width,d.height);let h=!0;a.forEach((m,b)=>{k.drawImage(o,m.x,m.y,r,c,m.x+m.offsetX,m.y+m.offsetY,r,c),Math.abs(m.offsetX)>.5&&(h=!1,m.offsetX*=.95),Math.abs(m.offsetY)>.5&&(m.offsetY*=.95,h=!1)}),h?setTimeout(()=>{_(),g()},300):requestAnimationFrame(g)}}),(o,a)=>(e.openBlock(),e.createElementBlock("canvas",{ref_key:"loadingCanvas",ref:n},null,512))}}),O={class:"input-graphic-verification"},K=["src","alt"],Q=e.defineComponent({__name:"index",props:{item:{},componentType:{default:"Element Plus"},loading:{type:Boolean,default:!1}},setup(t){const{graphicSrc:n="",graphicAlt:o="",getGraphic:a=()=>{},key:l}=t.item,{formLoading:i}=e.inject(D,!1),c=e.computed(()=>(i==null?void 0:i.value)||t.loading),r=async()=>{a&&!(c!=null&&c.value)&&await a()},s=e.shallowRef(V);switch(t.componentType){case"Element Plus":s.value=V;break;case"Ant Design Vue":s.value=q;break}return(d,k)=>(e.openBlock(),e.createElementBlock("div",O,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(s.value),{item:d.item,class:"input"},null,8,["item"])),c.value?(e.openBlock(),e.createBlock(M,{key:0,class:"graphic",imgSrc:e.unref(n)},null,8,["imgSrc"])):(e.openBlock(),e.createElementBlock("img",{key:1,class:"graphic",onClick:r,src:e.unref(n),alt:e.unref(o)||`${e.unref(l)}`},null,8,K))]))}}),Be="",x=B(Q,[["__scopeId","data-v-f76fdd37"]]),S="获取验证码",X=60,Y=e.defineComponent({__name:"verification-button",props:{getSmscode:{type:Function},componentType:{default:"Element Plus"}},setup(t){const n=e.ref(S),o=e.ref(null),a=e.computed(()=>n.value===S),l=e.shallowRef("el-button");switch(t.componentType){case"Element Plus":l.value="el-button";break;case"Ant Design Vue":l.value="a-button";break}const i=()=>{o&&(clearInterval(o.value),o.value=null,n.value=S)},c=async()=>{if(n.value===S)if(n.value=X,o.value=setInterval(()=>{if(Number(n.value)<=0||!n.value){i();return}else n.value=Number(n.value)-1},1e3),t.getSmscode)await t.getSmscode()===!1&&i();else return};return e.onBeforeUnmount(()=>{i()}),(r,s)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(l.value),{class:"verifiaction-button",style:e.normalizeStyle({color:a.value?"var(--color-primary, #409EFF)":"var(--text-color-placeholder, #A8ABB2)",cursor:a.value?"pointer":"default"}),onClick:c},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(a.value?S:n.value+"s"),1)]),_:1},8,["style"]))}}),Ce="",L=B(Y,[["__scopeId","data-v-9d71b690"]]),N=e.defineComponent({__name:"index",props:{item:{},componentType:{default:"Element Plus"}},setup(t){const n=t.item,o=e.shallowRef(V);switch(t.componentType){case"Element Plus":o.value=V,n.template={append:()=>e.h(L,{getSmscode:n.getSmscode})};break;case"Ant Design Vue":o.value=q,n.template={addonAfter:()=>e.h(L,{getSmscode:n.getSmscode})};break}return(a,l)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.value),{item:e.unref(n),class:"input"},null,8,["item"]))}}),W=e.defineComponent({components:{slotArchive:t=>{const{templateEle:n}=t;return n()}},props:{item:null},setup(){},data(){return{dividerSetting:{...this.item.dividerSetting,...this.item.setting}}},methods:{currentInputComponent(){return"slot-archive"}}});function J(t,n,o,a,l,i){const c=e.resolveComponent("el-divider");return e.openBlock(),e.createBlock(c,e.normalizeProps(e.guardReactiveProps(t.dividerSetting)),e.createSlots({_:2},[e.renderList(t.item.template,(r,s)=>({name:s,fn:e.withCtx(()=>[r?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.currentInputComponent()),{key:s,templateEle:r},null,8,["templateEle"])):e.createCommentVNode("",!0)])}))]),1040)}const H=B(W,[["render",J]]),Z=e.defineComponent({__name:"index",props:{item:{}},setup(t){const n=e.inject("queryParams",{}),o=e.inject("size"),a=e.ref({...t.item.radioGroupSetting,...t.item.setting});return(l,i)=>{const c=e.resolveComponent("el-radio"),r=e.resolveComponent("el-radio-group");return e.openBlock(),e.createBlock(r,e.mergeProps({modelValue:e.unref(n)[l.item.prop],"onUpdate:modelValue":i[0]||(i[0]=s=>e.unref(n)[l.item.prop]=s),size:e.unref(o)},a.value),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.item.option||[],s=>(e.openBlock(),e.createBlock(c,e.mergeProps({size:e.unref(o),key:s.value,ref_for:!0},s),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(s.label),1)]),_:2},1040,["size"]))),128))]),_:1},16,["modelValue","size"])}}}),v=e.defineComponent({__name:"index",props:{item:{}},setup(t){const n=e.inject("queryParams",{}),o=e.inject("size"),a=e.ref({...t.item.checkboxGroupSetting,...t.item.setting});return(l,i)=>{const c=e.resolveComponent("el-checkbox"),r=e.resolveComponent("el-checkbox-group");return e.openBlock(),e.createBlock(r,e.mergeProps({modelValue:e.unref(n)[l.item.prop],"onUpdate:modelValue":i[0]||(i[0]=s=>e.unref(n)[l.item.prop]=s),size:e.unref(o)},a.value),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.item.option||[],s=>(e.openBlock(),e.createBlock(c,e.mergeProps({size:e.unref(o),key:s.value,ref_for:!0},s),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(s.label),1)]),_:2},1040,["size"]))),128))]),_:1},16,["modelValue","size"])}}}),ee=e.defineComponent({__name:"index",props:{item:{}},setup(t){const n=e.inject("queryParams",{}),o=e.inject("size"),a=e.ref({...F,...t.item.datePackerSetting,...t.item.setting});return(l,i)=>{const c=e.resolveComponent("el-date-picker");return e.openBlock(),e.createBlock(c,e.mergeProps({modelValue:e.unref(n)[l.item.prop],"onUpdate:modelValue":i[0]||(i[0]=r=>e.unref(n)[l.item.prop]=r),size:e.unref(o)},a.value),null,16,["modelValue","size"])}}}),te=e.defineComponent({__name:"index",props:{item:{}},setup(t){const n=e.inject("queryParams",{}),o=e.inject("size"),a=e.ref({...z,...t.item.selectSetting,...t.item.setting});return(l,i)=>{const c=e.resolveComponent("el-option"),r=e.resolveComponent("el-select");return e.openBlock(),e.createBlock(r,e.mergeProps({modelValue:e.unref(n)[l.item.prop],"onUpdate:modelValue":i[0]||(i[0]=s=>e.unref(n)[l.item.prop]=s),size:e.unref(o)},a.value),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.item.option||[],s=>(e.openBlock(),e.createBlock(c,e.mergeProps({key:s.value,ref_for:!0},s),null,16))),128))]),_:1},16,["modelValue","size"])}}}),ne=e.defineComponent({__name:"index",props:{item:{}},setup(t){const n=e.inject("queryParams",{}),o=e.inject("size"),a=e.ref({...z,...t.item.selectSetting,...t.item.setting});return(l,i)=>{const c=e.resolveComponent("el-cascader");return e.openBlock(),e.createBlock(c,e.mergeProps({modelValue:e.unref(n)[l.item.prop],"onUpdate:modelValue":i[0]||(i[0]=r=>e.unref(n)[l.item.prop]=r),size:e.unref(o),options:l.item.options||[]},a.value),null,16,["modelValue","size","options"])}}}),oe=e.defineComponent({name:"GeneralBasicForm",components:{Input:V,InputNumber:A,InputGraphicVerification:x,InputMobileVerification:N,Divider:H,Radio:Z,Checkbox:v,DatePicker:ee,Select:te,Cascader:ne},props:{showSearch:{type:Boolean,default:!0},loading:{type:Boolean,default:!1},formOnly:{type:Boolean,default:!1},getList:{type:Function,default:()=>{}},afterReset:{type:Function,default:()=>{}},formItem:{type:Array,default:[]},size:{type:String,default:"default"},labelWidth:{type:String,default:"90px"},noUrlParameters:{type:Boolean,default:()=>!1},formData:{type:Object,default:()=>{}},noInputBlank:{type:Boolean,default:()=>!1}},data(){return{formLoading:this.loading||!1,trimRegex:/\S/}},setup(t){const{size:n,noUrlParameters:o,getList:a}=t,l=j.useRoute(),i=e.ref({...o?{}:l==null?void 0:l.query});return e.provide("queryParams",i),e.provide("size",n),e.provide("getList",a),{queryParams:i}},watch:{formData:{handler(t,n){JSON.stringify(t)!==JSON.stringify(n)&&(this.queryParams={...this.noUrlParameters?{}:this.queryParams,...t})},immediate:!0},queryParams:{handler(t){this.$emit("update:formData",t)},deep:!0},loading(t){this.formLoading!==t&&(this.formLoading=t)},formLoading(t){this.loading!==t&&this.$emit("update:loading",t)}},provide(){return{[D]:{formLoading:e.computed(()=>this.formLoading),updateFormLoading:t=>{this.formLoading=t}}}},methods:{handleQuery(){var o;const t={page:1,limit:10},n={...(o=this.$route)==null?void 0:o.query,...this.queryParams,...t};this.noUrlParameters||this.$router.push({query:{...n}}),this.getList({...n})},async resetQuery(){var n;this.$refs.queryFormRef.resetFields();const t={page:1};this.noUrlParameters||await this.$router.push({query:{...t}}),this.queryParams={...this.noUrlParameters?{}:(n=this.$route)==null?void 0:n.query},this.afterReset(),this.handleQuery()},getItemRules(t){const{type:n,rules:o=[]}=t,a=[...o];return this.noInputBlank&&n==="input"&&a.push({pattern:this.trimRegex,message:"请输入(不能仅输入空格)",trigger:"blur"}),a}}});function re(t,n,o,a,l,i){const c=e.resolveComponent("Input"),r=e.resolveComponent("Radio"),s=e.resolveComponent("Select"),d=e.resolveComponent("Divider"),k=e.resolveComponent("Cascader"),_=e.resolveComponent("Checkbox"),g=e.resolveComponent("DatePicker"),h=e.resolveComponent("InputNumber"),m=e.resolveComponent("InputMobileVerification"),b=e.resolveComponent("InputGraphicVerification"),C=e.resolveComponent("el-form-item"),P=e.resolveComponent("el-button"),w=e.resolveComponent("el-form"),f=e.resolveDirective("loading");return e.withDirectives((e.openBlock(),e.createBlock(w,e.mergeProps({model:t.queryParams,ref:"queryFormRef",inline:"","label-position":"left","label-width":t.labelWidth},t.$attrs),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.formItem,p=>(e.openBlock(),e.createBlock(C,{label:p.label,prop:p.prop,key:p.prop,rules:t.getItemRules(p)},{default:e.withCtx(()=>[/^input$/i.test(p.type)?(e.openBlock(),e.createBlock(c,{key:0,item:p},null,8,["item"])):e.createCommentVNode("",!0),/^radio$/i.test(p.type)?(e.openBlock(),e.createBlock(r,{key:1,item:p},null,8,["item"])):e.createCommentVNode("",!0),/^select$/i.test(p.type)?(e.openBlock(),e.createBlock(s,{key:2,item:p},null,8,["item"])):e.createCommentVNode("",!0),/^divider$/i.test(p.type)?(e.openBlock(),e.createBlock(d,{key:3,item:p},null,8,["item"])):e.createCommentVNode("",!0),/^cascader$/i.test(p.type)?(e.openBlock(),e.createBlock(k,{key:4,item:p},null,8,["item"])):e.createCommentVNode("",!0),/^checkbox$/i.test(p.type)?(e.openBlock(),e.createBlock(_,{key:5,item:p},null,8,["item"])):e.createCommentVNode("",!0),/^date-picker$/i.test(p.type)?(e.openBlock(),e.createBlock(g,{key:6,item:p},null,8,["item"])):e.createCommentVNode("",!0),/^input-number$/i.test(p.type)?(e.openBlock(),e.createBlock(h,{key:7,item:p},null,8,["item"])):e.createCommentVNode("",!0),/^form-item-slot$/i.test(p.type)?e.renderSlot(t.$slots,p.name,{key:8}):e.createCommentVNode("",!0),/^input-mobile-verification$/i.test(p.type)?(e.openBlock(),e.createBlock(m,{key:9,item:p},null,8,["item"])):e.createCommentVNode("",!0),/^input-graphic-verification$/i.test(p.type)?(e.openBlock(),e.createBlock(b,{item:p,key:p.key},null,8,["item"])):e.createCommentVNode("",!0)]),_:2},1032,["label","prop","rules"]))),128)),e.renderSlot(t.$slots,"default"),t.formOnly?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(C,{key:0},{default:e.withCtx(()=>[e.withDirectives((e.openBlock(),e.createBlock(P,{type:"primary",size:t.size,onClick:t.handleQuery},{default:e.withCtx(()=>n[0]||(n[0]=[e.createTextVNode("查询")])),_:1},8,["size","onClick"])),[[f,t.formLoading]]),e.createVNode(P,{size:t.size,onClick:t.resetQuery},{default:e.withCtx(()=>n[1]||(n[1]=[e.createTextVNode("重置")])),_:1},8,["size","onClick"])]),_:1})),e.renderSlot(t.$slots,"behind-the-button")]),_:3},16,["model","label-width"])),[[e.vShow,t.showSearch]])}const le=B(oe,[["render",re]]),ie=["infinite-scroll-disabled"],se=["infinite-scroll-disabled"],ae={class:"checkbox"},ce=e.defineComponent({__name:"InfiniteScrollList",props:{search:{type:Function,required:!0},checkbox:{type:Boolean,required:!1},id:{type:String,required:!0},name:{type:String,required:!0},extra:{type:null,required:!1},defaultSelection:{type:Array,required:!1}},setup(t,{expose:n}){const o=t,{search:a,id:l,name:i,extra:c}=o,r=e.ref([]),s=e.ref(1),d=e.ref(!1),k=e.ref([]),_=e.ref(!1),g=(f,p)=>{const{i:I}=f;return c&&c!=="false"?c(I):""},h=f=>{k.value=f.map(p=>typeof p=="object"?p[l]:p)};e.watch(()=>o.defaultSelection,(f=[],p=[])=>{h(f)},{immediate:!0});const m=()=>{b(),k.value=[]},b=()=>{s.value=1,r.value=[],d.value=!1},C=async()=>{if(_.value||d.value)return;_.value=!0;const f=await a(s.value);f&&f.length>0?(r.value=[...r.value,...f],s.value+=1):d.value=!0,_.value=!1},P=()=>{b(),C()},w=e.computed(()=>r.value.filter(f=>k.value.includes(f[l])))||{};return n({reset:m,lowReset:b,loadList:C,selectInfo:w,list:r,ifbottom:d,refreshList:P}),(f,p)=>{const I=e.resolveComponent("el-checkbox"),_e=e.resolveComponent("el-checkbox-group"),E=e.resolveDirective("infinite-scroll"),ge=e.resolveDirective("loading");return o.checkbox?e.withDirectives((e.openBlock(),e.createBlock(_e,e.mergeProps({key:0,modelValue:k.value,"onUpdate:modelValue":p[0]||(p[0]=y=>k.value=y)},o),{default:e.withCtx(()=>[e.withDirectives((e.openBlock(),e.createElementBlock("ul",{class:"list","infinite-scroll-disabled":d.value},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.value,y=>(e.openBlock(),e.createElementBlock("li",{key:y[e.unref(l)],class:"list-item"},[e.createVNode(I,{value:y[e.unref(l)],class:"checkbox"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(y[e.unref(i)])+" ",1),o.extra?(e.openBlock(),e.createBlock(g,{key:0,i:y},null,8,["i"])):e.createCommentVNode("",!0)]),_:2},1032,["value"])]))),128))],8,ie)),[[E,C]])]),_:1},16,["modelValue"])),[[ge,_.value]]):e.withDirectives((e.openBlock(),e.createElementBlock("ul",e.mergeProps({key:1,class:"list","infinite-scroll-disabled":d.value},o),[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.value,y=>(e.openBlock(),e.createElementBlock("li",{key:y[e.unref(l)],class:"list-item"},[e.createElementVNode("div",ae,[e.createTextVNode(e.toDisplayString(y[e.unref(i)])+" ",1),o.extra?(e.openBlock(),e.createBlock(g,{key:0,i:y},null,8,["i"])):e.createCommentVNode("",!0)])]))),128))],16,se)),[[E,C]])}}}),be="",pe=B(ce,[["__scopeId","data-v-77737aab"]]),me={key:1},de=e.defineComponent({__name:"Descriptions",props:{formData:{type:Object,required:!0},formItem:{type:Array,required:!0}},setup(t){const n=t,o=(a,l)=>{const{i,render:c,formData:r}=a;return c({row:r,$index:i})};return(a,l)=>{const i=e.resolveComponent("el-descriptions-item"),c=e.resolveComponent("el-descriptions");return e.openBlock(),e.createBlock(c,e.mergeProps({column:1,border:"",class:"form-width"},n),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.formItem,(r,s)=>(e.openBlock(),e.createBlock(i,e.mergeProps({key:r.prop,label:r.label,ref_for:!0},r.descriptionsItemProps),{default:e.withCtx(()=>[r.render?(e.openBlock(),e.createBlock(o,{key:0,i:s,render:r.render,formData:t.formData},null,8,["i","render","formData"])):(e.openBlock(),e.createElementBlock("span",me,e.toDisplayString(t.formData[r.prop]),1))]),_:2},1040,["label"]))),128))]),_:1},16)}}}),fe=le,ue=pe,ke=de,he=x,ye=N;u.VDescriptions=ke,u.VGeneralBasicForm=fe,u.VInfiniteScrollList=ue,u.VInputGraphicVerification=he,u.VInputMobilecVerification=ye,Object.defineProperty(u,Symbol.toStringTag,{value:"Module"})});
|
package/dist/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.input-graphic-verification[data-v-f76fdd37]{display:flex;gap:12px;width:100%}.input-graphic-verification .input[data-v-f76fdd37]{flex:auto}.input-graphic-verification .graphic[data-v-f76fdd37]{width:108px;height:43px;object-fit:fill;flex:none}.verifiaction-button[data-v-
|
|
1
|
+
.input-graphic-verification[data-v-f76fdd37]{display:flex;gap:12px;width:100%}.input-graphic-verification .input[data-v-f76fdd37]{flex:auto}.input-graphic-verification .graphic[data-v-f76fdd37]{width:108px;height:43px;object-fit:fill;flex:none}.verifiaction-button[data-v-9d71b690]{width:109px}.list[data-v-77737aab]{height:272px;overflow:auto;padding:8px 0}.list .checkbox[data-v-77737aab]{width:calc(100% - 32px);padding:0 16px}
|