@kp-ui/lowcode-pc-v2 0.0.11 → 0.0.13

package/assets/styles/style.css

@@ -135,6 +135,23 @@
   border-radius: 4px;
   color: #333;
 }
+.layout-render-wrapper[data-v-cc552ab2] {
+  flex: 1;
+  width: 100%;
+  height: 100%;
+  max-height: 100%;
+  min-height: 0;
+  overflow-y: auto;
+  overflow-x: hidden;
+  background: var(--7f03c4fc);
+}
+.loading-wrapper[data-v-cc552ab2] {
+  min-height: 300px;
+  padding: 20px;
+}
+.ant-form .ant-form-item-explain.ant-form-item-explain-connected[data-v-cc552ab2] {
+  display: none;
+}
 .field-wrapper[data-v-254940bd] {
   position: relative;
 }
@@ -191,6 +208,80 @@
 }
 .ant-form-item .custom-label[data-v-254940bd] .svg-icon {
   flex: 0 0 auto;
+}.html-text-widget[data-v-af85686c] {
+  padding: 8px 0;
+}.button-list-container[data-v-37429548] {
+  flex: 1;
+  display: flex;
+  justify-content: var(--flex);
+}
+.button-list-container .button-icon[data-v-37429548] {
+  margin-right: 4px;
+}.button-list-widget[data-v-7c7bae62] {
+  display: flex;
+  flex-wrap: wrap;
+}
+.button-list-widget.layout-horizontal[data-v-7c7bae62] {
+  flex-direction: row;
+}
+.button-list-widget.layout-vertical[data-v-7c7bae62] {
+  flex-direction: column;
+}.readonly-mode-field[data-v-9ce952fa] {
+  display: inline-block;
+  white-space: pre-wrap;
+  line-height: 1.5;
+  max-height: 100px;
+  overflow-y: auto;
+}.select-box[data-v-cd64c14b] {
+  display: flex;
+  width: 100%;
+}
+.select-box.useModal[data-v-cd64c14b] .ant-select-selector {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+.select-box .useModal-svg[data-v-cd64c14b] {
+  border: 1px solid #d9d9d9;
+  cursor: pointer;
+  width: 40px;
+  background: #fafafa;
+  line-height: 30px;
+  border-left: 0;
+  text-align: center;
+  border-top-right-radius: 6px;
+  border-bottom-right-radius: 6px;
+}.readonly-mode-time[data-v-7b5d160f] .ant-picker {
+  display: none;
+}.readonly-mode-time-range[data-v-a6cdcc75] .ant-picker {
+  display: none;
+}.color-picker-wrapper[data-v-95d08661] {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+.color-picker-wrapper .color-input[data-v-95d08661] {
+  width: 40px;
+  height: 32px;
+  padding: 0;
+  border: 1px solid #d9d9d9;
+  border-radius: 4px;
+  cursor: pointer;
+}
+.color-picker-wrapper .color-value[data-v-95d08661] {
+  font-family: monospace;
+}
+.color-display[data-v-95d08661] {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+.color-display .color-box[data-v-95d08661] {
+  width: 20px;
+  height: 20px;
+  border: 1px solid #d9d9d9;
+  border-radius: 4px;
+}.static-text-widget[data-v-fdc47dc4] {
+  padding: 8px 0;
 }.designer[data-v-8c04a069] {
   position: relative;
 }
@@ -204,6 +295,39 @@
   right: 0;
   bottom: 0;
   background: rgba(0, 0, 0, 0.01);
+}.file-upload-tip[data-v-d7f7f675] {
+  font-size: 12px;
+  margin-top: 10px;
+  color: var(--text-color-secondary, #8c8c8c);
+  line-height: 1.5;
+}
+.tpf-upload .tpf-button[data-v-d7f7f675] {
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+  padding: 6px 16px;
+  border-radius: 6px;
+  background: var(--primary-color, #1677ff);
+  color: #fff;
+  cursor: pointer;
+  transition: all 0.2s;
+}
+.tpf-upload .tpf-button[data-v-d7f7f675]:hover {
+  opacity: 0.85;
+}.rich-editor-widget[data-v-a69f5c43] .ql-toolbar.ql-snow {
+  border-color: #d9d9d9;
+  border-top-left-radius: 8px;
+  border-top-right-radius: 8px;
+}
+.rich-editor-widget[data-v-a69f5c43] .ql-container.ql-snow {
+  border-bottom-left-radius: 8px;
+  border-bottom-right-radius: 8px;
+  border-color: #d9d9d9;
+}[data-v-143c8384] .ant-tree {
+  background: transparent;
+}
+[data-v-143c8384] .ant-tree .ant-tree-checkbox {
+  margin-block-start: 0;
 }.column-row[data-v-30a82eb1] {
   height: 400px;
   display: flex;
@@ -299,14 +423,7 @@
 .column-row .col-right-content-item .col-right-content-item-right[data-v-30a82eb1] .icon-guanbi:hover {
   opacity: 1;
 }
-.button-list-container[data-v-37429548] {
-  flex: 1;
-  display: flex;
-  justify-content: var(--flex);
-}
-.button-list-container .button-icon[data-v-37429548] {
-  margin-right: 4px;
-}.talbe-wrapper[data-v-457df1db] {
+.talbe-wrapper[data-v-457df1db] {
   position: relative;
   height: var(--3014ec30);
   display: flex;
@@ -328,106 +445,16 @@
   margin-top: 10px;
   display: flex;
   justify-content: end;
-}.file-upload-tip[data-v-d7f7f675] {
-  font-size: 12px;
-  margin-top: 10px;
-  color: var(--text-color-secondary, #8c8c8c);
-  line-height: 1.5;
-}
-.tpf-upload .tpf-button[data-v-d7f7f675] {
-  display: inline-flex;
-  align-items: center;
-  gap: 4px;
-  padding: 6px 16px;
-  border-radius: 6px;
-  background: var(--primary-color, #1677ff);
-  color: #fff;
-  cursor: pointer;
-  transition: all 0.2s;
-}
-.tpf-upload .tpf-button[data-v-d7f7f675]:hover {
-  opacity: 0.85;
-}.rich-editor-widget[data-v-a69f5c43] .ql-toolbar.ql-snow {
-  border-color: #d9d9d9;
-  border-top-left-radius: 8px;
-  border-top-right-radius: 8px;
-}
-.rich-editor-widget[data-v-a69f5c43] .ql-container.ql-snow {
-  border-bottom-left-radius: 8px;
-  border-bottom-right-radius: 8px;
-  border-color: #d9d9d9;
-}[data-v-143c8384] .ant-tree {
-  background: transparent;
-}
-[data-v-143c8384] .ant-tree .ant-tree-checkbox {
-  margin-block-start: 0;
-}.button-list-widget[data-v-7c7bae62] {
-  display: flex;
-  flex-wrap: wrap;
-}
-.button-list-widget.layout-horizontal[data-v-7c7bae62] {
-  flex-direction: row;
-}
-.button-list-widget.layout-vertical[data-v-7c7bae62] {
-  flex-direction: column;
-}.color-picker-wrapper[data-v-95d08661] {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-}
-.color-picker-wrapper .color-input[data-v-95d08661] {
-  width: 40px;
-  height: 32px;
-  padding: 0;
-  border: 1px solid #d9d9d9;
-  border-radius: 4px;
-  cursor: pointer;
-}
-.color-picker-wrapper .color-value[data-v-95d08661] {
-  font-family: monospace;
-}
-.color-display[data-v-95d08661] {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-}
-.color-display .color-box[data-v-95d08661] {
-  width: 20px;
-  height: 20px;
-  border: 1px solid #d9d9d9;
-  border-radius: 4px;
-}.html-text-widget[data-v-af85686c] {
-  padding: 8px 0;
-}.select-box[data-v-cd64c14b] {
-  display: flex;
+}.grid-cell[data-v-598209c1] {
+  position: relative;
+}.grid-container[data-v-a24cd517] {
   width: 100%;
 }
-.select-box.useModal[data-v-cd64c14b] .ant-select-selector {
-  border-top-right-radius: 0;
-  border-bottom-right-radius: 0;
+.grid-container[data-v-a24cd517] .designer-widget-list {
+  min-height: 28px;
 }
-.select-box .useModal-svg[data-v-cd64c14b] {
-  border: 1px solid #d9d9d9;
-  cursor: pointer;
-  width: 40px;
-  background: #fafafa;
-  line-height: 30px;
-  border-left: 0;
-  text-align: center;
-  border-top-right-radius: 6px;
-  border-bottom-right-radius: 6px;
-}.static-text-widget[data-v-fdc47dc4] {
-  padding: 8px 0;
-}.readonly-mode-field[data-v-9ce952fa] {
-  display: inline-block;
-  white-space: pre-wrap;
-  line-height: 1.5;
-  max-height: 100px;
-  overflow-y: auto;
-}.readonly-mode-time-range[data-v-a6cdcc75] .ant-picker {
-  display: none;
-}.readonly-mode-time[data-v-7b5d160f] .ant-picker {
-  display: none;
+.grid-container[data-v-a24cd517] .designer-widget-list .empty-drop-zone {
+  height: 28px;
 }.vf-box-widget[data-v-d52cfec5] {
   width: 100%;
 }
@@ -445,52 +472,105 @@
 }
 .vf-box-widget .vf-box-content[data-v-d52cfec5] {
   min-height: 60px;
-}.collapse-container[data-v-72ccf79c] {
+}.collapse-container[data-v-a9c6fa96] {
   display: flex;
   margin: 2px;
   width: 100%;
+  flex-direction: column;
 }
-.collapse-container .form-widget-list[data-v-72ccf79c] {
+.collapse-container .form-widget-list[data-v-a9c6fa96] {
   min-height: 28px;
 }
-.collapse-container[data-v-72ccf79c] .header-right .form-widget-list {
+.collapse-container[data-v-a9c6fa96] .header-right .form-widget-list {
   min-width: 200px;
 }
-.tpf-collapse[data-v-72ccf79c] {
+.tpf-like-collapse[data-v-a9c6fa96] {
+  width: 100%;
+  background: transparent;
+  border: 0;
+  padding: 5px;
+  box-sizing: border-box;
+}
+.tpf-like-collapse[data-v-a9c6fa96] .ant-collapse-item {
+  border: 0;
+  background: transparent;
   padding: 5px;
 }
-.tpf-collapse .collapse-right[data-v-72ccf79c] {
+.tpf-like-collapse[data-v-a9c6fa96] .ant-collapse-header {
+  padding: 10px 10px 10px 0 !important;
+  box-sizing: border-box;
+  background: #f7f8fa;
+  align-items: center !important;
+}
+.tpf-like-collapse[data-v-a9c6fa96] .ant-collapse-header-text {
+  min-width: 0;
+}
+.tpf-like-collapse[data-v-a9c6fa96] .ant-collapse-extra {
+  min-height: 30px;
+}
+.tpf-like-collapse[data-v-a9c6fa96] .ant-collapse-content {
+  border: 0;
+  background: transparent;
+  padding: 16px;
+}
+.tpf-like-collapse[data-v-a9c6fa96] .ant-collapse-content-box {
+  padding: 0;
+  border-radius: 6px;
+  overflow: hidden;
+  background-color: #fff;
+}
+.tpf-like-collapse .tpf-like-collapse-header-content[data-v-a9c6fa96] {
+  display: inline-flex;
+  align-items: center;
+  gap: 5px;
+  min-width: 0;
+  padding-left: 10px;
+}
+.tpf-like-collapse .tpf-like-collapse-header-content[data-v-a9c6fa96]::before {
+  content: '';
+  background-color: var(--ant-primary-color);
+  width: 4px;
+  height: 20px;
+  position: absolute;
+  top: 50%;
+  left: 0;
+  transform: translateY(-50%);
+}
+.tpf-like-collapse .tpf-like-collapse-title[data-v-a9c6fa96] {
+  font-weight: 500;
+  color: #1f2329;
+  line-height: 24px;
+  font-size: 16px;
+}
+.tpf-like-collapse .collapse-right[data-v-a9c6fa96] {
   min-width: 200px;
   min-height: 30px;
   display: flex;
   justify-content: end;
 }
-.tpf-collapse[data-v-72ccf79c] .tpf-collapse-content-wrapper {
+.tpf-like-collapse .collapse-right[data-v-a9c6fa96] .ant-form-item {
+  margin-bottom: 0;
+}
+.tpf-like-collapse[data-v-a9c6fa96] .tpf-collapse-content-wrapper {
   overflow: hidden;
   background-color: #fff;
-  padding: 16px;
 }
 [data-v-17ae4bcb] .ant-modal-body .ime-table {
   height: 100%;
-}.flex-container[data-v-4ac728a4] {
-  width: 100%;
-  min-height: 42px;
-}
-.flex-container[data-v-4ac728a4] .ant-form-item {
-  margin-bottom: 0;
 }.form-widget[data-v-4231072f] {
   width: 100%;
   min-height: 60px;
-}.grid-cell[data-v-598209c1] {
-  position: relative;
-}.grid-container[data-v-a24cd517] {
+}.space-container[data-v-b88f40ce] {
   width: 100%;
 }
-.grid-container[data-v-a24cd517] .designer-widget-list {
-  min-height: 28px;
+.space-container[data-v-b88f40ce] .ant-form-item {
+  margin-bottom: 0;
+}.flex-container[data-v-4ac728a4] {
+  width: 100%;
+  min-height: 42px;
 }
-.grid-container[data-v-a24cd517] .designer-widget-list .empty-drop-zone {
-  height: 28px;
+.flex-container[data-v-4ac728a4] .ant-form-item {
+  margin-bottom: 0;
 }.list-container[data-v-ec678321] {
   width: 100%;
 }
@@ -517,11 +597,6 @@
   border: 1px dashed #d9d9d9;
   border-radius: 4px;
   background: #fafafa;
-}.space-container[data-v-b88f40ce] {
-  width: 100%;
-}
-.space-container[data-v-b88f40ce] .ant-form-item {
-  margin-bottom: 0;
 }.page-template-widget[data-v-dc2a06fa] {
   min-height: 100%;
 }
@@ -531,20 +606,4 @@
 .page-template-widget[data-v-dc2a06fa] .addInfoLayout-footer .ant-form-item {
   margin-bottom: 0;
 }
-.layout-render-wrapper[data-v-976bc2cb] {
-  flex: 1;
-  width: 100%;
-  height: 100%;
-  min-height: 0;
-  overflow-y: auto;
-  overflow-x: hidden;
-  background: var(--ee95b64a);
-}
-.loading-wrapper[data-v-976bc2cb] {
-  min-height: 300px;
-  padding: 20px;
-}
-.ant-form .ant-form-item-explain.ant-form-item-explain-connected[data-v-976bc2cb] {
-  display: none;
-}
 /*$vite$:1*/

package/core/src/components/common/render/RenderWidgetList.vue_vue_type_script_setup_true_lang.js

@@ -1,5 +1,6 @@
 import { Fragment, createBlock, createElementBlock, defineComponent, inject, mergeModels, normalizeStyle, openBlock, provide, renderList, resolveDynamicComponent, toRef, unref, useModel } from "vue";
 //#region ../core/src/components/common/render/RenderWidgetList.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["id"];
 var RenderWidgetList_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	name: "RenderWidgetList",
@@ -25,15 +26,21 @@ var RenderWidgetList_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 	setup(__props) {
 		const props = __props;
 		const getWidget = inject("getWidget", (widget) => {});
+		const getWrapperStyle = (widget, index) => {
+			var _props$itemStyle, _props$itemStyle2;
+			return (_props$itemStyle = (_props$itemStyle2 = props.itemStyle) === null || _props$itemStyle2 === void 0 ? void 0 : _props$itemStyle2.call(props, widget, index)) !== null && _props$itemStyle !== void 0 ? _props$itemStyle : { display: "contents" };
+		};
 		if (typeof props.subFormRowIndex === "number") provide("subFormRowIndex", toRef(props.subFormRowIndex));
 		const list = useModel(__props, "list");
 		return (_ctx, _cache) => {
 			return openBlock(true), createElementBlock(Fragment, null, renderList(list.value, (widget, index) => {
-				var _ctx$itemStyle;
-				return openBlock(), createBlock(resolveDynamicComponent(unref(getWidget)(widget)), {
+				return openBlock(), createElementBlock("div", {
 					key: `${widget.id}_${index}`,
-					id: widget.id,
-					style: normalizeStyle([widget.style, (_ctx$itemStyle = _ctx.itemStyle) === null || _ctx$itemStyle === void 0 ? void 0 : _ctx$itemStyle.call(_ctx, widget, index)]),
+					id: _ctx.itemStyle ? widget.id : void 0,
+					style: normalizeStyle(getWrapperStyle(widget, index))
+				}, [(openBlock(), createBlock(resolveDynamicComponent(unref(getWidget)(widget)), {
+					id: _ctx.itemStyle ? void 0 : widget.id,
+					style: normalizeStyle(widget.style),
 					widget,
 					field: widget,
 					index
@@ -43,7 +50,7 @@ var RenderWidgetList_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 					"widget",
 					"field",
 					"index"
-				]);
+				]))], 12, _hoisted_1);
 			}), 128);
 		};
 	}

package/core/src/lang/en-US.js

@@ -242,6 +242,8 @@ var en_US_default = {
 			treeDefaultExpandAll: "Default Expand All Tree Nodes",
 			shape: "Button Shape",
 			danger: "Danger Button",
+			buttonStyle: "Button Style",
+			outline: "Outline",
 			defaultPageSize: "Default Page Size",
 			specifyPageSizeOptions: "Page Size Options",
 			hideOnSinglePage: "Hide Pagination On Single Page",

package/core/src/lang/zh-CN.js

@@ -293,6 +293,8 @@ var zh_CN_default = {
 			treeDefaultExpandAll: "默认展开所有树节点",
 			shape: "按钮形状",
 			danger: "危险按钮",
+			buttonStyle: "按钮样式",
+			outline: "描边",
 			ghost: "幽灵按钮",
 			buttonConfig: "按钮配置",
 			placement: "菜单弹出位置",

package/core/src/utils/getWidgetCompontent.js

@@ -16,7 +16,7 @@ import { isArray } from "lodash-es";
 */
 function getWidgetCompontent(widget, widgetList, designState) {
 	const widgetType = widget.type;
-	const currentWidget = widgetList.get(widgetType + "-widget");
+	const currentWidget = widgetList.get(widgetType) || widgetList.get(widgetType + "-widget");
 	if (currentWidget) {
 		if (isArray(currentWidget)) return designState ? currentWidget[0] : currentWidget[1];
 		return currentWidget;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kp-ui/lowcode-pc-v2",
-  "version": "0.0.11",
+  "version": "0.0.13",
   "publishConfig": {
     "access": "public",
     "registry": "https://registry.npmjs.org/"

package/src/components/public/CustomerModal/CustomerModal.vue_vue_type_script_setup_true_lang.js

@@ -1,7 +1,7 @@
 import { useI18n } from "../../../../core/src/utils/i18n.js";
 import { useLowcode } from "../../../../core/src/hooks/useLowcode.js";
-import ActionButtonListRender_default from "../ActionButtonListRender.js";
 import render_default from "../../../render/index.js";
+import ActionButtonListRender_default from "../ActionButtonListRender.js";
 import { computed, createBlock, createVNode, defineComponent, mergeProps, nextTick, onMounted, openBlock, ref, unref, useAttrs, withCtx } from "vue";
 import { Skeleton } from "ant-design-vue";
 import { TpfConfigProvider, TpfModal } from "tmgc2-share";
@@ -26,14 +26,7 @@ var CustomerModal_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 		const visible = ref(false);
 		const props = __props;
 		const emit = __emit;
-		const vfCtx = computed(() => {
-			var _attrs$row;
-			return {
-				_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,
-				type: props.type,
-				...attrs
-			};
-		});
+		const vfCtx = ref();
 		const isDisabled = ref(false);
 		const { vfdRef, formConfig, getPageJson, isLoading } = useLowcode({
 			pageCode: props.formCode,
@@ -48,9 +41,15 @@ var CustomerModal_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 			return "新增";
 		});
 		const show = async () => {
+			var _attrs$row;
 			visible.value = true;
 			await nextTick();
 			await getPageJson();
+			vfCtx.value = {
+				_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,
+				type: props.type,
+				...attrs
+			};
 		};
 		const setleftText = (number) => {
 			leftNum.value = number;

package/src/render/index.js

@@ -2,6 +2,6 @@ import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export
 import index_vue_vue_type_script_setup_true_lang_default from "./index.vue_vue_type_script_setup_true_lang.js";
 /* empty css                                                      */
 //#region src/render/index.vue
-var render_default = /* @__PURE__ */ _plugin_vue_export_helper_default(index_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-976bc2cb"]]);
+var render_default = /* @__PURE__ */ _plugin_vue_export_helper_default(index_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-cc552ab2"]]);
 //#endregion
 export { render_default as default };

package/src/render/index.vue_vue_type_script_setup_true_lang.js

@@ -28,7 +28,7 @@ var index_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 		parentForm: { default: null }
 	},
 	setup(__props, { expose: __expose }) {
-		useCssVars((_ctx) => ({ "ee95b64a": unref(formConfig).backgroundColor }));
+		useCssVars((_ctx) => ({ "7f03c4fc": unref(formConfig).backgroundColor }));
 		const debug = computed(() => getLocat().debug === "1");
 		const debugVisible = ref(false);
 		const props = __props;

package/src/widgets/base/radio/schema.js

@@ -19,6 +19,7 @@ var Radio = {
 		disabled: false,
 		readonly: false,
 		clearable: false,
+		buttonStyle: "outline",
 		size: "default"
 	}
 };

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

@@ -3,6 +3,6 @@ import index_render_vue_vue_type_script_setup_true_lang_default from "./index-re
 /* empty css                                                             */
 /* empty css                                                             */
 //#region src/widgets/containers/collapse/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-72ccf79c"]]);
+var index_render_default = /* @__PURE__ */ _plugin_vue_export_helper_default(index_render_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-a9c6fa96"]]);
 //#endregion
 export { index_render_default as default };