@otwb/ui 2.0.35 → 2.0.37
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.
|
@@ -8,6 +8,7 @@ import { useRoute } from "vue-router";
|
|
|
8
8
|
import { VOverflow, VResizeObserver } from "vueuc";
|
|
9
9
|
import { Sortable } from "sortablejs/modular/sortable.core.esm.js";
|
|
10
10
|
import { request } from "@otwb/common/request";
|
|
11
|
+
import { useApp } from "@otwb/app/use-app";
|
|
11
12
|
import { pickProps } from "@otwb/common/object";
|
|
12
13
|
import { PAGE_INJECTION, useFormModal } from "@otwb/page";
|
|
13
14
|
import { Sortable as Sortable$1 } from "sortablejs";
|
|
@@ -407,27 +408,30 @@ const DataCustom = /* @__PURE__ */ defineComponent({
|
|
|
407
408
|
save: ""
|
|
408
409
|
},
|
|
409
410
|
setup(x, { emit: S }) {
|
|
410
|
-
let { t: C } = useI18n(), w = useRoute(), T = useMessage();
|
|
411
|
-
function
|
|
411
|
+
let { t: C } = useI18n(), w = useRoute(), T = useMessage(), E = useApp();
|
|
412
|
+
function D() {
|
|
412
413
|
if (x.showFixed) {
|
|
413
414
|
w.name + "";
|
|
414
415
|
let e = w.name + "__table";
|
|
415
416
|
request.post("/api/v1/otwb-cloud-uc/cli/module/custom-config/save", {
|
|
416
417
|
__table: localStorage.getItem(e),
|
|
417
418
|
url: w.name
|
|
418
|
-
}, {
|
|
419
|
+
}, {
|
|
420
|
+
requestType: "json",
|
|
421
|
+
headers: { Authorization: `Bearer ${E.auth.token}` }
|
|
422
|
+
}).then((e) => {
|
|
419
423
|
T.success("配置保存成功!");
|
|
420
424
|
});
|
|
421
425
|
} else S("save");
|
|
422
426
|
}
|
|
423
|
-
function
|
|
427
|
+
function k(e, b, C) {
|
|
424
428
|
S("custom", {
|
|
425
429
|
key: e[x.keyField],
|
|
426
430
|
[b]: C
|
|
427
431
|
});
|
|
428
432
|
}
|
|
429
|
-
let
|
|
430
|
-
return watch(
|
|
433
|
+
let A = ref();
|
|
434
|
+
return watch(A, (e) => {
|
|
431
435
|
e.$el && Sortable.create(e.$el, {
|
|
432
436
|
animation: 150,
|
|
433
437
|
ghostClass: "ghost",
|
|
@@ -459,14 +463,14 @@ const DataCustom = /* @__PURE__ */ defineComponent({
|
|
|
459
463
|
text: !0,
|
|
460
464
|
type: "primary",
|
|
461
465
|
size: "small",
|
|
462
|
-
onClick: () =>
|
|
466
|
+
onClick: () => D()
|
|
463
467
|
}, { default: () => [createTextVNode("保存")] }), createVNode(NButton, {
|
|
464
468
|
text: !0,
|
|
465
469
|
type: "primary",
|
|
466
470
|
size: "small",
|
|
467
471
|
onClick: () => S("custom", !0)
|
|
468
472
|
}, _isSlot$6(e = C("common.page.custom.reset")) ? e : { default: () => [e] })])] }), createVNode(NFlex, {
|
|
469
|
-
ref:
|
|
473
|
+
ref: A,
|
|
470
474
|
vertical: !0
|
|
471
475
|
}, _isSlot$6(b = x.data.filter((e) => e[x.visiblityField] !== !1).map((e) => createVNode(DataCustomItem, {
|
|
472
476
|
key: e[x.keyField],
|
|
@@ -474,8 +478,8 @@ const DataCustom = /* @__PURE__ */ defineComponent({
|
|
|
474
478
|
hidden: e[x.hiddenField],
|
|
475
479
|
fixed: e[x.fixedField],
|
|
476
480
|
showFixed: x.showFixed,
|
|
477
|
-
onUpdateHidden: (b) =>
|
|
478
|
-
onUpdateFixed: (b) =>
|
|
481
|
+
onUpdateHidden: (b) => k(e, "hidden", b),
|
|
482
|
+
onUpdateFixed: (b) => k(e, "fixed", b)
|
|
479
483
|
}, null))) ? b : { default: () => [b] })] });
|
|
480
484
|
}
|
|
481
485
|
});
|
|
@@ -751,69 +755,72 @@ const DataForm = /* @__PURE__ */ defineComponent({
|
|
|
751
755
|
"collapse"
|
|
752
756
|
],
|
|
753
757
|
setup(b, { expose: x, emit: S }) {
|
|
754
|
-
let C = useRoute(), w = useMessage(), T = () => {
|
|
758
|
+
let C = useRoute(), w = useMessage(), T = useApp(), E = () => {
|
|
755
759
|
let e = C.name + "__form";
|
|
756
760
|
C.name + "", request.post("/api/v1/otwb-cloud-uc/cli/module/custom-config/save", {
|
|
757
761
|
__form: localStorage.getItem(e),
|
|
758
762
|
url: C.name
|
|
759
|
-
}, {
|
|
763
|
+
}, {
|
|
764
|
+
requestType: "json",
|
|
765
|
+
headers: { Authorization: `Bearer ${T.auth.token}` }
|
|
766
|
+
}).then((e) => {
|
|
760
767
|
w.success("配置保存成功!");
|
|
761
768
|
});
|
|
762
|
-
}, { t:
|
|
769
|
+
}, { t: D } = useI18n(), k = (e) => {
|
|
763
770
|
S("filter", b.model, e);
|
|
764
|
-
},
|
|
771
|
+
}, A = (e) => {
|
|
765
772
|
S("reset", e), b.filterOnReset && S("filter", b.model, e);
|
|
766
|
-
},
|
|
767
|
-
|
|
773
|
+
}, j = ref(b.defaultCollapsed), N = (e) => {
|
|
774
|
+
j.value = e;
|
|
768
775
|
};
|
|
769
|
-
x({ collapse:
|
|
770
|
-
let
|
|
776
|
+
x({ collapse: N });
|
|
777
|
+
let I = reactive({
|
|
771
778
|
span: 6,
|
|
772
779
|
suffix: !0
|
|
773
780
|
});
|
|
774
781
|
return () => {
|
|
775
|
-
let { filterOnReset: e, filterText: x, resetText: C, customizable: w, defaultCollapsed:
|
|
782
|
+
let { filterOnReset: e, filterText: x, resetText: C, customizable: w, defaultCollapsed: T, collapsible: P, grid: F,...L } = b;
|
|
776
783
|
return createVNode(DataForm, mergeProps({ grid: {
|
|
777
784
|
cols: "12 768:18 1200:30 1536:30",
|
|
778
785
|
yGap: 16,
|
|
779
786
|
xGap: 12,
|
|
780
|
-
...
|
|
781
|
-
collapsed:
|
|
787
|
+
...F,
|
|
788
|
+
collapsed: j.value
|
|
782
789
|
} }, L, {
|
|
783
790
|
showFeedback: !1,
|
|
784
|
-
showAction:
|
|
785
|
-
onSubmit:
|
|
786
|
-
onReset:
|
|
787
|
-
}), { action: ({ cols: e, spans:
|
|
788
|
-
justify:
|
|
791
|
+
showAction: I,
|
|
792
|
+
onSubmit: k,
|
|
793
|
+
onReset: A
|
|
794
|
+
}), { action: ({ cols: e, spans: T }) => (I.suffix = e < T + I.span, createVNode(NFlex, {
|
|
795
|
+
justify: I.suffix ? "end" : "start",
|
|
789
796
|
align: "center"
|
|
790
797
|
}, { default: () => [
|
|
791
|
-
|
|
798
|
+
P && I.suffix ? createVNode(NButton, {
|
|
792
799
|
class: "collapsedBtn",
|
|
793
800
|
text: !0,
|
|
794
801
|
type: "primary",
|
|
795
802
|
iconPlacement: "right",
|
|
796
|
-
renderIcon:
|
|
797
|
-
onClick: () =>
|
|
798
|
-
}, { default: () => [
|
|
799
|
-
|
|
803
|
+
renderIcon: j.value ? IDown : IUp,
|
|
804
|
+
onClick: () => N(!j.value)
|
|
805
|
+
}, { default: () => [j.value ? D("common.page.filter.expand") : D("common.page.filter.collapse")] }) : void 0,
|
|
806
|
+
I.suffix ? void 0 : createVNode("span", null, [createTextVNode("\xA0\xA0\xA0\xA0")]),
|
|
800
807
|
createVNode(NButton, {
|
|
801
808
|
class: "submitWrap",
|
|
802
809
|
attrType: "submit",
|
|
803
810
|
type: "primary",
|
|
804
811
|
disabled: b.disabled,
|
|
805
812
|
loading: b.loading
|
|
806
|
-
}, { default: () => [x ||
|
|
813
|
+
}, { default: () => [x || D("common.page.filter.submitText")] }),
|
|
807
814
|
createVNode(NButton, {
|
|
808
815
|
attrType: "reset",
|
|
809
816
|
disabled: b.disabled || b.loading
|
|
810
|
-
}, { default: () => [C ||
|
|
817
|
+
}, { default: () => [C || D("common.page.form.resetText")] }),
|
|
811
818
|
w ? createVNode(DataCustom, {
|
|
812
819
|
isFilter: !0,
|
|
813
820
|
keyField: "name",
|
|
814
821
|
showFixed: !1,
|
|
815
822
|
data: L.items,
|
|
816
|
-
onSave:
|
|
823
|
+
onSave: E,
|
|
817
824
|
onCustom: (e) => S("custom", e),
|
|
818
825
|
size: 16,
|
|
819
826
|
type: "primary"
|
|
@@ -930,33 +937,37 @@ const DataLocaleInput = /* @__PURE__ */ defineComponent({
|
|
|
930
937
|
10,
|
|
931
938
|
50,
|
|
932
939
|
100,
|
|
940
|
+
200,
|
|
933
941
|
500
|
|
934
942
|
]
|
|
935
943
|
}
|
|
936
944
|
},
|
|
937
945
|
emits: { change: () => !0 },
|
|
938
946
|
setup(b, { emit: x }) {
|
|
939
|
-
let { t: S } = useI18n(), C = useRoute(), w = (e) => x("change", {
|
|
947
|
+
let { t: S } = useI18n(), C = useRoute(), w = useApp(), T = (e) => x("change", {
|
|
940
948
|
pageSize: b.pageSize ?? b.page?.pageSize ?? 0,
|
|
941
949
|
currentPage: e
|
|
942
|
-
}),
|
|
950
|
+
}), E = (e) => {
|
|
943
951
|
let S = C.name + "__page";
|
|
944
952
|
request.post("/api/v1/otwb-cloud-uc/cli/module/custom-config/save", {
|
|
945
953
|
__page: e,
|
|
946
954
|
url: C.name
|
|
947
|
-
}, {
|
|
955
|
+
}, {
|
|
956
|
+
requestType: "json",
|
|
957
|
+
headers: { Authorization: `Bearer ${w.auth.token}` }
|
|
958
|
+
}).then((b) => {
|
|
948
959
|
localStorage.setItem(S, e);
|
|
949
960
|
}), x("change", {
|
|
950
961
|
pageSize: e,
|
|
951
962
|
currentPage: b.currentPage ?? b.page?.currentPage ?? 0
|
|
952
963
|
});
|
|
953
|
-
},
|
|
954
|
-
return localStorage.getItem(
|
|
964
|
+
}, D = C.name + "__page";
|
|
965
|
+
return localStorage.getItem(D) && (b.page.pageSize = localStorage.getItem(D)), () => createVNode(NPagination, {
|
|
955
966
|
page: b.currentPage ?? b.page?.currentPage,
|
|
956
967
|
itemCount: b.total,
|
|
957
968
|
pageSize: b.pageSize ?? b.page?.pageSize,
|
|
958
|
-
onUpdatePage:
|
|
959
|
-
onUpdatePageSize:
|
|
969
|
+
onUpdatePage: T,
|
|
970
|
+
onUpdatePageSize: E,
|
|
960
971
|
pageSizes: b.pageSizes,
|
|
961
972
|
showQuickJumper: !0,
|
|
962
973
|
showSizePicker: !0,
|
package/dist/components.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import "./use-i18n-Dx7V4KrY.js";
|
|
2
2
|
import "./directives-CRvPGywW.js";
|
|
3
3
|
import "./use-style-DcT-1dj4.js";
|
|
4
|
-
import { a as NRadios, c as DataSelection, d as useLocaleEdit, f as DataFilter, g as NCheckboxes, h as DataActions, i as renderUsers, l as DataPagination, m as DataCustom, n as DtUserDept, o as DataTable, p as DataForm, r as DtUserRender, s as useDataTableDrag, t as DtDeptRender, u as DataLocaleInput } from "./components-
|
|
4
|
+
import { a as NRadios, c as DataSelection, d as useLocaleEdit, f as DataFilter, g as NCheckboxes, h as DataActions, i as renderUsers, l as DataPagination, m as DataCustom, n as DtUserDept, o as DataTable, p as DataForm, r as DtUserRender, s as useDataTableDrag, t as DtDeptRender, u as DataLocaleInput } from "./components-BM8_ejhG.js";
|
|
5
5
|
export { DataActions, DataCustom, DataFilter, DataForm, DataLocaleInput, DataPagination, DataSelection, DataTable, DtDeptRender, DtUserDept, DtUserRender, NCheckboxes, NRadios, renderUsers, useDataTableDrag, useLocaleEdit };
|
package/dist/page.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { n as useI18n } from "./use-i18n-Dx7V4KrY.js";
|
|
2
2
|
import "./directives-CRvPGywW.js";
|
|
3
3
|
import "./use-style-DcT-1dj4.js";
|
|
4
|
-
import { a as NRadios, g as NCheckboxes, n as DtUserDept, p as DataForm, r as DtUserRender, t as DtDeptRender } from "./components-
|
|
4
|
+
import { a as NRadios, g as NCheckboxes, n as DtUserDept, p as DataForm, r as DtUserRender, t as DtDeptRender } from "./components-BM8_ejhG.js";
|
|
5
5
|
import { computed, createVNode, defineComponent, h, isVNode, mergeProps, nextTick, ref, shallowRef, unref } from "vue";
|
|
6
6
|
import { until } from "@vueuse/core";
|
|
7
7
|
import { NButton, NCheckbox, NColorPicker, NDatePicker, NDrawer, NDrawerContent, NFlex, NInput, NInputNumber, NModal, NScrollbar, NSelect, NText, NUpload, useMessage } from "ithinkdt-ui";
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@otwb/ui",
|
|
3
|
-
"version": "2.0.
|
|
3
|
+
"version": "2.0.37",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"description": "otwb UI",
|
|
@@ -65,7 +65,8 @@
|
|
|
65
65
|
"nanoid": "^5.1.6",
|
|
66
66
|
"sortablejs": "^1.15.6",
|
|
67
67
|
"vueuc": "^0.4.65",
|
|
68
|
-
"@otwb/common": "^2.0.7"
|
|
68
|
+
"@otwb/common": "^2.0.7",
|
|
69
|
+
"@otwb/app": "^2.0.2"
|
|
69
70
|
},
|
|
70
71
|
"peerDependencies": {
|
|
71
72
|
"@otwb/page": ">=4.0",
|