@kp-ui/lowcode-pc-v2 0.0.1

package/src/widgets/render.js

@@ -0,0 +1,165 @@
+import { getWidgetCompontent } from "../../core/src/utils/getWidgetCompontent.js";
+import { Input } from "./base/input/schema.js";
+import { Html } from "./base/html/schema.js";
+import { Button } from "./base/button/schema.js";
+import { ButtonList } from "./base/button-list/schema.js";
+import { Textarea } from "./base/textarea/schema.js";
+import { Number } from "./base/number/schema.js";
+import { Radio } from "./base/radio/schema.js";
+import { Checkbox } from "./base/checkbox/schema.js";
+import { Select } from "./base/select/schema.js";
+import { Time } from "./base/time/schema.js";
+import { TimeRange } from "./base/time-range/schema.js";
+import { Date } from "./base/date/schema.js";
+import { DateRange } from "./base/date-range/schema.js";
+import { Switch } from "./base/switch/schema.js";
+import { Rate } from "./base/rate/schema.js";
+import { Color } from "./base/color/schema.js";
+import { Slider } from "./base/slider/schema.js";
+import { StaticText } from "./base/static-text/schema.js";
+import { Divider } from "./base/divider/schema.js";
+import { Cascader } from "./base/cascader/schema.js";
+import input_default from "./base/input/index.js";
+import html_default from "./base/html/index.js";
+import button_default from "./base/button/index.js";
+import button_list_default from "./base/button-list/index.js";
+import textarea_default from "./base/textarea/index.js";
+import number_default from "./base/number/index.js";
+import radio_default from "./base/radio/index.js";
+import checkbox_default from "./base/checkbox/index.js";
+import select_default from "./base/select/index.js";
+import time_default from "./base/time/index.js";
+import time_range_default from "./base/time-range/index.js";
+import date_default from "./base/date/index.js";
+import date_range_default from "./base/date-range/index.js";
+import switch_default from "./base/switch/index.js";
+import rate_default from "./base/rate/index.js";
+import color_default from "./base/color/index.js";
+import slider_default from "./base/slider/index.js";
+import static_text_default from "./base/static-text/index.js";
+import divider_default from "./base/divider/index.js";
+import cascader_default from "./base/cascader/index.js";
+import { CodeEditor } from "./advanced/code-editor/schema.js";
+import { FileUpload } from "./advanced/file-upload/schema.js";
+import { RichEditor } from "./advanced/rich-editor/schema.js";
+import { TreeSelect } from "./advanced/tree-select/schema.js";
+import { Tree } from "./advanced/tree/schema.js";
+import { DataTable } from "./advanced/data-table/schema.js";
+import { CustomRender } from "./advanced/custom-render/schema.js";
+import code_editor_default from "./advanced/code-editor/index.js";
+import file_upload_default from "./advanced/file-upload/index.js";
+import rich_editor_default from "./advanced/rich-editor/index.js";
+import tree_select_default from "./advanced/tree-select/index.js";
+import tree_default from "./advanced/tree/index.js";
+import data_table_default from "./advanced/data-table/index.js";
+import custom_render_default from "./advanced/custom-render/index.js";
+import { Grid } from "./containers/grid/schema.js";
+import { GridCol } from "./containers/grid-col/schema.js";
+import { Tab } from "./containers/tab/schema.js";
+import { TabPane } from "./containers/tab-pane/schema.js";
+import { Box } from "./containers/box/schema.js";
+import { Collapse } from "./containers/collapse/schema.js";
+import { Dialog } from "./containers/dialog/schema.js";
+import { Form } from "./containers/form/schema.js";
+import { Space } from "./containers/space/schema.js";
+import { List } from "./containers/list/schema.js";
+import { SecondaryPage } from "./template/SecondaryPage/schema.js";
+import index_render_default from "./containers/grid-col/index-render.js";
+import index_render_default$1 from "./containers/grid/index-render.js";
+import index_render_default$2 from "./containers/tab/index-render.js";
+import index_render_default$3 from "./containers/tab-pane/index-render.js";
+import index_render_default$4 from "./containers/box/index-render.js";
+import index_render_default$5 from "./containers/collapse/index-render.js";
+import index_render_default$6 from "./containers/dialog/index-render.js";
+import index_render_default$7 from "./containers/form/index-render.js";
+import index_render_default$8 from "./containers/space/index-render.js";
+import index_render_default$9 from "./containers/list/index-render.js";
+import index_render_default$10 from "./template/SecondaryPage/index-render.js";
+//#region src/widgets/render.ts
+var renderSchemas = [
+	Input,
+	Html,
+	Button,
+	ButtonList,
+	Textarea,
+	Number,
+	Radio,
+	Checkbox,
+	Select,
+	Time,
+	TimeRange,
+	Date,
+	DateRange,
+	Switch,
+	Rate,
+	Color,
+	Slider,
+	StaticText,
+	Divider,
+	Cascader,
+	CodeEditor,
+	FileUpload,
+	RichEditor,
+	TreeSelect,
+	Tree,
+	DataTable,
+	CustomRender,
+	Grid,
+	GridCol,
+	Tab,
+	TabPane,
+	Box,
+	Collapse,
+	Dialog,
+	Form,
+	Space,
+	List,
+	SecondaryPage
+];
+var renderComponents = [
+	input_default,
+	html_default,
+	button_default,
+	button_list_default,
+	textarea_default,
+	number_default,
+	radio_default,
+	checkbox_default,
+	select_default,
+	time_default,
+	time_range_default,
+	date_default,
+	date_range_default,
+	switch_default,
+	rate_default,
+	color_default,
+	slider_default,
+	static_text_default,
+	divider_default,
+	cascader_default,
+	code_editor_default,
+	file_upload_default,
+	rich_editor_default,
+	tree_select_default,
+	tree_default,
+	data_table_default,
+	custom_render_default,
+	index_render_default$1,
+	index_render_default,
+	index_render_default$2,
+	index_render_default$3,
+	index_render_default$4,
+	index_render_default$5,
+	index_render_default$6,
+	index_render_default$7,
+	index_render_default$8,
+	index_render_default$9,
+	index_render_default$10
+];
+new Map(renderSchemas.map((schema) => [schema.type, schema]));
+var renderRegistryComponents = new Map(renderComponents.map((component) => [component.name, component]));
+var getRenderWidget = (widget) => {
+	return getWidgetCompontent(widget, renderRegistryComponents, false);
+};
+//#endregion
+export { getRenderWidget };

package/src/widgets/template/SecondaryPage/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/template/SecondaryPage/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-dc2a06fa"]]);
+//#endregion
+export { index_render_default as default };

package/src/widgets/template/SecondaryPage/index-render.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,63 @@
+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 { TOP_LEVEL_WIDGETS, WidgetType, getWidgetName } from "../../widgetTypes.js";
+import { createBlock, createVNode, defineComponent, openBlock, unref, withCtx } from "vue";
+import _objectSpread from "@oxc-project/runtime/helpers/objectSpread2";
+import { TpfAddInfoLayout } from "tmgc2-share";
+//#region src/widgets/template/SecondaryPage/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.SecondaryPage),
+	componentName: ComponentNameEnum.ContainerWidget
+}), {}, {
+	__name: "index-render",
+	props: { widget: {} },
+	setup(__props, { expose: __expose }) {
+		const { defineExposed, getVfCtx } = useField(__props.widget);
+		__expose(_objectSpread({}, defineExposed));
+		return (_ctx, _cache) => {
+			var _unref2;
+			return openBlock(), createBlock(unref(TpfAddInfoLayout), {
+				class: "page-template-widget",
+				title: _ctx.widget.props.title,
+				type: (_unref2 = unref(getVfCtx)()) === null || _unref2 === void 0 ? void 0 : _unref2.type
+			}, {
+				footerLeft: withCtx(() => [createVNode(unref(RenderWidgetList_default), {
+					"not-allow-types": unref(TOP_LEVEL_WIDGETS),
+					list: _ctx.widget.footerLeftChildren,
+					"onUpdate:list": _cache[1] || (_cache[1] = ($event) => _ctx.widget.footerLeftChildren = $event),
+					parentWidget: _ctx.widget
+				}, null, 8, [
+					"not-allow-types",
+					"list",
+					"parentWidget"
+				])]),
+				footerRight: withCtx(() => [createVNode(unref(RenderWidgetList_default), {
+					"not-allow-types": unref(TOP_LEVEL_WIDGETS),
+					list: _ctx.widget.footerRightChildren,
+					"onUpdate:list": _cache[2] || (_cache[2] = ($event) => _ctx.widget.footerRightChildren = $event),
+					parentWidget: _ctx.widget
+				}, null, 8, [
+					"not-allow-types",
+					"list",
+					"parentWidget"
+				])]),
+				default: withCtx(() => [createVNode(unref(RenderWidgetList_default), {
+					class: "page-template-content",
+					"not-allow-types": unref(TOP_LEVEL_WIDGETS),
+					list: _ctx.widget.children,
+					"onUpdate:list": _cache[0] || (_cache[0] = ($event) => _ctx.widget.children = $event),
+					parentWidget: _ctx.widget
+				}, null, 8, [
+					"not-allow-types",
+					"list",
+					"parentWidget"
+				])]),
+				_: 1
+			}, 8, ["title", "type"]);
+		};
+	}
+}));
+//#endregion
+export { index_render_vue_vue_type_script_setup_true_lang_default as default };

package/src/widgets/template/SecondaryPage/schema.js

@@ -0,0 +1,68 @@
+import { WidgetType } from "../../widgetTypes.js";
+import "@oxc-project/runtime/helpers/objectSpread2";
+//#region src/widgets/template/SecondaryPage/schema.ts
+/** Secondary page template defaults */
+var SecondaryPage = {
+	id: "",
+	type: WidgetType.SecondaryPage,
+	category: "container",
+	style: {
+		minHeight: "100%",
+		height: "100%"
+	},
+	events: { onMounted: "" },
+	children: [],
+	footerLeftChildren: [],
+	footerRightChildren: [{
+		id: "buttonlist87102",
+		type: "button-list",
+		category: "display",
+		style: {},
+		events: {},
+		props: {
+			name: "buttonlist87102",
+			hidden: false,
+			customClass: [],
+			layout: "horizontal",
+			gap: 8,
+			flex: "flex-end",
+			buttonList: [{
+				name: "",
+				label: "取消",
+				type: "default",
+				size: "default",
+				ghost: 0,
+				danger: 0,
+				icon: "",
+				hidden: 0,
+				disabled: 0,
+				onHidden: "",
+				onDisabled: "",
+				onClick: "",
+				key: "2"
+			}, {
+				name: "",
+				label: "确认",
+				type: "primary",
+				size: "default",
+				ghost: 0,
+				danger: 0,
+				icon: "",
+				hidden: 0,
+				disabled: 0,
+				onHidden: "",
+				onDisabled: "",
+				onClick: "",
+				key: "1"
+			}]
+		}
+	}],
+	props: {
+		name: "",
+		title: "页面标题",
+		color: "#fafafa",
+		customClass: []
+	}
+};
+//#endregion
+export { SecondaryPage };

package/src/widgets/widgetTypes.js

@@ -0,0 +1,52 @@
+//#region src/widgets/widgetTypes.ts
+/** Widget 类型枚举 */
+var WidgetType = /* @__PURE__ */ function(WidgetType) {
+	WidgetType["Input"] = "input";
+	WidgetType["Textarea"] = "textarea";
+	WidgetType["Number"] = "number";
+	WidgetType["Radio"] = "radio";
+	WidgetType["Checkbox"] = "checkbox";
+	WidgetType["Select"] = "select";
+	WidgetType["Time"] = "time";
+	WidgetType["TimeRange"] = "time-range";
+	WidgetType["Date"] = "date";
+	WidgetType["DateRange"] = "date-range";
+	WidgetType["Switch"] = "switch";
+	WidgetType["Rate"] = "rate";
+	WidgetType["Color"] = "color";
+	WidgetType["Slider"] = "slider";
+	WidgetType["Cascader"] = "cascader";
+	WidgetType["Dropdown"] = "dropdown";
+	WidgetType["StaticText"] = "static-text";
+	WidgetType["Html"] = "html";
+	WidgetType["Button"] = "button";
+	WidgetType["ButtonList"] = "button-list";
+	WidgetType["Divider"] = "divider";
+	WidgetType["Form"] = "form";
+	WidgetType["TreeSelect"] = "tree-select";
+	WidgetType["FileUpload"] = "file-upload";
+	WidgetType["RichEditor"] = "rich-editor";
+	WidgetType["CodeEditor"] = "code-editor";
+	WidgetType["Tree"] = "tree";
+	WidgetType["DataTable"] = "data-table";
+	WidgetType["BpmnEditor"] = "bpmn-editor";
+	WidgetType["CustomRender"] = "custom-render";
+	WidgetType["Grid"] = "grid";
+	WidgetType["GridCol"] = "grid-col";
+	WidgetType["Tab"] = "tab";
+	WidgetType["TabPane"] = "tab-pane";
+	WidgetType["Box"] = "box";
+	WidgetType["Collapse"] = "collapse";
+	WidgetType["Dialog"] = "dialog";
+	WidgetType["GridSubForm"] = "grid-sub-form";
+	WidgetType["Space"] = "space";
+	WidgetType["List"] = "list";
+	WidgetType["SecondaryPage"] = "secondary-page";
+	return WidgetType;
+}({});
+var getWidgetName = (type) => {
+	return type + "-widget";
+};
+var TOP_LEVEL_WIDGETS = [WidgetType.SecondaryPage, WidgetType.Dialog];
+//#endregion
+export { TOP_LEVEL_WIDGETS, WidgetType, getWidgetName };

package/src/widgets/wrapper/form-item-wrapper.js

@@ -0,0 +1,7 @@
+import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_export-helper.js";
+import form_item_wrapper_vue_vue_type_script_setup_true_lang_default from "./form-item-wrapper.vue_vue_type_script_setup_true_lang.js";
+/* empty css                                                                  */
+//#region src/widgets/wrapper/form-item-wrapper.vue
+var form_item_wrapper_default = /* @__PURE__ */ _plugin_vue_export_helper_default(form_item_wrapper_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-9c668962"]]);
+//#endregion
+export { form_item_wrapper_default as default };

package/src/widgets/wrapper/form-item-wrapper.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,90 @@
+import { useField } from "../../../core/src/hooks/useField.js";
+import { Fragment, computed, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, openBlock, renderSlot, resolveComponent, toDisplayString, unref, withCtx } from "vue";
+import _objectSpread from "@oxc-project/runtime/helpers/objectSpread2";
+import { FormItem } from "ant-design-vue";
+import { SvgIcon } from "tmgc2-share";
+//#region src/widgets/wrapper/form-item-wrapper.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	key: 0,
+	class: "label-box"
+};
+var _hoisted_2 = {
+	key: 0,
+	class: "custom-label"
+};
+var _hoisted_3 = { class: "label-text" };
+var _hoisted_4 = { class: "label-text" };
+var _hoisted_5 = {
+	key: 1,
+	class: "label-text"
+};
+var form_item_wrapper_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent(_objectSpread(_objectSpread({}, { name: "FormItemWrapper" }), {}, {
+	__name: "form-item-wrapper",
+	props: {
+		widget: {},
+		rules: {}
+	},
+	setup(__props) {
+		/** 标签是否隐藏 */
+		const labelHidden = computed(() => {
+			var _props$widget$props$l, _props$widget$props;
+			return (_props$widget$props$l = (_props$widget$props = __props.widget.props) === null || _props$widget$props === void 0 ? void 0 : _props$widget$props.labelHidden) !== null && _props$widget$props$l !== void 0 ? _props$widget$props$l : false;
+		});
+		/** 标签宽度 */
+		const labelWidth = computed(() => {
+			var _ref, _props$widget$props$l2, _props$widget$props2, _formConfig$value;
+			if (labelHidden.value) return 0;
+			return (_ref = (_props$widget$props$l2 = (_props$widget$props2 = __props.widget.props) === null || _props$widget$props2 === void 0 ? void 0 : _props$widget$props2.labelWidth) !== null && _props$widget$props$l2 !== void 0 ? _props$widget$props$l2 : (_formConfig$value = formConfig.value) === null || _formConfig$value === void 0 ? void 0 : _formConfig$value.labelWidth) !== null && _ref !== void 0 ? _ref : 100;
+		});
+		/** 标签对齐 */
+		const labelAlign = computed(() => {
+			var _ref2, _props$widget$props$l3, _props$widget$props3, _formConfig$value2;
+			return (_ref2 = (_props$widget$props$l3 = (_props$widget$props3 = __props.widget.props) === null || _props$widget$props3 === void 0 ? void 0 : _props$widget$props3.labelAlign) !== null && _props$widget$props$l3 !== void 0 ? _props$widget$props$l3 : (_formConfig$value2 = formConfig.value) === null || _formConfig$value2 === void 0 ? void 0 : _formConfig$value2.labelAlign) !== null && _ref2 !== void 0 ? _ref2 : "right";
+		});
+		/** 标签图标类名 */
+		const labelIconClass = computed(() => {
+			var _props$widget$props$l4, _props$widget$props4;
+			return (_props$widget$props$l4 = (_props$widget$props4 = __props.widget.props) === null || _props$widget$props4 === void 0 ? void 0 : _props$widget$props4.labelIconClass) !== null && _props$widget$props$l4 !== void 0 ? _props$widget$props$l4 : "";
+		});
+		/** 标签图标提示 */
+		const labelIconTooltip = computed(() => {
+			var _props$widget$props$l5, _props$widget$props5;
+			return (_props$widget$props$l5 = (_props$widget$props5 = __props.widget.props) === null || _props$widget$props5 === void 0 ? void 0 : _props$widget$props5.labelIconTooltip) !== null && _props$widget$props$l5 !== void 0 ? _props$widget$props$l5 : "";
+		});
+		/** 标签图标位置 */
+		const labelIconPosition = computed(() => {
+			var _props$widget$props$l6, _props$widget$props6;
+			return (_props$widget$props$l6 = (_props$widget$props6 = __props.widget.props) === null || _props$widget$props6 === void 0 ? void 0 : _props$widget$props6.labelIconPosition) !== null && _props$widget$props$l6 !== void 0 ? _props$widget$props$l6 : "rear";
+		});
+		const { handleHidden, label, getPropName, formConfig, customClass } = useField(__props.widget);
+		return (_ctx, _cache) => {
+			const _component_a_tooltip = resolveComponent("a-tooltip");
+			return !unref(handleHidden) ? (openBlock(), createElementBlock("div", {
+				key: 0,
+				class: normalizeClass(["field-wrapper", unref(customClass)])
+			}, [createVNode(unref(FormItem), {
+				labelCol: { style: { width: labelWidth.value + "px" } },
+				rules: _ctx.rules,
+				name: unref(getPropName),
+				labelAlign: labelAlign.value
+			}, {
+				label: withCtx(() => [!labelHidden.value ? (openBlock(), createElementBlock("div", _hoisted_1, [labelIconClass.value ? (openBlock(), createElementBlock("span", _hoisted_2, [labelIconPosition.value === "front" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createVNode(_component_a_tooltip, { title: labelIconTooltip.value }, {
+					default: withCtx(() => [createVNode(unref(SvgIcon), { "icon-class": labelIconClass.value }, null, 8, ["icon-class"])]),
+					_: 1
+				}, 8, ["title"]), createElementVNode("span", _hoisted_3, toDisplayString(unref(label)), 1)], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createElementVNode("span", _hoisted_4, toDisplayString(unref(label)), 1), createVNode(_component_a_tooltip, { title: labelIconTooltip.value }, {
+					default: withCtx(() => [createVNode(unref(SvgIcon), { "icon-class": labelIconClass.value }, null, 8, ["icon-class"])]),
+					_: 1
+				}, 8, ["title"])], 64))])) : (openBlock(), createElementBlock("span", _hoisted_5, toDisplayString(unref(label)), 1))])) : createCommentVNode("", true)]),
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, void 0, true)]),
+				_: 3
+			}, 8, [
+				"labelCol",
+				"rules",
+				"name",
+				"labelAlign"
+			])], 2)) : createCommentVNode("", true);
+		};
+	}
+}));
+//#endregion
+export { form_item_wrapper_vue_vue_type_script_setup_true_lang_default as default };