@kp-ui/lowcode-pc-v2 0.0.1 → 0.0.2
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/core/src/components/common/render/LowcodeRenderProvider.vue_vue_type_script_setup_true_lang.js +3 -5
- package/core/src/components/common/render/RenderWidgetList.vue_vue_type_script_setup_true_lang.js +3 -5
- package/core/src/components/common/render/usePageContext.js +25 -30
- package/core/src/hooks/useAppRef.js +5 -4
- package/core/src/hooks/useFactoryRender.js +4 -2
- package/core/src/hooks/useField.js +497 -424
- package/core/src/hooks/useLowcode.js +64 -89
- package/core/src/hooks/useRemoteData.js +35 -41
- package/core/src/hooks/useSelect.js +4 -2
- package/core/src/utils/i18n.js +1 -15
- package/core/src/utils/smart-vue-i18n/index.js +38 -39
- package/package.json +36 -36
- package/src/components/public/ActionButtonListRender.vue_vue_type_script_lang.js +26 -32
- package/src/components/public/ConfigView/CustomPageRender.vue_vue_type_script_setup_true_lang.js +7 -7
- package/src/components/public/CustomerModal/CustomerModal.vue_vue_type_script_setup_true_lang.js +13 -24
- package/src/components/public/CustomerModal/useCustomerModal.js +6 -7
- package/src/components/public/DataTableColumnDialog.vue_vue_type_script_setup_true_name_DataTableColumnDialog_lang.js +36 -38
- package/src/hooks/useTableWidget.js +39 -44
- package/src/render/index.vue_vue_type_script_setup_true_lang.js +9 -6
- package/src/widgets/advanced/code-editor/index.vue_vue_type_script_setup_true_lang.js +4 -6
- package/src/widgets/advanced/code-editor/schema.js +8 -8
- package/src/widgets/advanced/custom-render/index.vue_vue_type_script_setup_true_lang.js +4 -6
- package/src/widgets/advanced/custom-render/schema.js +7 -5
- package/src/widgets/advanced/data-table/index.vue_vue_type_script_setup_true_lang.js +7 -7
- package/src/widgets/advanced/data-table/schema.js +3 -3
- package/src/widgets/advanced/file-upload/index.vue_vue_type_script_setup_true_lang.js +35 -37
- package/src/widgets/advanced/file-upload/schema.js +11 -8
- package/src/widgets/advanced/rich-editor/index.vue_vue_type_script_setup_true_lang.js +4 -6
- package/src/widgets/advanced/rich-editor/schema.js +10 -9
- package/src/widgets/advanced/tree/index.vue_vue_type_script_setup_true_lang.js +4 -6
- package/src/widgets/advanced/tree/schema.js +11 -8
- package/src/widgets/advanced/tree-select/index.vue_vue_type_script_setup_true_lang.js +6 -7
- package/src/widgets/advanced/tree-select/schema.js +11 -10
- package/src/widgets/base/button/index.vue_vue_type_script_setup_true_lang.js +7 -6
- package/src/widgets/base/button/schema.js +0 -1
- package/src/widgets/base/button-list/index.vue_vue_type_script_setup_true_lang.js +3 -5
- package/src/widgets/base/button-list/schema.js +0 -1
- package/src/widgets/base/cascader/index.vue_vue_type_script_setup_true_lang.js +8 -8
- package/src/widgets/base/cascader/schema.js +9 -9
- package/src/widgets/base/checkbox/index.vue_vue_type_script_setup_true_lang.js +4 -6
- package/src/widgets/base/checkbox/schema.js +9 -9
- package/src/widgets/base/color/index.vue_vue_type_script_setup_true_lang.js +4 -6
- package/src/widgets/base/color/schema.js +7 -7
- package/src/widgets/base/date/index.vue_vue_type_script_setup_true_lang.js +5 -7
- package/src/widgets/base/date/schema.js +8 -8
- package/src/widgets/base/date-range/index.vue_vue_type_script_setup_true_lang.js +5 -7
- package/src/widgets/base/date-range/schema.js +8 -8
- package/src/widgets/base/divider/index.vue_vue_type_script_setup_true_lang.js +3 -5
- package/src/widgets/base/divider/schema.js +0 -1
- package/src/widgets/base/html/index.vue_vue_type_script_setup_true_lang.js +3 -5
- package/src/widgets/base/html/schema.js +6 -6
- package/src/widgets/base/input/index.vue_vue_type_script_setup_true_lang.js +12 -18
- package/src/widgets/base/input/schema.js +11 -8
- package/src/widgets/base/number/index.vue_vue_type_script_setup_true_lang.js +8 -7
- package/src/widgets/base/number/schema.js +8 -8
- package/src/widgets/base/radio/index.vue_vue_type_script_setup_true_lang.js +4 -6
- package/src/widgets/base/radio/schema.js +9 -9
- package/src/widgets/base/rate/index.vue_vue_type_script_setup_true_lang.js +4 -6
- package/src/widgets/base/rate/schema.js +8 -8
- package/src/widgets/base/select/index.vue_vue_type_script_setup_true_lang.js +17 -20
- package/src/widgets/base/select/schema.js +12 -9
- package/src/widgets/base/slider/index.vue_vue_type_script_setup_true_lang.js +5 -7
- package/src/widgets/base/slider/schema.js +7 -7
- package/src/widgets/base/static-text/index.vue_vue_type_script_setup_true_lang.js +3 -5
- package/src/widgets/base/static-text/schema.js +0 -1
- package/src/widgets/base/switch/index.vue_vue_type_script_setup_true_lang.js +5 -7
- package/src/widgets/base/switch/schema.js +7 -7
- package/src/widgets/base/textarea/index.vue_vue_type_script_setup_true_lang.js +8 -7
- package/src/widgets/base/textarea/schema.js +8 -8
- package/src/widgets/base/time/index.vue_vue_type_script_setup_true_lang.js +7 -8
- package/src/widgets/base/time/schema.js +8 -8
- package/src/widgets/base/time-range/index.vue_vue_type_script_setup_true_lang.js +8 -7
- package/src/widgets/base/time-range/schema.js +8 -8
- package/src/widgets/containers/box/index-render.vue_vue_type_script_setup_true_lang.js +4 -6
- package/src/widgets/containers/box/schema.js +0 -1
- package/src/widgets/containers/collapse/index-render.vue_vue_type_script_setup_true_lang.js +4 -6
- package/src/widgets/containers/collapse/schema.js +0 -1
- package/src/widgets/containers/dialog/index-render.vue_vue_type_script_setup_true_lang.js +19 -35
- package/src/widgets/containers/dialog/schema.js +0 -1
- package/src/widgets/containers/form/index-render.vue_vue_type_script_setup_true_lang.js +4 -6
- package/src/widgets/containers/form/schema.js +6 -6
- package/src/widgets/containers/grid/index-render.vue_vue_type_script_setup_true_lang.js +3 -5
- package/src/widgets/containers/grid/schema.js +0 -1
- package/src/widgets/containers/grid-col/index-render.vue_vue_type_script_setup_true_lang.js +3 -5
- package/src/widgets/containers/grid-col/schema.js +0 -1
- package/src/widgets/containers/list/index-render.vue_vue_type_script_setup_true_lang.js +36 -53
- package/src/widgets/containers/list/schema.js +3 -3
- package/src/widgets/containers/space/index-render.vue_vue_type_script_setup_true_lang.js +4 -6
- package/src/widgets/containers/tab/index-render.vue_vue_type_script_setup_true_lang.js +11 -19
- package/src/widgets/containers/tab/schema.js +0 -1
- package/src/widgets/containers/tab-pane/index-render.vue_vue_type_script_setup_true_lang.js +3 -5
- package/src/widgets/containers/tab-pane/schema.js +0 -1
- package/src/widgets/template/SecondaryPage/index-render.vue_vue_type_script_setup_true_lang.js +4 -6
- package/src/widgets/template/SecondaryPage/schema.js +0 -1
- package/src/widgets/wrapper/form-item-wrapper.vue_vue_type_script_setup_true_lang.js +3 -3
- package/stats.html +1 -1
package/src/components/public/CustomerModal/CustomerModal.vue_vue_type_script_setup_true_lang.js
CHANGED
|
@@ -3,10 +3,8 @@ import { useLowcode } from "../../../../core/src/hooks/useLowcode.js";
|
|
|
3
3
|
import ActionButtonListRender_default from "../ActionButtonListRender.js";
|
|
4
4
|
import render_default from "../../../render/index.js";
|
|
5
5
|
import { computed, createBlock, createVNode, defineComponent, mergeProps, nextTick, onMounted, openBlock, ref, unref, useAttrs, withCtx } from "vue";
|
|
6
|
-
import _objectSpread from "@oxc-project/runtime/helpers/objectSpread2";
|
|
7
6
|
import { Skeleton } from "ant-design-vue";
|
|
8
7
|
import { TpfConfigProvider, TpfModal } from "tmgc2-share";
|
|
9
|
-
import _asyncToGenerator from "@oxc-project/runtime/helpers/asyncToGenerator";
|
|
10
8
|
//#region src/components/public/CustomerModal/CustomerModal.vue?vue&type=script&setup=true&lang.tsx
|
|
11
9
|
var CustomerModal_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
|
|
12
10
|
__name: "CustomerModal",
|
|
@@ -30,10 +28,11 @@ var CustomerModal_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
|
|
|
30
28
|
const emit = __emit;
|
|
31
29
|
const vfCtx = computed(() => {
|
|
32
30
|
var _attrs$row;
|
|
33
|
-
return
|
|
31
|
+
return {
|
|
34
32
|
_id: (attrs === null || attrs === void 0 || (_attrs$row = attrs.row) === null || _attrs$row === void 0 || (_attrs$row = _attrs$row.record) === null || _attrs$row === void 0 ? void 0 : _attrs$row._id) || null,
|
|
35
|
-
type: props.type
|
|
36
|
-
|
|
33
|
+
type: props.type,
|
|
34
|
+
...attrs
|
|
35
|
+
};
|
|
37
36
|
});
|
|
38
37
|
const isDisabled = ref(false);
|
|
39
38
|
const { vfdRef, formConfig, getPageJson, isLoading } = useLowcode();
|
|
@@ -45,16 +44,11 @@ var CustomerModal_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
|
|
|
45
44
|
if (props.type === "view") return "查看";
|
|
46
45
|
return "新增";
|
|
47
46
|
});
|
|
48
|
-
const show =
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
});
|
|
54
|
-
return function show() {
|
|
55
|
-
return _ref.apply(this, arguments);
|
|
56
|
-
};
|
|
57
|
-
}();
|
|
47
|
+
const show = async () => {
|
|
48
|
+
visible.value = true;
|
|
49
|
+
await nextTick();
|
|
50
|
+
await getPageJson(props.formCode);
|
|
51
|
+
};
|
|
58
52
|
const setleftText = (number) => {
|
|
59
53
|
leftNum.value = number;
|
|
60
54
|
};
|
|
@@ -68,15 +62,10 @@ var CustomerModal_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
|
|
|
68
62
|
visible.value = false;
|
|
69
63
|
emit("cancel");
|
|
70
64
|
};
|
|
71
|
-
const handleButtonClick =
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
});
|
|
76
|
-
return function handleButtonClick(_x) {
|
|
77
|
-
return _ref2.apply(this, arguments);
|
|
78
|
-
};
|
|
79
|
-
}();
|
|
65
|
+
const handleButtonClick = async ({ item, result }) => {
|
|
66
|
+
if (item.name === "cancelButton") return handleCloseDialog();
|
|
67
|
+
if (result !== false) handleCloseDialog();
|
|
68
|
+
};
|
|
80
69
|
__expose({
|
|
81
70
|
handleCloseDialog,
|
|
82
71
|
i18nt,
|
|
@@ -1,10 +1,7 @@
|
|
|
1
1
|
import { createVNode, defineAsyncComponent, render } from "vue";
|
|
2
|
-
import _objectSpread from "@oxc-project/runtime/helpers/objectSpread2";
|
|
3
|
-
import _objectWithoutProperties from "@oxc-project/runtime/helpers/objectWithoutProperties";
|
|
4
2
|
//#region src/components/public/CustomerModal/useCustomerModal.tsx
|
|
5
|
-
var _excluded = ["type", "formCode"];
|
|
6
3
|
var openCustomerModal = (ops, app) => {
|
|
7
|
-
const { type, formCode
|
|
4
|
+
const { type, formCode, ...args } = ops;
|
|
8
5
|
const div = document.createElement("div");
|
|
9
6
|
document.body.appendChild(div);
|
|
10
7
|
const Com = defineAsyncComponent(() => import("./CustomerModal.js"));
|
|
@@ -12,10 +9,12 @@ var openCustomerModal = (ops, app) => {
|
|
|
12
9
|
render(null, div);
|
|
13
10
|
div.remove();
|
|
14
11
|
};
|
|
15
|
-
const vnode = createVNode(Com,
|
|
12
|
+
const vnode = createVNode(Com, {
|
|
16
13
|
type,
|
|
17
|
-
formCode
|
|
18
|
-
|
|
14
|
+
formCode,
|
|
15
|
+
...args,
|
|
16
|
+
onCancel: hide
|
|
17
|
+
});
|
|
19
18
|
vnode.appContext = app._context;
|
|
20
19
|
render(vnode, div);
|
|
21
20
|
};
|
|
@@ -1,11 +1,9 @@
|
|
|
1
1
|
import { useTableColumnStore } from "../../../core/src/store/useTableColumnStore.js";
|
|
2
2
|
import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeModels, normalizeClass, normalizeStyle, openBlock, ref, renderList, resolveComponent, toDisplayString, unref, useModel, watch, withCtx } from "vue";
|
|
3
|
-
import _objectSpread from "@oxc-project/runtime/helpers/objectSpread2";
|
|
4
3
|
import { message } from "ant-design-vue";
|
|
5
4
|
import { SvgIcon, TpfModal } from "tmgc2-share";
|
|
6
5
|
import draggable from "vuedraggable";
|
|
7
6
|
import { cloneDeep } from "lodash-es";
|
|
8
|
-
import _asyncToGenerator from "@oxc-project/runtime/helpers/asyncToGenerator";
|
|
9
7
|
import { useI18n } from "@kp-ui/i18n";
|
|
10
8
|
import { SearchOutlined } from "@ant-design/icons-vue";
|
|
11
9
|
import TpfDelConfirm$1 from "tmgc2-share/src/components/TpfModal/TpfDelConfirm";
|
|
@@ -26,7 +24,10 @@ var DataTableColumnDialog_vue_vue_type_script_setup_true_name_DataTableColumnDia
|
|
|
26
24
|
pageCode: { default: "" },
|
|
27
25
|
tableId: { default: "" }
|
|
28
26
|
}, {
|
|
29
|
-
"visible":
|
|
27
|
+
"visible": {
|
|
28
|
+
type: Boolean,
|
|
29
|
+
default: false
|
|
30
|
+
},
|
|
30
31
|
"visibleModifiers": {}
|
|
31
32
|
}),
|
|
32
33
|
emits: /* @__PURE__ */ mergeModels(["update"], ["update:visible"]),
|
|
@@ -76,31 +77,32 @@ var DataTableColumnDialog_vue_vue_type_script_setup_true_name_DataTableColumnDia
|
|
|
76
77
|
const selectList = unref(rightShowColumns);
|
|
77
78
|
const unSelectList = [];
|
|
78
79
|
unref(initColumn).forEach((item) => {
|
|
79
|
-
if (!unref(selectList).some((it) => it.dataIndex === item.dataIndex)) unSelectList.push(
|
|
80
|
+
if (!unref(selectList).some((it) => it.dataIndex === item.dataIndex)) unSelectList.push({
|
|
81
|
+
...item,
|
|
82
|
+
visible: false
|
|
83
|
+
});
|
|
80
84
|
});
|
|
81
|
-
return [...selectList, ...unSelectList].map((item, index) =>
|
|
85
|
+
return [...selectList, ...unSelectList].map((item, index) => ({
|
|
86
|
+
...item,
|
|
87
|
+
displayOrdinal: index
|
|
88
|
+
}));
|
|
82
89
|
};
|
|
83
90
|
const restColum = () => {
|
|
84
91
|
tableColumns.value = cloneDeep(unref(initColumn));
|
|
85
92
|
getRightShowColumns();
|
|
86
93
|
updateCheckAll();
|
|
87
94
|
};
|
|
88
|
-
const restPageJson =
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
});
|
|
100
|
-
return function restPageJson() {
|
|
101
|
-
return _ref.apply(this, arguments);
|
|
102
|
-
};
|
|
103
|
-
}();
|
|
95
|
+
const restPageJson = async () => {
|
|
96
|
+
const storageKey = props.pageCode || props.tableId;
|
|
97
|
+
if (!storageKey) {
|
|
98
|
+
message.warning(t("lang.未配置 pageCode 或 tableId"));
|
|
99
|
+
return;
|
|
100
|
+
}
|
|
101
|
+
await TpfDelConfirm$1({ content: t("lang.确定清除缓存记录吗") });
|
|
102
|
+
tableColumnStore.clearTableConfig(storageKey);
|
|
103
|
+
message.success(t("lang.清除成功"));
|
|
104
|
+
window.location.reload();
|
|
105
|
+
};
|
|
104
106
|
const onCancel = () => {
|
|
105
107
|
visible.value = false;
|
|
106
108
|
};
|
|
@@ -149,29 +151,25 @@ var DataTableColumnDialog_vue_vue_type_script_setup_true_name_DataTableColumnDia
|
|
|
149
151
|
if (storedColumnList.length === 0) return cloneDeep(props.columns);
|
|
150
152
|
return cloneDeep(props.columns).map((col) => {
|
|
151
153
|
const stored = storedColumnList.find((item) => item.dataIndex === col.dataIndex);
|
|
152
|
-
if (stored) return
|
|
154
|
+
if (stored) return {
|
|
155
|
+
...col,
|
|
153
156
|
visible: stored.visible !== false,
|
|
154
157
|
fixed: stored.fixed,
|
|
155
158
|
displayOrdinal: stored.displayOrdinal
|
|
156
|
-
}
|
|
159
|
+
};
|
|
157
160
|
return col;
|
|
158
161
|
});
|
|
159
162
|
};
|
|
160
|
-
watch(() => visible.value,
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
});
|
|
171
|
-
return function(_x) {
|
|
172
|
-
return _ref2.apply(this, arguments);
|
|
173
|
-
};
|
|
174
|
-
}(), { immediate: true });
|
|
163
|
+
watch(() => visible.value, async (val) => {
|
|
164
|
+
if (val) {
|
|
165
|
+
const columnsConfig = restoreColumnFromStorage();
|
|
166
|
+
tableColumns.value = columnsConfig;
|
|
167
|
+
initColumn.value = columnsConfig;
|
|
168
|
+
getRightShowColumns();
|
|
169
|
+
sortRightColumns();
|
|
170
|
+
updateCheckAll();
|
|
171
|
+
}
|
|
172
|
+
}, { immediate: true });
|
|
175
173
|
__expose({
|
|
176
174
|
open,
|
|
177
175
|
restColum
|
|
@@ -6,11 +6,9 @@ import { useFactoryRender } from "../../core/src/hooks/useFactoryRender.js";
|
|
|
6
6
|
import { useTableColumnStore } from "../../core/src/store/useTableColumnStore.js";
|
|
7
7
|
import ActionButtonListRender_default from "../components/public/ActionButtonListRender.js";
|
|
8
8
|
import { computed, h, inject, isVNode, ref, watchEffect } from "vue";
|
|
9
|
-
import _objectSpread from "@oxc-project/runtime/helpers/objectSpread2";
|
|
10
9
|
import { message } from "ant-design-vue";
|
|
11
10
|
import { CustomItemRender, TpfDelConfirm, tranformAntSizzVxetableSize, tranformAntTableColumnToVxetableColumn, useExecFunction } from "tmgc2-share";
|
|
12
11
|
import { cloneDeep, isArray, omit } from "lodash-es";
|
|
13
|
-
import _asyncToGenerator from "@oxc-project/runtime/helpers/asyncToGenerator";
|
|
14
12
|
//#region src/hooks/useTableWidget.ts
|
|
15
13
|
function useTableWidget({ widget, fieldModel, designState = false }) {
|
|
16
14
|
const tableRef = ref();
|
|
@@ -56,7 +54,10 @@ function useTableWidget({ widget, fieldModel, designState = false }) {
|
|
|
56
54
|
}
|
|
57
55
|
};
|
|
58
56
|
const handleUpdateColumns = (newColumns) => {
|
|
59
|
-
if (widget.props.tableColumns) widget.props.tableColumns = newColumns.map((col) =>
|
|
57
|
+
if (widget.props.tableColumns) widget.props.tableColumns = newColumns.map((col) => ({
|
|
58
|
+
...col,
|
|
59
|
+
show: col.visible !== false
|
|
60
|
+
}));
|
|
60
61
|
initColumnList();
|
|
61
62
|
};
|
|
62
63
|
const columns = computed(() => {
|
|
@@ -138,26 +139,29 @@ function useTableWidget({ widget, fieldModel, designState = false }) {
|
|
|
138
139
|
delete item.width;
|
|
139
140
|
} else item.width = isNaN(Number(item.width)) ? item.width : Number(item.width);
|
|
140
141
|
if (!customRenderFn) return item;
|
|
141
|
-
return
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
142
|
+
return {
|
|
143
|
+
...res,
|
|
144
|
+
slots: { default(scope) {
|
|
145
|
+
var _widget$props3;
|
|
146
|
+
const Com = executeFunction({
|
|
147
|
+
source: widget === null || widget === void 0 || (_widget$props3 = widget.props) === null || _widget$props3 === void 0 ? void 0 : _widget$props3.name,
|
|
148
|
+
functionBody: customRenderFn,
|
|
149
|
+
params: {
|
|
150
|
+
scope,
|
|
151
|
+
column: scope.column,
|
|
152
|
+
index: scope.rowIndex,
|
|
153
|
+
record: scope.row,
|
|
154
|
+
h: factoryRender
|
|
155
|
+
},
|
|
156
|
+
keys: getEventParams("customRender", widget.type),
|
|
157
|
+
errorCallback: (error) => {
|
|
158
|
+
console.error("Custom render error:", error);
|
|
159
|
+
}
|
|
160
|
+
});
|
|
161
|
+
if (isVNode(Com)) return h(CustomItemRender, { is: Com });
|
|
162
|
+
return Com;
|
|
163
|
+
} }
|
|
164
|
+
};
|
|
161
165
|
};
|
|
162
166
|
const tableSize = computed(() => widget.props.tableSize);
|
|
163
167
|
const onSortChange = () => {
|
|
@@ -204,14 +208,9 @@ function useTableWidget({ widget, fieldModel, designState = false }) {
|
|
|
204
208
|
const setTableRef = (_tableRef) => {
|
|
205
209
|
tableRef.value = _tableRef;
|
|
206
210
|
};
|
|
207
|
-
const initTableSoureData =
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
});
|
|
211
|
-
return function initTableSoureData() {
|
|
212
|
-
return _ref2.apply(this, arguments);
|
|
213
|
-
};
|
|
214
|
-
}();
|
|
211
|
+
const initTableSoureData = async () => {
|
|
212
|
+
await loadData();
|
|
213
|
+
};
|
|
215
214
|
watchEffect(() => {
|
|
216
215
|
fieldModel.value = data.value || [];
|
|
217
216
|
});
|
|
@@ -266,25 +265,21 @@ function useTableWidget({ widget, fieldModel, designState = false }) {
|
|
|
266
265
|
const setTableColumns = (data) => {
|
|
267
266
|
widget.props.tableColumns = data;
|
|
268
267
|
};
|
|
268
|
+
const delSelectRow = async (delKeys) => {
|
|
269
|
+
if (!delKeys.length) return;
|
|
270
|
+
try {
|
|
271
|
+
await TpfDelConfirm({ content: i18nt("确定删除选中的数据吗") });
|
|
272
|
+
setValue(fieldModel.value.filter((item) => !(delKeys === null || delKeys === void 0 ? void 0 : delKeys.includes(item[rowKey.value]))));
|
|
273
|
+
message.success(i18nt("操作成功"));
|
|
274
|
+
} catch (_unused) {}
|
|
275
|
+
};
|
|
269
276
|
return {
|
|
270
277
|
loading,
|
|
271
278
|
showColumnManager,
|
|
272
279
|
rowKey,
|
|
273
280
|
onCheckboxChange,
|
|
274
281
|
tableDefinExpoed: {
|
|
275
|
-
delSelectRow
|
|
276
|
-
var _ref3 = _asyncToGenerator(function* (delKeys) {
|
|
277
|
-
if (!delKeys.length) return;
|
|
278
|
-
try {
|
|
279
|
-
yield TpfDelConfirm({ content: i18nt("确定删除选中的数据吗") });
|
|
280
|
-
setValue(fieldModel.value.filter((item) => !(delKeys === null || delKeys === void 0 ? void 0 : delKeys.includes(item[rowKey.value]))));
|
|
281
|
-
message.success(i18nt("操作成功"));
|
|
282
|
-
} catch (_unused) {}
|
|
283
|
-
});
|
|
284
|
-
return function delSelectRow(_x) {
|
|
285
|
-
return _ref3.apply(this, arguments);
|
|
286
|
-
};
|
|
287
|
-
}(),
|
|
282
|
+
delSelectRow,
|
|
288
283
|
getTableColumns,
|
|
289
284
|
setTableColumns,
|
|
290
285
|
setValue,
|
|
@@ -4,7 +4,6 @@ import { usePageContext } from "../../core/src/components/common/render/usePageC
|
|
|
4
4
|
import RenderWidgetList_default from "../../core/src/components/common/render/RenderWidgetList.js";
|
|
5
5
|
import { getRenderWidget } from "../widgets/render.js";
|
|
6
6
|
import { computed, createBlock, createCommentVNode, createElementBlock, createVNode, defineComponent, isRef, onMounted, openBlock, ref, unref, watchEffect, withCtx } from "vue";
|
|
7
|
-
import _objectSpread from "@oxc-project/runtime/helpers/objectSpread2";
|
|
8
7
|
import { Skeleton } from "ant-design-vue";
|
|
9
8
|
import { getLocat } from "@kp-ui/tool";
|
|
10
9
|
//#region src/render/index.vue?vue&type=script&setup=true&lang.ts
|
|
@@ -12,11 +11,10 @@ var _hoisted_1 = {
|
|
|
12
11
|
key: 0,
|
|
13
12
|
class: "loading-wrapper"
|
|
14
13
|
};
|
|
15
|
-
var index_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent(
|
|
14
|
+
var index_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
|
|
16
15
|
name: "VFormRender",
|
|
17
16
|
componentName: "VFormRender",
|
|
18
|
-
inheritAttrs: false
|
|
19
|
-
}), {}, {
|
|
17
|
+
inheritAttrs: false,
|
|
20
18
|
__name: "index",
|
|
21
19
|
props: {
|
|
22
20
|
vfCtx: { default: () => ({}) },
|
|
@@ -41,7 +39,12 @@ var index_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
|
|
|
41
39
|
watchEffect(() => {
|
|
42
40
|
if (props.formJson) formContext.setFormJson(props.formJson);
|
|
43
41
|
});
|
|
44
|
-
__expose(
|
|
42
|
+
__expose({
|
|
43
|
+
formWidgetId,
|
|
44
|
+
...emitter,
|
|
45
|
+
...formContext.expose,
|
|
46
|
+
formJson: props.formJson
|
|
47
|
+
});
|
|
45
48
|
return (_ctx, _cache) => {
|
|
46
49
|
return openBlock(), createBlock(unref(LowcodeRenderProvider_default), {
|
|
47
50
|
getWidget: unref(getRenderWidget),
|
|
@@ -64,6 +67,6 @@ var index_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
|
|
|
64
67
|
}, 8, ["getWidget", "context"]);
|
|
65
68
|
};
|
|
66
69
|
}
|
|
67
|
-
})
|
|
70
|
+
});
|
|
68
71
|
//#endregion
|
|
69
72
|
export { index_vue_vue_type_script_setup_true_lang_default as default };
|
|
@@ -2,18 +2,16 @@ import { ComponentNameEnum } from "../../../../core/src/constants/WidgetTypeEnum
|
|
|
2
2
|
import { useField } from "../../../../core/src/hooks/useField.js";
|
|
3
3
|
import form_item_wrapper_default from "../../wrapper/form-item-wrapper.js";
|
|
4
4
|
import { createBlock, createCommentVNode, createVNode, defineComponent, isRef, normalizeClass, openBlock, unref, withCtx } from "vue";
|
|
5
|
-
import _objectSpread from "@oxc-project/runtime/helpers/objectSpread2";
|
|
6
5
|
import { CodeEditor } from "tmgc2-share";
|
|
7
6
|
//#region src/widgets/advanced/code-editor/index.vue?vue&type=script&setup=true&lang.ts
|
|
8
|
-
var index_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent(
|
|
7
|
+
var index_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
|
|
9
8
|
name: "code-editor-widget",
|
|
10
|
-
componentName: ComponentNameEnum.FieldWidget
|
|
11
|
-
}), {}, {
|
|
9
|
+
componentName: ComponentNameEnum.FieldWidget,
|
|
12
10
|
__name: "index",
|
|
13
11
|
props: { widget: {} },
|
|
14
12
|
setup(__props, { expose: __expose }) {
|
|
15
13
|
const { rules, designState, fieldModel, isReadMode, handleHidden, defineExposed } = useField(__props.widget);
|
|
16
|
-
__expose(
|
|
14
|
+
__expose({ ...defineExposed });
|
|
17
15
|
return (_ctx, _cache) => {
|
|
18
16
|
return !unref(handleHidden) ? (openBlock(), createBlock(form_item_wrapper_default, {
|
|
19
17
|
key: 0,
|
|
@@ -40,6 +38,6 @@ var index_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
|
|
|
40
38
|
])) : createCommentVNode("", true);
|
|
41
39
|
};
|
|
42
40
|
}
|
|
43
|
-
})
|
|
41
|
+
});
|
|
44
42
|
//#endregion
|
|
45
43
|
export { index_vue_vue_type_script_setup_true_lang_default as default };
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { WidgetType } from "../../widgetTypes.js";
|
|
2
2
|
import { createFieldProps, defaultFieldEvents, defaultValidationConfig } from "../../../schemas/defaults/field.js";
|
|
3
|
-
import _objectSpread from "@oxc-project/runtime/helpers/objectSpread2";
|
|
4
3
|
//#region src/widgets/advanced/code-editor/schema.ts
|
|
5
4
|
/** CodeEditor Widget 默认值 */
|
|
6
5
|
var CodeEditor = {
|
|
@@ -8,19 +7,20 @@ var CodeEditor = {
|
|
|
8
7
|
type: WidgetType.CodeEditor,
|
|
9
8
|
category: "field",
|
|
10
9
|
formItemFlag: true,
|
|
11
|
-
validation:
|
|
12
|
-
events:
|
|
10
|
+
validation: { ...defaultValidationConfig },
|
|
11
|
+
events: { ...defaultFieldEvents },
|
|
13
12
|
style: {},
|
|
14
|
-
props:
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
13
|
+
props: {
|
|
14
|
+
...createFieldProps({
|
|
15
|
+
label: "代码编辑器",
|
|
16
|
+
defaultValue: ""
|
|
17
|
+
}),
|
|
18
18
|
disabled: false,
|
|
19
19
|
height: 300,
|
|
20
20
|
language: "javascript",
|
|
21
21
|
theme: "vs",
|
|
22
22
|
readOnly: false
|
|
23
|
-
}
|
|
23
|
+
}
|
|
24
24
|
};
|
|
25
25
|
//#endregion
|
|
26
26
|
export { CodeEditor };
|
|
@@ -5,14 +5,12 @@ import { useFactoryRender } from "../../../../core/src/hooks/useFactoryRender.js
|
|
|
5
5
|
import { WidgetType, getWidgetName } from "../../widgetTypes.js";
|
|
6
6
|
import form_item_wrapper_default from "../../wrapper/form-item-wrapper.js";
|
|
7
7
|
import { createBlock, createCommentVNode, createElementVNode, defineComponent, h, isVNode, openBlock, resolveDynamicComponent, unref, withCtx } from "vue";
|
|
8
|
-
import _objectSpread from "@oxc-project/runtime/helpers/objectSpread2";
|
|
9
8
|
import { CustomItemRender } from "tmgc2-share";
|
|
10
9
|
//#region src/widgets/advanced/custom-render/index.vue?vue&type=script&setup=true&lang.ts
|
|
11
10
|
var _hoisted_1 = { class: "slot-wrapper-render" };
|
|
12
|
-
var index_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent(
|
|
11
|
+
var index_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
|
|
13
12
|
name: getWidgetName(WidgetType.CustomRender),
|
|
14
|
-
componentName: ComponentNameEnum.FieldWidget
|
|
15
|
-
}), {}, {
|
|
13
|
+
componentName: ComponentNameEnum.FieldWidget,
|
|
16
14
|
__name: "index",
|
|
17
15
|
props: { widget: {} },
|
|
18
16
|
setup(__props, { expose: __expose }) {
|
|
@@ -34,7 +32,7 @@ var index_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
|
|
|
34
32
|
});
|
|
35
33
|
return component;
|
|
36
34
|
};
|
|
37
|
-
__expose(
|
|
35
|
+
__expose({ ...defineExposed });
|
|
38
36
|
return (_ctx, _cache) => {
|
|
39
37
|
return !unref(handleHidden) ? (openBlock(), createBlock(form_item_wrapper_default, {
|
|
40
38
|
key: 0,
|
|
@@ -49,6 +47,6 @@ var index_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
|
|
|
49
47
|
}, 8, ["widget", "rules"])) : createCommentVNode("", true);
|
|
50
48
|
};
|
|
51
49
|
}
|
|
52
|
-
})
|
|
50
|
+
});
|
|
53
51
|
//#endregion
|
|
54
52
|
export { index_vue_vue_type_script_setup_true_lang_default as default };
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { WidgetType } from "../../widgetTypes.js";
|
|
2
2
|
import { createFieldProps } from "../../../schemas/defaults/field.js";
|
|
3
|
-
import _objectSpread from "@oxc-project/runtime/helpers/objectSpread2";
|
|
4
3
|
//#region src/widgets/advanced/custom-render/schema.ts
|
|
5
4
|
/** CustomRender Widget 默认值 */
|
|
6
5
|
var CustomRender = {
|
|
@@ -10,10 +9,13 @@ var CustomRender = {
|
|
|
10
9
|
formItemFlag: true,
|
|
11
10
|
events: { onMounted: "" },
|
|
12
11
|
style: {},
|
|
13
|
-
props:
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
12
|
+
props: {
|
|
13
|
+
...createFieldProps({
|
|
14
|
+
label: "自定义渲染",
|
|
15
|
+
defaultValue: ""
|
|
16
|
+
}),
|
|
17
|
+
customRender: "return null;"
|
|
18
|
+
}
|
|
17
19
|
};
|
|
18
20
|
//#endregion
|
|
19
21
|
export { CustomRender };
|
|
@@ -4,7 +4,6 @@ import { WidgetType, getWidgetName } from "../../widgetTypes.js";
|
|
|
4
4
|
import { useTableWidget } from "../../../hooks/useTableWidget.js";
|
|
5
5
|
import DataTableColumnDialog_default from "../../../components/public/DataTableColumnDialog.js";
|
|
6
6
|
import { createCommentVNode, createElementBlock, createVNode, defineComponent, onMounted, openBlock, ref, unref, watchEffect } from "vue";
|
|
7
|
-
import _objectSpread from "@oxc-project/runtime/helpers/objectSpread2";
|
|
8
7
|
import { SvgIcon, Table, useVxeTable } from "tmgc2-share";
|
|
9
8
|
//#region src/widgets/advanced/data-table/index.vue?vue&type=script&setup=true&lang.ts
|
|
10
9
|
var _hoisted_1 = {
|
|
@@ -15,10 +14,9 @@ var _hoisted_2 = {
|
|
|
15
14
|
key: 0,
|
|
16
15
|
class: "table-toolbar t-flex t-justify-end"
|
|
17
16
|
};
|
|
18
|
-
var index_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent(
|
|
17
|
+
var index_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
|
|
19
18
|
name: getWidgetName(WidgetType.DataTable),
|
|
20
|
-
componentName: ComponentNameEnum.FieldWidget
|
|
21
|
-
}), {}, {
|
|
19
|
+
componentName: ComponentNameEnum.FieldWidget,
|
|
22
20
|
__name: "index",
|
|
23
21
|
props: { widget: {} },
|
|
24
22
|
setup(__props, { expose: __expose }) {
|
|
@@ -77,7 +75,9 @@ var index_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
|
|
|
77
75
|
initTableSoureData();
|
|
78
76
|
initColumnList();
|
|
79
77
|
});
|
|
80
|
-
__expose(
|
|
78
|
+
__expose({
|
|
79
|
+
...defineExposed,
|
|
80
|
+
...tableDefinExpoed,
|
|
81
81
|
delSelectRow,
|
|
82
82
|
getFieldEditor,
|
|
83
83
|
selectRow,
|
|
@@ -88,7 +88,7 @@ var index_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
|
|
|
88
88
|
selectedRowInfo,
|
|
89
89
|
loadDataTableDataSource: initTableSoureData,
|
|
90
90
|
fieldEditor: tableRef
|
|
91
|
-
})
|
|
91
|
+
});
|
|
92
92
|
return (_ctx, _cache) => {
|
|
93
93
|
return !unref(handleHidden) ? (openBlock(), createElementBlock("div", _hoisted_1, [
|
|
94
94
|
unref(showColumnManager) ? (openBlock(), createElementBlock("div", _hoisted_2, [createVNode(unref(SvgIcon), {
|
|
@@ -127,6 +127,6 @@ var index_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
|
|
|
127
127
|
])) : createCommentVNode("", true);
|
|
128
128
|
};
|
|
129
129
|
}
|
|
130
|
-
})
|
|
130
|
+
});
|
|
131
131
|
//#endregion
|
|
132
132
|
export { index_vue_vue_type_script_setup_true_lang_default as default };
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { WidgetType } from "../../widgetTypes.js";
|
|
2
2
|
import { defaultDataSourceConfig } from "../../../schemas/defaults/field.js";
|
|
3
|
-
import _objectSpread from "@oxc-project/runtime/helpers/objectSpread2";
|
|
4
3
|
//#region src/widgets/advanced/data-table/schema.ts
|
|
5
4
|
var renderDefaultColumn = () => {
|
|
6
5
|
return [{
|
|
@@ -35,7 +34,8 @@ var DataTable = {
|
|
|
35
34
|
onTableChange: ""
|
|
36
35
|
},
|
|
37
36
|
children: [],
|
|
38
|
-
dataSource:
|
|
37
|
+
dataSource: {
|
|
38
|
+
...defaultDataSourceConfig,
|
|
39
39
|
loadingPage: true,
|
|
40
40
|
mapping: void 0,
|
|
41
41
|
pagination: {
|
|
@@ -49,7 +49,7 @@ var DataTable = {
|
|
|
49
49
|
pageSize: 2,
|
|
50
50
|
total: 0
|
|
51
51
|
}
|
|
52
|
-
}
|
|
52
|
+
},
|
|
53
53
|
props: {
|
|
54
54
|
name: "",
|
|
55
55
|
label: "data-table",
|