@kp-ui/lowcode-pc-v2 0.0.1 → 0.0.3
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/_virtual/virtual_svg-icons-register.js +21 -0
- 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 +24 -40
- 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/install.js +1 -1
- package/package.json +1 -1
- 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
|
@@ -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",
|
|
@@ -3,18 +3,15 @@ import { useField } from "../../../../core/src/hooks/useField.js";
|
|
|
3
3
|
import { WidgetType, getWidgetName } from "../../widgetTypes.js";
|
|
4
4
|
import form_item_wrapper_default from "../../wrapper/form-item-wrapper.js";
|
|
5
5
|
import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, isRef, normalizeClass, onMounted, openBlock, resolveComponent, unref, withCtx } from "vue";
|
|
6
|
-
import _objectSpread from "@oxc-project/runtime/helpers/objectSpread2";
|
|
7
6
|
import { message } from "ant-design-vue";
|
|
8
7
|
import { AttachmentRender, FileIcon, SvgIcon, TpfModal, useFilePreview, useFilesystemApi } from "tmgc2-share";
|
|
9
|
-
import _asyncToGenerator from "@oxc-project/runtime/helpers/asyncToGenerator";
|
|
10
8
|
import { UploadOutlined } from "@ant-design/icons-vue";
|
|
11
9
|
//#region src/widgets/advanced/file-upload/index.vue?vue&type=script&setup=true&lang.tsx
|
|
12
10
|
var _hoisted_1 = { key: 0 };
|
|
13
11
|
var _hoisted_2 = ["src"];
|
|
14
|
-
var index_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent(
|
|
12
|
+
var index_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
|
|
15
13
|
name: getWidgetName(WidgetType.FileUpload),
|
|
16
|
-
componentName: ComponentNameEnum.FieldWidget
|
|
17
|
-
}), {}, {
|
|
14
|
+
componentName: ComponentNameEnum.FieldWidget,
|
|
18
15
|
__name: "index",
|
|
19
16
|
props: { widget: {} },
|
|
20
17
|
setup(__props, { expose: __expose }) {
|
|
@@ -37,36 +34,37 @@ var index_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
|
|
|
37
34
|
var _fieldModel$value;
|
|
38
35
|
return (((_fieldModel$value = fieldModel.value) === null || _fieldModel$value === void 0 ? void 0 : _fieldModel$value.length) || 0) < (__props.widget.props.limit || 1);
|
|
39
36
|
});
|
|
40
|
-
const customRequest =
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
37
|
+
const customRequest = async (upload) => {
|
|
38
|
+
const { accept, maxSize } = __props.widget.props;
|
|
39
|
+
const file = upload.file;
|
|
40
|
+
const fileName = file.name;
|
|
41
|
+
const fieldTypesArr = accept.map((item) => item.toLowerCase());
|
|
42
|
+
const fieldTypes = fileName.slice(fileName.lastIndexOf("."));
|
|
43
|
+
if (!fieldTypesArr.includes(fieldTypes.toLowerCase())) return message.error(`目前仅支持${accept}格式的文件`);
|
|
44
|
+
if (maxSize && file.size > maxSize * 1024 * 1024) {
|
|
45
|
+
message.error(`文件大小不能超过${maxSize}M`);
|
|
46
|
+
return;
|
|
47
|
+
}
|
|
48
|
+
if (!handleOnBeforeUpload(file)) return;
|
|
49
|
+
loading.value = true;
|
|
50
|
+
try {
|
|
51
|
+
const res = await filesystemApi.uploadFileObject({ file });
|
|
52
|
+
const { fileName: name } = res.data.object;
|
|
53
|
+
if (__props.widget.props.limit > 1) {
|
|
54
|
+
const findIndex = fieldModel.value.findIndex((item) => item.name === name);
|
|
55
|
+
if (findIndex > -1) fieldModel.value.splice(findIndex, 1);
|
|
56
|
+
if (fieldModel.value.length < __props.widget.props.limit) fieldModel.value.push({
|
|
57
|
+
...res.data.object,
|
|
58
|
+
name
|
|
59
|
+
});
|
|
60
|
+
} else fieldModel.value = [{
|
|
61
|
+
...res.data.object,
|
|
62
|
+
name
|
|
63
|
+
}];
|
|
64
|
+
} finally {
|
|
65
|
+
loading.value = false;
|
|
66
|
+
}
|
|
67
|
+
};
|
|
70
68
|
const initFileListFieldModel = () => {
|
|
71
69
|
if (fieldModel.value && typeof fieldModel.value === "string") fieldModel.value = JSON.parse(fieldModel.value);
|
|
72
70
|
};
|
|
@@ -94,7 +92,7 @@ var index_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
|
|
|
94
92
|
onMounted(() => {
|
|
95
93
|
initFileListFieldModel();
|
|
96
94
|
});
|
|
97
|
-
__expose(
|
|
95
|
+
__expose({ ...defineExposed });
|
|
98
96
|
return (_ctx, _cache) => {
|
|
99
97
|
const _component_a_button = resolveComponent("a-button");
|
|
100
98
|
const _component_a_space = resolveComponent("a-space");
|
|
@@ -161,6 +159,6 @@ var index_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
|
|
|
161
159
|
}, 8, ["widget", "rules"])) : createCommentVNode("", true);
|
|
162
160
|
};
|
|
163
161
|
}
|
|
164
|
-
})
|
|
162
|
+
});
|
|
165
163
|
//#endregion
|
|
166
164
|
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/file-upload/schema.ts
|
|
5
4
|
/** FileUpload Widget 默认值 */
|
|
6
5
|
var FileUpload = {
|
|
@@ -8,13 +7,17 @@ var FileUpload = {
|
|
|
8
7
|
type: WidgetType.FileUpload,
|
|
9
8
|
category: "field",
|
|
10
9
|
formItemFlag: true,
|
|
11
|
-
validation:
|
|
12
|
-
events:
|
|
10
|
+
validation: { ...defaultValidationConfig },
|
|
11
|
+
events: {
|
|
12
|
+
...defaultFieldEvents,
|
|
13
|
+
onBeforeUpload: ""
|
|
14
|
+
},
|
|
13
15
|
style: {},
|
|
14
|
-
props:
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
16
|
+
props: {
|
|
17
|
+
...createFieldProps({
|
|
18
|
+
label: "文件上传",
|
|
19
|
+
defaultValue: []
|
|
20
|
+
}),
|
|
18
21
|
disabled: false,
|
|
19
22
|
listType: "picture-card",
|
|
20
23
|
accept: [
|
|
@@ -29,7 +32,7 @@ var FileUpload = {
|
|
|
29
32
|
multiple: true,
|
|
30
33
|
businessType: "",
|
|
31
34
|
data: {}
|
|
32
|
-
}
|
|
35
|
+
}
|
|
33
36
|
};
|
|
34
37
|
//#endregion
|
|
35
38
|
export { FileUpload };
|
|
@@ -3,7 +3,6 @@ import { useField } from "../../../../core/src/hooks/useField.js";
|
|
|
3
3
|
import { WidgetType, getWidgetName } from "../../widgetTypes.js";
|
|
4
4
|
import form_item_wrapper_default from "../../wrapper/form-item-wrapper.js";
|
|
5
5
|
import { computed, createBlock, createCommentVNode, createElementBlock, createVNode, defineComponent, isRef, normalizeStyle, openBlock, unref, withCtx } from "vue";
|
|
6
|
-
import _objectSpread from "@oxc-project/runtime/helpers/objectSpread2";
|
|
7
6
|
import { QuillEditor } from "tmgc2-share";
|
|
8
7
|
//#region src/widgets/advanced/rich-editor/index.vue?vue&type=script&setup=true&lang.ts
|
|
9
8
|
var _hoisted_1 = {
|
|
@@ -11,10 +10,9 @@ var _hoisted_1 = {
|
|
|
11
10
|
class: "rich-editor-widget"
|
|
12
11
|
};
|
|
13
12
|
var _hoisted_2 = ["innerHTML"];
|
|
14
|
-
var index_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent(
|
|
13
|
+
var index_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
|
|
15
14
|
name: getWidgetName(WidgetType.RichEditor),
|
|
16
|
-
componentName: ComponentNameEnum.FieldWidget
|
|
17
|
-
}), {}, {
|
|
15
|
+
componentName: ComponentNameEnum.FieldWidget,
|
|
18
16
|
__name: "index",
|
|
19
17
|
props: { widget: {} },
|
|
20
18
|
setup(__props, { expose: __expose }) {
|
|
@@ -23,7 +21,7 @@ var index_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
|
|
|
23
21
|
placeholder: __props.widget.props.placeholder,
|
|
24
22
|
modules: {}
|
|
25
23
|
}));
|
|
26
|
-
__expose(
|
|
24
|
+
__expose({ ...defineExposed });
|
|
27
25
|
return (_ctx, _cache) => {
|
|
28
26
|
return !unref(handleHidden) ? (openBlock(), createBlock(form_item_wrapper_default, {
|
|
29
27
|
key: 0,
|
|
@@ -51,6 +49,6 @@ var index_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
|
|
|
51
49
|
}, 8, ["widget", "rules"])) : createCommentVNode("", true);
|
|
52
50
|
};
|
|
53
51
|
}
|
|
54
|
-
})
|
|
52
|
+
});
|
|
55
53
|
//#endregion
|
|
56
54
|
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/rich-editor/schema.ts
|
|
5
4
|
/** RichEditor Widget 默认值 */
|
|
6
5
|
var RichEditor = {
|
|
@@ -8,21 +7,23 @@ var RichEditor = {
|
|
|
8
7
|
type: WidgetType.RichEditor,
|
|
9
8
|
category: "field",
|
|
10
9
|
formItemFlag: true,
|
|
11
|
-
validation:
|
|
12
|
-
events:
|
|
10
|
+
validation: { ...defaultValidationConfig },
|
|
11
|
+
events: {
|
|
12
|
+
...defaultFieldEvents,
|
|
13
13
|
onFocus: "",
|
|
14
14
|
onBlur: ""
|
|
15
|
-
}
|
|
15
|
+
},
|
|
16
16
|
style: {},
|
|
17
|
-
props:
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
17
|
+
props: {
|
|
18
|
+
...createFieldProps({
|
|
19
|
+
label: "富文本编辑器",
|
|
20
|
+
defaultValue: ""
|
|
21
|
+
}),
|
|
21
22
|
disabled: false,
|
|
22
23
|
height: 300,
|
|
23
24
|
placeholder: "请输入内容",
|
|
24
25
|
toolbar: []
|
|
25
|
-
}
|
|
26
|
+
}
|
|
26
27
|
};
|
|
27
28
|
//#endregion
|
|
28
29
|
export { RichEditor };
|
|
@@ -3,13 +3,11 @@ import { useField } from "../../../../core/src/hooks/useField.js";
|
|
|
3
3
|
import { useSelect } from "../../../../core/src/hooks/useSelect.js";
|
|
4
4
|
import { WidgetType, getWidgetName } from "../../widgetTypes.js";
|
|
5
5
|
import { createBlock, defineComponent, isRef, openBlock, unref } from "vue";
|
|
6
|
-
import _objectSpread from "@oxc-project/runtime/helpers/objectSpread2";
|
|
7
6
|
import { Tree } from "ant-design-vue";
|
|
8
7
|
//#region src/widgets/advanced/tree/index.vue?vue&type=script&setup=true&lang.ts
|
|
9
|
-
var index_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent(
|
|
8
|
+
var index_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
|
|
10
9
|
name: getWidgetName(WidgetType.Tree),
|
|
11
|
-
componentName: ComponentNameEnum.FieldWidget
|
|
12
|
-
}), {}, {
|
|
10
|
+
componentName: ComponentNameEnum.FieldWidget,
|
|
13
11
|
__name: "index",
|
|
14
12
|
props: { widget: {} },
|
|
15
13
|
setup(__props, { expose: __expose }) {
|
|
@@ -35,7 +33,7 @@ var index_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
|
|
|
35
33
|
}
|
|
36
34
|
});
|
|
37
35
|
};
|
|
38
|
-
__expose(
|
|
36
|
+
__expose({ ...defineExposed });
|
|
39
37
|
return (_ctx, _cache) => {
|
|
40
38
|
return openBlock(), createBlock(unref(Tree), {
|
|
41
39
|
checkedKeys: unref(fieldModel),
|
|
@@ -69,6 +67,6 @@ var index_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
|
|
|
69
67
|
]);
|
|
70
68
|
};
|
|
71
69
|
}
|
|
72
|
-
})
|
|
70
|
+
});
|
|
73
71
|
//#endregion
|
|
74
72
|
export { index_vue_vue_type_script_setup_true_lang_default as default };
|