@kp-ui/lowcode-pc-v2 0.0.1

package/src/widgets/containers/list/index-render.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,189 @@
+import RenderWidgetList_default from "../../../../core/src/components/common/render/RenderWidgetList.js";
+import { ComponentNameEnum } from "../../../../core/src/constants/WidgetTypeEnum.js";
+import { useField } from "../../../../core/src/hooks/useField.js";
+import { useRemoteData } from "../../../../core/src/hooks/useRemoteData.js";
+import { WidgetType, getWidgetName } from "../../widgetTypes.js";
+import { Fragment, computed, createCommentVNode, createElementBlock, createVNode, defineComponent, inject, normalizeClass, normalizeStyle, onMounted, openBlock, provide, ref, renderList, toDisplayString, unref, watch } from "vue";
+import _objectSpread from "@oxc-project/runtime/helpers/objectSpread2";
+import { Skeleton } from "ant-design-vue";
+import { set } from "lodash-es";
+import _asyncToGenerator from "@oxc-project/runtime/helpers/asyncToGenerator";
+//#region src/widgets/containers/list/index-render.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	key: 0,
+	class: "list-skeleton"
+};
+var _hoisted_2 = {
+	key: 1,
+	class: "list-state"
+};
+var _hoisted_3 = ["onClick"];
+var index_render_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent(_objectSpread(_objectSpread({}, {
+	inheritAttrs: false,
+	name: getWidgetName(WidgetType.List),
+	componentName: ComponentNameEnum.ContainerWidget
+}), {}, {
+	__name: "index-render",
+	props: { widget: {} },
+	setup(__props, { expose: __expose }) {
+		const formData = inject("formData", ref({}));
+		provide("isSubFormField", true);
+		provide("getSubFormName", () => __props.widget.props.name || "");
+		const { asyncExecuteFunction, defineExposed, formConfig, handleHidden, i18nt } = useField(__props.widget);
+		const { data: remoteData, isRemote, loading, loadData, refresh, getPagination, setPagination } = useRemoteData({
+			widget: __props.widget,
+			formConfig,
+			onLoaded: (raw) => {
+				syncList(remoteData.value);
+				runLoadEvent(remoteData.value, raw);
+			}
+		});
+		const itemList = computed(() => {
+			return Array.isArray(remoteData.value) ? remoteData.value : [];
+		});
+		const listStyle = computed(() => {
+			var _props$widget$props$g;
+			return {
+				flexDirection: __props.widget.props.direction === "horizontal" ? "row" : "column",
+				flexWrap: __props.widget.props.wrap ? "wrap" : "nowrap",
+				gap: `${(_props$widget$props$g = __props.widget.props.gap) !== null && _props$widget$props$g !== void 0 ? _props$widget$props$g : 0}px`
+			};
+		});
+		const syncList = (list) => {
+			if (!__props.widget.props.name) return;
+			set(formData.value, __props.widget.props.name, Array.isArray(list) ? list : []);
+		};
+		const syncStaticDataSource = (list) => {
+			if (isRemote.value) return;
+			if (!__props.widget.dataSource) return;
+			__props.widget.dataSource.data = list;
+		};
+		const setCurrentList = (list) => {
+			const nextList = Array.isArray(list) ? list : [];
+			remoteData.value = nextList;
+			syncStaticDataSource(nextList);
+			syncList(nextList);
+			return nextList;
+		};
+		const getCurrentList = () => {
+			if (Array.isArray(remoteData.value)) return remoteData.value;
+			return setCurrentList([]);
+		};
+		const normalizeInsertIndex = (index) => {
+			const list = getCurrentList();
+			if (typeof index !== "number" || Number.isNaN(index)) return list.length;
+			return Math.max(0, Math.min(index, list.length));
+		};
+		const addRow = (row = {}, index) => {
+			const list = [...getCurrentList()];
+			const insertIndex = normalizeInsertIndex(index);
+			list.splice(insertIndex, 0, row);
+			setCurrentList(list);
+			return row;
+		};
+		const removeRow = (index) => {
+			const list = [...getCurrentList()];
+			const deleteIndex = typeof index === "number" && !Number.isNaN(index) ? index : list.length - 1;
+			if (deleteIndex < 0 || deleteIndex >= list.length) return null;
+			const [removedRow] = list.splice(deleteIndex, 1);
+			setCurrentList(list);
+			return removedRow !== null && removedRow !== void 0 ? removedRow : null;
+		};
+		const runLoadEvent = function() {
+			var _ref = _asyncToGenerator(function* (list, raw) {
+				var _props$widget$events;
+				const functionBody = ((_props$widget$events = __props.widget.events) === null || _props$widget$events === void 0 ? void 0 : _props$widget$events.onLoad) || "";
+				if (!functionBody) return;
+				yield asyncExecuteFunction({
+					functionBody,
+					params: {
+						list,
+						raw
+					},
+					keys: ["list", "raw"]
+				});
+			});
+			return function runLoadEvent(_x, _x2) {
+				return _ref.apply(this, arguments);
+			};
+		}();
+		const getItemKey = (item, index) => {
+			const keyName = __props.widget.props.itemKey;
+			return keyName && (item === null || item === void 0 ? void 0 : item[keyName]) !== void 0 ? item[keyName] : index;
+		};
+		const onItemClick = function() {
+			var _ref2 = _asyncToGenerator(function* (item, index) {
+				var _props$widget$events2;
+				const functionBody = ((_props$widget$events2 = __props.widget.events) === null || _props$widget$events2 === void 0 ? void 0 : _props$widget$events2.onItemClick) || "";
+				if (!functionBody) return;
+				yield asyncExecuteFunction({
+					functionBody,
+					params: {
+						item,
+						index
+					},
+					keys: ["item", "index"]
+				});
+			});
+			return function onItemClick(_x3, _x4) {
+				return _ref2.apply(this, arguments);
+			};
+		}();
+		const loadListData = function() {
+			var _ref3 = _asyncToGenerator(function* () {
+				yield loadData();
+				syncList(remoteData.value);
+				if (!isRemote.value) yield runLoadEvent(remoteData.value, { list: remoteData.value });
+			});
+			return function loadListData() {
+				return _ref3.apply(this, arguments);
+			};
+		}();
+		watch(remoteData, (list) => {
+			syncList(list);
+		}, { deep: true });
+		onMounted(() => {
+			var _props$widget$dataSou, _props$widget$dataSou2;
+			if (((_props$widget$dataSou = __props.widget.dataSource) === null || _props$widget$dataSou === void 0 ? void 0 : _props$widget$dataSou.type) === "static" || !((_props$widget$dataSou2 = __props.widget.dataSource) === null || _props$widget$dataSou2 === void 0 || (_props$widget$dataSou2 = _props$widget$dataSou2.remote) === null || _props$widget$dataSou2 === void 0 ? void 0 : _props$widget$dataSou2.autoLoad)) loadListData();
+		});
+		provide("isSubFormField", true);
+		provide("getSubFormName", () => {
+			var _props$widget$props;
+			return (_props$widget$props = __props.widget.props) === null || _props$widget$props === void 0 ? void 0 : _props$widget$props.name;
+		});
+		__expose(_objectSpread(_objectSpread({}, defineExposed), {}, {
+			getDataSource: () => itemList.value,
+			setDataSource: setCurrentList,
+			addRow,
+			removeRow,
+			loadListData,
+			refresh,
+			getPagination,
+			setPagination
+		}));
+		return (_ctx, _cache) => {
+			return !unref(handleHidden) ? (openBlock(), createElementBlock("div", {
+				class: normalizeClass(["list-container", _ctx.widget.props.customClass]),
+				key: _ctx.widget.id,
+				style: normalizeStyle(listStyle.value)
+			}, [unref(loading) ? (openBlock(), createElementBlock("div", _hoisted_1, [createVNode(unref(Skeleton), { active: "" })])) : !itemList.value.length ? (openBlock(), createElementBlock("div", _hoisted_2, toDisplayString(_ctx.widget.props.emptyText), 1)) : (openBlock(true), createElementBlock(Fragment, { key: 2 }, renderList(itemList.value, (item, index) => {
+				return openBlock(), createElementBlock("div", {
+					key: getItemKey(item, index),
+					class: "list-item",
+					onClick: ($event) => onItemClick(item, index),
+					style: normalizeStyle(_objectSpread({}, _ctx.widget.style || {}))
+				}, [createVNode(unref(RenderWidgetList_default), {
+					subFormRowIndex: index,
+					list: _ctx.widget.children,
+					parentWidget: _ctx.widget
+				}, null, 8, [
+					"subFormRowIndex",
+					"list",
+					"parentWidget"
+				])], 12, _hoisted_3);
+			}), 128))], 6)) : createCommentVNode("", true);
+		};
+	}
+}));
+//#endregion
+export { index_render_vue_vue_type_script_setup_true_lang_default as default };

package/src/widgets/containers/list/schema.js

@@ -0,0 +1,46 @@
+import { WidgetType } from "../../widgetTypes.js";
+import { defaultDataSourceConfig } from "../../../schemas/defaults/field.js";
+import _objectSpread from "@oxc-project/runtime/helpers/objectSpread2";
+//#region src/widgets/containers/list/schema.ts
+/** List Widget 默认值 */
+var List = {
+	id: "",
+	type: WidgetType.List,
+	icon: "insertrow",
+	category: "container",
+	style: {
+		background: "#fafafa",
+		margin: "8px",
+		padding: "10px",
+		borderRadius: "5px"
+	},
+	events: {
+		onMounted: "",
+		onHidden: "//return false",
+		onLoad: "",
+		onItemClick: ""
+	},
+	children: [],
+	dataSource: _objectSpread(_objectSpread({}, defaultDataSourceConfig), {}, {
+		type: "static",
+		data: [],
+		remote: {
+			autoLoad: false,
+			httpMethod: ""
+		},
+		loadingPage: false,
+		mapping: void 0
+	}),
+	props: {
+		name: "",
+		hidden: false,
+		customClass: [],
+		emptyText: "暂无数据",
+		itemKey: "_id",
+		direction: "vertical",
+		gap: 8,
+		wrap: true
+	}
+};
+//#endregion
+export { List };

package/src/widgets/containers/space/index-render.js

@@ -0,0 +1,7 @@
+import _plugin_vue_export_helper_default from "../../../../_virtual/_plugin-vue_export-helper.js";
+import index_render_vue_vue_type_script_setup_true_lang_default from "./index-render.vue_vue_type_script_setup_true_lang.js";
+/* empty css                                                             */
+//#region src/widgets/containers/space/index-render.vue
+var index_render_default = /* @__PURE__ */ _plugin_vue_export_helper_default(index_render_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-b88f40ce"]]);
+//#endregion
+export { index_render_default as default };

package/src/widgets/containers/space/index-render.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,57 @@
+import { ComponentNameEnum } from "../../../../core/src/constants/WidgetTypeEnum.js";
+import { useField } from "../../../../core/src/hooks/useField.js";
+import { WidgetType, getWidgetName } from "../../widgetTypes.js";
+import { Fragment, createBlock, createCommentVNode, createElementBlock, defineComponent, inject, normalizeClass, normalizeStyle, openBlock, renderList, resolveComponent, resolveDynamicComponent, unref, withCtx } from "vue";
+import _objectSpread from "@oxc-project/runtime/helpers/objectSpread2";
+//#region src/widgets/containers/space/index-render.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["id"];
+var index_render_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent(_objectSpread(_objectSpread({}, {
+	inheritAttrs: false,
+	name: getWidgetName(WidgetType.Space),
+	componentName: ComponentNameEnum.ContainerWidget
+}), {}, {
+	__name: "index-render",
+	props: { widget: {} },
+	setup(__props, { expose: __expose }) {
+		const getWidget = inject("getWidget", (_widget) => void 0);
+		const { handleHidden, defineExposed } = useField(__props.widget);
+		__expose(_objectSpread({}, defineExposed));
+		return (_ctx, _cache) => {
+			const _component_a_space = resolveComponent("a-space");
+			return !unref(handleHidden) ? (openBlock(), createBlock(_component_a_space, {
+				class: normalizeClass(["space-container", _ctx.widget.props.customClass]),
+				style: normalizeStyle(_ctx.widget.style),
+				key: _ctx.widget.id,
+				direction: _ctx.widget.props.direction,
+				align: _ctx.widget.props.align,
+				size: _ctx.widget.props.gap,
+				wrap: _ctx.widget.props.wrap
+			}, {
+				default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.widget.children, (child, index) => {
+					return openBlock(), createElementBlock("div", {
+						key: `${child.id}_${index}`,
+						id: child.id
+					}, [(openBlock(), createBlock(resolveDynamicComponent(unref(getWidget)(child)), {
+						widget: child,
+						field: child,
+						index
+					}, null, 8, [
+						"widget",
+						"field",
+						"index"
+					]))], 8, _hoisted_1);
+				}), 128))]),
+				_: 1
+			}, 8, [
+				"class",
+				"style",
+				"direction",
+				"align",
+				"size",
+				"wrap"
+			])) : createCommentVNode("", true);
+		};
+	}
+}));
+//#endregion
+export { index_render_vue_vue_type_script_setup_true_lang_default as default };

package/src/widgets/containers/space/schema.js

@@ -0,0 +1,25 @@
+import { WidgetType } from "../../widgetTypes.js";
+//#region src/widgets/containers/space/schema.ts
+var Space = {
+	id: "",
+	type: WidgetType.Space,
+	category: "container",
+	style: {},
+	events: {
+		onMounted: "",
+		onHidden: "//return false"
+	},
+	children: [],
+	props: {
+		name: "",
+		label: "space",
+		hidden: false,
+		customClass: [],
+		direction: "horizontal",
+		align: "center",
+		gap: 8,
+		wrap: true
+	}
+};
+//#endregion
+export { Space };

package/src/widgets/containers/tab/index-render.js

@@ -0,0 +1,5 @@
+import index_render_vue_vue_type_script_setup_true_lang_default from "./index-render.vue_vue_type_script_setup_true_lang.js";
+//#region src/widgets/containers/tab/index-render.vue
+var index_render_default = index_render_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { index_render_default as default };

package/src/widgets/containers/tab/index-render.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,81 @@
+import RenderWidgetList_default from "../../../../core/src/components/common/render/RenderWidgetList.js";
+import { ComponentNameEnum } from "../../../../core/src/constants/WidgetTypeEnum.js";
+import { useField } from "../../../../core/src/hooks/useField.js";
+import { WidgetType, getWidgetName } from "../../widgetTypes.js";
+import { Fragment, createBlock, createElementBlock, createElementVNode, createVNode, defineComponent, openBlock, ref, renderList, resolveComponent, unref, watch, withCtx } from "vue";
+import _objectSpread from "@oxc-project/runtime/helpers/objectSpread2";
+import _asyncToGenerator from "@oxc-project/runtime/helpers/asyncToGenerator";
+//#region src/widgets/containers/tab/index-render.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "tab-content-wrapper" };
+var index_render_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent(_objectSpread(_objectSpread({}, {
+	inheritAttrs: false,
+	name: getWidgetName(WidgetType.Tab),
+	componentName: ComponentNameEnum.ContainerWidget
+}), {}, {
+	__name: "index-render",
+	props: { widget: {} },
+	setup(__props, { expose: __expose }) {
+		var _field$children;
+		const { field, asyncExecuteFunction } = useField(__props.widget);
+		const activeKey = ref(field.props.activeTab || ((_field$children = field.children) === null || _field$children === void 0 || (_field$children = _field$children[0]) === null || _field$children === void 0 ? void 0 : _field$children.id));
+		const onTabClick = function() {
+			var _ref = _asyncToGenerator(function* (key) {
+				var _props$widget$events;
+				__props.widget.props.activeTab = key;
+				yield asyncExecuteFunction({
+					functionBody: ((_props$widget$events = __props.widget.events) === null || _props$widget$events === void 0 ? void 0 : _props$widget$events.onTabClick) || "",
+					params: { tab: key },
+					keys: ["tab"]
+				});
+			});
+			return function onTabClick(_x) {
+				return _ref.apply(this, arguments);
+			};
+		}();
+		watch(() => field.props.activeTab, (val) => {
+			if (val) activeKey.value = val;
+		});
+		__expose({
+			onTabClick,
+			widget: __props.widget
+		});
+		return (_ctx, _cache) => {
+			const _component_a_tab_pane = resolveComponent("a-tab-pane");
+			const _component_a_tabs = resolveComponent("a-tabs");
+			return openBlock(), createBlock(_component_a_tabs, {
+				type: _ctx.widget.props.type,
+				tabBarGutter: _ctx.widget.props.tabBarGutter,
+				tabPosition: _ctx.widget.props.tabPosition,
+				activeKey: _ctx.widget.props.activeTab,
+				"onUpdate:activeKey": _cache[0] || (_cache[0] = ($event) => _ctx.widget.props.activeTab = $event),
+				onTabClick
+			}, {
+				default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.widget.children, (tab) => {
+					return openBlock(), createBlock(_component_a_tab_pane, {
+						tab: tab.props.label,
+						key: tab.props.label
+					}, {
+						default: withCtx(() => [createElementVNode("div", _hoisted_1, [createVNode(unref(RenderWidgetList_default), {
+							list: tab.children,
+							"onUpdate:list": ($event) => tab.children = $event,
+							parentWidget: _ctx.widget
+						}, null, 8, [
+							"list",
+							"onUpdate:list",
+							"parentWidget"
+						])])]),
+						_: 2
+					}, 1032, ["tab"]);
+				}), 128))]),
+				_: 1
+			}, 8, [
+				"type",
+				"tabBarGutter",
+				"tabPosition",
+				"activeKey"
+			]);
+		};
+	}
+}));
+//#endregion
+export { index_render_vue_vue_type_script_setup_true_lang_default as default };

package/src/widgets/containers/tab/schema.js

@@ -0,0 +1,32 @@
+import { WidgetType } from "../../widgetTypes.js";
+import "@oxc-project/runtime/helpers/objectSpread2";
+//#region src/widgets/containers/tab/schema.ts
+/** Tab Widget 默认值 */
+var Tab = {
+	id: "",
+	type: WidgetType.Tab,
+	category: "container",
+	style: {},
+	events: {
+		onMounted: "",
+		onChange: "",
+		onHidden: "//return false",
+		onTabClick: ""
+	},
+	children: [],
+	props: {
+		name: "",
+		label: "标签页",
+		labelWidth: null,
+		labelHidden: false,
+		hidden: false,
+		customClass: [],
+		tabPosition: "top",
+		type: "line",
+		editable: false,
+		activeTab: void 0,
+		tabBarGutter: 30
+	}
+};
+//#endregion
+export { Tab };

package/src/widgets/containers/tab-pane/index-render.js

@@ -0,0 +1,5 @@
+import index_render_vue_vue_type_script_setup_true_lang_default from "./index-render.vue_vue_type_script_setup_true_lang.js";
+//#region src/widgets/containers/tab-pane/index-render.vue
+var index_render_default = index_render_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { index_render_default as default };

package/src/widgets/containers/tab-pane/index-render.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,37 @@
+import { ComponentNameEnum } from "../../../../core/src/constants/WidgetTypeEnum.js";
+import { useField } from "../../../../core/src/hooks/useField.js";
+import { WidgetType, getWidgetName } from "../../widgetTypes.js";
+import { createBlock, defineComponent, normalizeClass, openBlock, renderSlot, resolveComponent, unref, withCtx } from "vue";
+import _objectSpread from "@oxc-project/runtime/helpers/objectSpread2";
+//#region src/widgets/containers/tab-pane/index-render.vue?vue&type=script&setup=true&lang.ts
+var index_render_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent(_objectSpread(_objectSpread({}, {
+	inheritAttrs: false,
+	name: getWidgetName(WidgetType.TabPane),
+	componentName: ComponentNameEnum.ContainerWidget
+}), {}, {
+	__name: "index-render",
+	props: { widget: {} },
+	setup(__props) {
+		const { field } = useField(__props);
+		return (_ctx, _cache) => {
+			const _component_a_tab_pane = resolveComponent("a-tab-pane");
+			return openBlock(), createBlock(_component_a_tab_pane, {
+				key: unref(field).props.key,
+				tab: unref(field).props.tab,
+				disabled: unref(field).props.disabled,
+				closable: unref(field).props.closable,
+				class: normalizeClass(unref(field).display.customClass)
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 8, [
+				"tab",
+				"disabled",
+				"closable",
+				"class"
+			]);
+		};
+	}
+}));
+//#endregion
+export { index_render_vue_vue_type_script_setup_true_lang_default as default };

package/src/widgets/containers/tab-pane/schema.js

@@ -0,0 +1,31 @@
+import { WidgetType } from "../../widgetTypes.js";
+import "@oxc-project/runtime/helpers/objectSpread2";
+//#region src/widgets/containers/tab-pane/schema.ts
+/** TabPane Widget 默认值 */
+var TabPane = {
+	id: "",
+	type: WidgetType.TabPane,
+	category: "container",
+	style: {},
+	events: {
+		onMounted: "",
+		onHidden: "//return false"
+	},
+	internal: true,
+	children: [],
+	props: {
+		name: "",
+		label: "tab1",
+		labelWidth: null,
+		labelHidden: false,
+		hidden: false,
+		width: "100%",
+		customClass: [],
+		tab: "标签页",
+		key: "",
+		disabled: false,
+		closable: true
+	}
+};
+//#endregion
+export { TabPane };