@gct-paas/design 0.1.6-dev.9 → 6.0.0-dev.10

package/es/schema/common-config/common-field-editor-config.mjs

@@ -3,7 +3,7 @@ import { useScope } from "../../hooks/design-view/layout/useScope.mjs";
 import { useDesigner } from "../../hooks/design-view/useDesigner.mjs";
 import "../../hooks/index.mjs";
 import { has } from "lodash-es";
-import { BindCmpStyleEnum, BindCmpStyleTypeEnum, EntityModelTypeEnum, FIELD_TYPE, FormComponents, MaterialEnum, Platform, PropGroup, TreeHelper } from "@gct-paas/core";
+import { BindCmpStyleEnum, BindCmpStyleTypeEnum, ContextSceneEnum, EntityModelTypeEnum, FIELD_TYPE, FormComponents, MaterialEnum, Platform, PropGroup, TreeHelper } from "@gct-paas/core";
 import { isFormFieldType } from "@gct-paas/schema";
 //#region src/schema/common-config/common-field-editor-config.ts
 /** 字段名称和显示标题config */
@@ -62,7 +62,7 @@ var getInputAttrEditor = (needFieldAttrs) => {
 			}
 		},
 		hidden(widget) {
-			return widget.props.field === "operating_state_" || widget.props.bindFieldKey || widget.materialType === MaterialEnum.DescriptionsFormField || widget.props.fieldReadonly;
+			return widget.props.field === "operating_state_" || widget.props.bindFieldKey || widget.materialType === MaterialEnum.DescriptionsFormField || widget.props.fieldReadonly || _gct.store.context.scene === ContextSceneEnum.DETAIL;
 		}
 	}];
 };
@@ -118,6 +118,7 @@ var explainEditor = [{
 	formItemStyle: { marginBottom: "12px" },
 	group: PropGroup.FIELD_CONFIG,
 	hidden: (widget) => {
+		if (widget.props.hiddenInDetail) return true;
 		if (widget.props.bindFieldKey || widget.props.fieldReadonly) return true;
 		if ((widget.materialType === MaterialEnum.MaterialFormField || widget.materialType === MaterialEnum.MaterialSubTableModalField) && widget.platform === Platform.PAD) return true;
 		return widget.platform !== Platform.WEB && widget.platform !== Platform.PAD;
@@ -160,7 +161,10 @@ var validatorEditor = [{
 	name: "closeValidator",
 	label: "sys.pageDesigner.closeValidator",
 	group: PropGroup.FIELD_CONFIG,
-	formField: true
+	formField: true,
+	hidden(widget) {
+		return widget.props.hiddenInDetail;
+	}
 }];
 /** 下拉列表、单选、多选公共config */
 var SCREditorUtils = {

package/es/schema/common-config/display-editor-config.mjs

@@ -66,7 +66,7 @@ var displayEditor = [
 		label: "sys.pageDesigner.deviceConnectivity",
 		group: PropGroup.FIELD_CONFIG,
 		hidden: (widget) => {
-			return widget.platform !== Platform.WEB || ![MaterialEnum.MaterialFormField].includes(widget.materialType) || !deviceFields.includes(widget.props.fieldType);
+			return widget.platform !== Platform.WEB || ![MaterialEnum.MaterialFormField].includes(widget.materialType) || !deviceFields.includes(widget.props.fieldType) || widget.props.fieldReadonly || widget.props.hiddenInDetail;
 		}
 	}
 ];

package/es/schema/field/index.mjs

@@ -29,18 +29,27 @@ function setupOverride() {
 	console.debug("正在注册字段编辑器覆写配置");
 	FieldEditorOverrideRegistry.register(MaterialEnum.MaterialTableField, {
 		propEditor: (selectedRef, defaultList) => {
+			if (selectedRef.isField !== true) return;
 			return FieldOverrideUtil.tableVTablePropEditor(selectedRef, defaultList);
 		},
-		styleEditor: (_selectedRef, _defaultWidget) => runStyleEditor()
+		styleEditor: (selectedRef, _defaultWidget) => {
+			if (selectedRef.isField !== true) return;
+			return runStyleEditor();
+		}
 	});
 	FieldEditorOverrideRegistry.register(MaterialEnum.MaterialEmbedTableField, {
 		propEditor: (selectedRef, defaultList) => {
+			if (selectedRef.isField !== true) return;
 			return FieldOverrideUtil.tableVTablePropEditor(selectedRef, defaultList);
 		},
-		styleEditor: (_selectedRef, _defaultWidget) => runStyleEditor()
+		styleEditor: (selectedRef, _defaultWidget) => {
+			if (selectedRef.isField !== true) return;
+			return runStyleEditor();
+		}
 	});
 	FieldEditorOverrideRegistry.register(MaterialEnum.MaterialSubTableField, {
 		propEditor: (selectedRef, defaultList, preCompInfo) => {
+			if (selectedRef.isField !== true) return;
 			if (preCompInfo && preCompInfo.props?.editMode === SUB_TABLE_EDIT_MODE.MODAL) return FieldOverrideUtil.runTableSelectPropEditor(selectedRef, "subTable2Field");
 			const { platform } = selectedRef;
 			if (platform === Platform.PAD) {
@@ -50,14 +59,19 @@ function setupOverride() {
 			if (platform === Platform.WEB) return webRunPropEditor(defaultList);
 		},
 		styleEditor: (selectedRef, _defaultWidget) => {
+			if (selectedRef.isField !== true) return;
 			return selectedRef.platform === Platform.WEB ? runStyleEditor() : mobileRunSubTableStyleEditor();
 		}
 	});
 	FieldEditorOverrideRegistry.register(MaterialEnum.MaterialTableSelectField, {
 		propEditor: (selectedRef, _defaultList) => {
+			if (selectedRef.isField !== true) return;
 			return FieldOverrideUtil.runTableSelectPropEditor(selectedRef);
 		},
-		styleEditor: (_selectedRef, _defaultWidget) => runStyleEditor()
+		styleEditor: (selectedRef, _defaultWidget) => {
+			if (selectedRef.isField !== true) return;
+			return runStyleEditor();
+		}
 	});
 }
 setupOverride();

package/es/schema/modal/modal.mjs

@@ -1,7 +1,7 @@
 import { __exportAll } from "../../_virtual/_rolldown/runtime.mjs";
 import { widget as widget$1 } from "./modal-body.mjs";
 import { widget as widget$2 } from "./modal-footer.mjs";
-import { BuiltinType, Platform, PropGroup, StyleGroup, buildShortUUID } from "@gct-paas/core";
+import { BuiltinType, ContextSceneEnum, Platform, PropGroup, StyleGroup } from "@gct-paas/core";
 //#region src/schema/modal/modal.ts
 var modal_exports = /* @__PURE__ */ __exportAll({
 	beforeCreate: () => beforeCreate,
@@ -145,7 +145,7 @@ var propEditorList = [
 		label: "sys.pageDesigner.operateButton",
 		group: PropGroup.BUTTON,
 		hidden: (widget) => {
-			return widget.props.isSubTableModal;
+			return widget.props.isSubTableModal || _gct.store.context.scene === ContextSceneEnum.DETAIL;
 		}
 	}
 ];
@@ -166,8 +166,7 @@ var eventList = [{
 }];
 var runCallback = () => {};
 var beforeCreate = (widget) => {
-	widget.children[0].id = buildShortUUID(widget.children[0].type);
-	widget.children[1].id = buildShortUUID(widget.children[1].type);
+	if (_gct.store.context.scene === ContextSceneEnum.DETAIL) widget.props.hasFooter = false;
 };
 var designerConfig = { basicProps: {
 	key_label: "弹窗",

package/es/setup-app.d.ts

@@ -1 +1,2 @@
-export declare function designSetupApp(): Promise<void>;
+import { App } from 'vue';
+export declare function designSetupApp(_app: App): Promise<void>;

package/es/setup-app.mjs

@@ -1,9 +1,11 @@
 import { designInterceptors } from "./utils/design-interceptors/design-interceptors.mjs";
 import { onWidgetInfoInit } from "./utils/init-widget-info/init-widget-info.mjs";
 import "./utils/index.mjs";
+import { registerDesignLocale } from "./locale/auto-register.mjs";
 import { HttpUtil } from "@gct-paas/api";
 //#region src/setup-app.ts
-async function designSetupApp() {
+async function designSetupApp(_app) {
+	registerDesignLocale();
 	onWidgetInfoInit();
 	HttpUtil.use(designInterceptors);
 	await _gct.store.loadAppInfo();

package/es/types/index.d.ts

@@ -1,5 +1,5 @@
 import '@gct-paas/core/types';
-import type { DesignerRegister } from '../register';
+import type { DesignerRegister, PropsEditorRegister } from '../register';
 
 declare module '@gct-paas/core' {
   interface IGlobalRegister {
@@ -7,6 +7,7 @@ declare module '@gct-paas/core' {
       pad: DesignerRegister;
       mobile: DesignerRegister;
       web: DesignerRegister;
+      propsEditor: PropsEditorRegister;
     };
   }
 }

package/es/utils/design-interceptors/design-interceptors.mjs

@@ -9,7 +9,7 @@ import { AxiosHeaders } from "axios";
 function designInterceptors(axios) {
 	axios.interceptors.request.use((config) => {
 		if (!config.headers) config.headers = new AxiosHeaders();
-		config.headers.Env = "dev";
+		config.headers.Env = _gct.env.getEnv();
 		config.headers.source = 501;
 		if (!config.headers["App-Tag"]) {
 			config.headers["App-Tag"] = _gct.store.context.aid;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gct-paas/design",
-  "version": "0.1.6-dev.9",
+  "version": "6.0.0-dev.10",
   "type": "module",
   "description": "paas 平台设计界面底包",
   "loader": "dist/loader.esm.min.js",
@@ -34,10 +34,10 @@
     "@ant-design/icons-vue": "^7.0.1",
     "@babel/core": "^7.29.0",
     "@babel/standalone": "^7.29.2",
-    "@gct-paas/api": "^0.1.6-dev.5",
+    "@gct-paas/api": "^6.0.0-dev.7",
     "@jsplumb/browser-ui": "^6.2.10",
     "@vueuse/core": "^14.1.0",
-    "ant-design-vue": "~3.2.20",
+    "ant-design-vue": "npm:@gct-paas/ant-design-vue@3.2.21",
     "async-validator": "^4.2.5",
     "axios": "^1.13.2",
     "colord": "^2.9.3",
@@ -51,10 +51,10 @@
     "react-dnd-html5-backend": "^16.0.1",
     "vue": "^3.5.30",
     "vue3-dnd": "^2.1.0",
-    "@gct-paas/core-web": "0.1.6-dev.9",
-    "@gct-paas/core": "0.1.6-dev.9",
-    "@gct-paas/schema": "0.1.6-dev.9",
-    "@gct-paas/scss": "0.1.6-dev.9"
+    "@gct-paas/core": "6.0.0-dev.10",
+    "@gct-paas/schema": "6.0.0-dev.10",
+    "@gct-paas/scss": "6.0.0-dev.10",
+    "@gct-paas/core-web": "6.0.0-dev.10"
   },
   "devDependencies": {
     "@types/babel__core": "^7.20.5",
@@ -62,12 +62,12 @@
     "@types/estraverse": "^5.1.7"
   },
   "peerDependencies": {
-    "@gct-paas/api": "^0.1.6-dev.5",
+    "@gct-paas/api": "^6.0.0-dev.7",
     "vue": ">=3",
-    "@gct-paas/core": "0.1.6-dev.9",
-    "@gct-paas/core-web": "0.1.6-dev.9",
-    "@gct-paas/scss": "0.1.6-dev.9",
-    "@gct-paas/schema": "0.1.6-dev.9"
+    "@gct-paas/core": "6.0.0-dev.10",
+    "@gct-paas/core-web": "6.0.0-dev.10",
+    "@gct-paas/schema": "6.0.0-dev.10",
+    "@gct-paas/scss": "6.0.0-dev.10"
   },
   "scripts": {
     "dev": "cross-env NODE_ENV=development vite build --watch --config vite.dev.config.ts",

package/es/components/design-save-tip/design-save-tip.css

@@ -1,107 +0,0 @@
-@charset "UTF-8";
-/* stylelint-disable scss/no-global-function-names */
-/* bem('block', 'element', 'modifier') => 'ibiz-block__element--modifier' */
-/**
- * 定义 Block 块
- * @param {String} $block - Block 块名称
- * @example
- *   @include b('button') {
- *     padding: 10px;
- *   }
- */
-/**
- * 定义 Element 元素
- * @param {String|List} $element - Element 元素名称，支持单个或多个
- * @example
- *   @include b('button') {
- *     @include e('text') {
- *       color: #000;
- *     }
- *   }
- *   // 或传入多个元素
- *   @include b('button') {
- *     @include e(('text', 'icon')) {
- *       margin: 5px;
- *     }
- *   }
- */
-/**
- * 定义 Modifier 修饰符
- * @param {String|List} $modifier - Modifier 修饰符名称，支持单个或多个
- * @example
- *   @include b('button') {
- *     @include m('primary') {
- *       background: blue;
- *     }
- *   }
- *   // 或传入多个修饰符
- *   @include b('button') {
- *     @include m(('primary', 'large')) {
- *       background: blue;
- *       font-size: 16px;
- *     }
- *   }
- */
-/**
- * 定义状态选择器
- * @param {String} $state - 状态名称
- * @example
- *   @include b('button') {
- *     @include when('disabled') {
- *       opacity: 0.5;
- *     }
- *   }
- */
-/**
- * 深色主题样式
- * @param {String} $block - Block 块名称
- * @example
- *   @include dark('button') {
- *     background: #333;
- *     color: #fff;
- *   }
- */
-/* stylelint-disable scss/no-global-function-names */
-.gct-design-save-tip {
-  position: relative;
-  padding: var(--gct-padding-7);
-  padding-left: 38px;
-  width: 316px;
-  height: 140px;
-}
-.gct-design-save-tip__tip-icon {
-  position: absolute;
-  top: 17px;
-  left: 16px;
-  font-size: 16px;
-}
-
-.gct-design-save-tip__header {
-  font-size: 14px;
-  font-weight: bold;
-  color: #1A1D23;
-}
-
-.gct-design-save-tip__content {
-  font-size: 14px;
-  margin-top: 2px;
-  color: var(--gct-color-text-4);
-}
-
-.gct-design-save-tip__footer {
-  margin-top: 16px;
-}
-.gct-design-save-tip__footer .ant-btn-link {
-  padding-left: 0;
-  padding-right: 0;
-  margin-right: 40px;
-}
-
-.gct-design-save-tip__cancel-btn {
-  width: 62px;
-  margin-right: 12px;
-}
-
-.gct-design-save-tip__save-exit {
-  width: 90px;
-}

package/es/components/design-save-tip/design-save-tip.d.ts

@@ -1,44 +0,0 @@
-import { PropType } from 'vue';
-import { IModal } from '@gct-paas/core';
-export declare const DesignSaveTip: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-    modal: {
-        type: PropType<IModal>;
-        required: true;
-    };
-    title: {
-        type: StringConstructor;
-        default: () => string;
-    };
-    content: {
-        type: StringConstructor;
-        default: () => string;
-    };
-    exit: {
-        type: PropType<() => void>;
-    };
-    saveAndExit: {
-        type: PropType<() => void>;
-    };
-}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    modal: {
-        type: PropType<IModal>;
-        required: true;
-    };
-    title: {
-        type: StringConstructor;
-        default: () => string;
-    };
-    content: {
-        type: StringConstructor;
-        default: () => string;
-    };
-    exit: {
-        type: PropType<() => void>;
-    };
-    saveAndExit: {
-        type: PropType<() => void>;
-    };
-}>> & Readonly<{}>, {
-    title: string;
-    content: string;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/es/components/design-save-tip/design-save-tip.mjs

@@ -1,81 +0,0 @@
-import './design-save-tip.css';/* empty css                      */
-import { t, useNamespace } from "@gct-paas/core";
-import { createVNode, defineComponent, isVNode, resolveComponent } from "vue";
-//#region src/components/design-save-tip/design-save-tip.tsx
-function _isSlot(s) {
-	return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
-}
-var DesignSaveTip = /* @__PURE__ */ defineComponent({
-	name: "DesignSaveTip",
-	props: {
-		modal: {
-			type: Object,
-			required: true
-		},
-		title: {
-			type: String,
-			default: () => {
-				return t("sys.cardDesign.back_info.title");
-			}
-		},
-		content: {
-			type: String,
-			default: () => {
-				return t("sys.cardDesign.back_info.content");
-			}
-		},
-		exit: { type: Function },
-		saveAndExit: { type: Function }
-	},
-	setup(props) {
-		const ns = useNamespace("design-save-tip");
-		/**
-		* 继续编辑
-		*/
-		function onContinue() {
-			props.modal.dismiss({ ok: false });
-		}
-		/**
-		* 不保存并退出
-		*
-		*/
-		function onNotSave() {
-			if (props.exit) props.exit();
-			props.modal.dismiss({ ok: true });
-		}
-		/**
-		* 保存并退出
-		*/
-		function onSaveAndExit() {
-			if (props.saveAndExit) props.saveAndExit();
-			props.modal.dismiss({ ok: true });
-		}
-		return () => {
-			let _slot, _slot2, _slot3;
-			return createVNode("div", { "class": ns.b() }, [
-				createVNode("div", { "class": ns.e("tip-icon") }, [createVNode(resolveComponent("assets-svg-icon"), { "src": "/extras-assets/design-view/exclamation-circle.svg" }, null)]),
-				createVNode("div", { "class": ns.e("header") }, [props.title]),
-				createVNode("div", { "class": ns.e("content") }, [props.content]),
-				createVNode("div", { "class": ns.e("footer") }, [
-					createVNode(resolveComponent("a-button"), {
-						"type": "link",
-						"onClick": onContinue
-					}, _isSlot(_slot = t("sys.app.continueEdit")) ? _slot : { default: () => [_slot] }),
-					createVNode(resolveComponent("a-button"), {
-						"class": ns.e("cancel-btn"),
-						"size": "small",
-						"onClick": onNotSave
-					}, _isSlot(_slot2 = t("sys.cardDesign.back_info.notSave")) ? _slot2 : { default: () => [_slot2] }),
-					createVNode(resolveComponent("a-button"), {
-						"class": ns.e("save-exit"),
-						"type": "primary",
-						"size": "small",
-						"onClick": onSaveAndExit
-					}, _isSlot(_slot3 = t("sys.cardDesign.back_info.saveAndExit")) ? _slot3 : { default: () => [_slot3] })
-				])
-			]);
-		};
-	}
-});
-//#endregion
-export { DesignSaveTip };

package/es/components/design-step-check/design-step-check.css

@@ -1,133 +0,0 @@
-@charset "UTF-8";
-/* stylelint-disable scss/no-global-function-names */
-/* bem('block', 'element', 'modifier') => 'ibiz-block__element--modifier' */
-/**
- * 定义 Block 块
- * @param {String} $block - Block 块名称
- * @example
- *   @include b('button') {
- *     padding: 10px;
- *   }
- */
-/**
- * 定义 Element 元素
- * @param {String|List} $element - Element 元素名称，支持单个或多个
- * @example
- *   @include b('button') {
- *     @include e('text') {
- *       color: #000;
- *     }
- *   }
- *   // 或传入多个元素
- *   @include b('button') {
- *     @include e(('text', 'icon')) {
- *       margin: 5px;
- *     }
- *   }
- */
-/**
- * 定义 Modifier 修饰符
- * @param {String|List} $modifier - Modifier 修饰符名称，支持单个或多个
- * @example
- *   @include b('button') {
- *     @include m('primary') {
- *       background: blue;
- *     }
- *   }
- *   // 或传入多个修饰符
- *   @include b('button') {
- *     @include m(('primary', 'large')) {
- *       background: blue;
- *       font-size: 16px;
- *     }
- *   }
- */
-/**
- * 定义状态选择器
- * @param {String} $state - 状态名称
- * @example
- *   @include b('button') {
- *     @include when('disabled') {
- *       opacity: 0.5;
- *     }
- *   }
- */
-/**
- * 深色主题样式
- * @param {String} $block - Block 块名称
- * @example
- *   @include dark('button') {
- *     background: #333;
- *     color: #fff;
- *   }
- */
-/* stylelint-disable scss/no-global-function-names */
-.gct-design-step-check {
-  height: 40px;
-  border-radius: 20px;
-  background-color: rgb(232, 235, 240);
-  display: flex;
-  align-items: center;
-  padding: 3px 2px;
-  position: relative;
-  overflow: hidden;
-}
-.gct-design-step-check::before {
-  content: "";
-  display: var(--indicator-display, block);
-  position: absolute;
-  top: 2px;
-  left: var(--indicator-left, 3px);
-  width: var(--indicator-width, 130px);
-  height: 36px;
-  border-radius: 18px;
-  background-color: rgb(255, 255, 255);
-  z-index: 1;
-  pointer-events: none;
-}
-.gct-design-step-check__item {
-  position: relative;
-  height: 36px;
-  border-radius: 18px;
-  padding: 3px;
-  padding-right: 26px;
-  min-width: 131px;
-  max-width: max-content;
-  display: flex;
-  align-items: center;
-  cursor: pointer;
-  background-color: transparent;
-  z-index: 2;
-  color: var(--gct-color-text-1);
-}
-.gct-design-step-check__item.is-selected .gct-design-step-check__item-number {
-  background-color: var(--gct-color-primary);
-  color: #fff;
-}
-
-.gct-design-step-check__item.is-selected .gct-design-step-check__item-name {
-  font-weight: bold;
-  color: rgb(33, 37, 40);
-}
-
-.gct-design-step-check__item-number {
-  width: 30px;
-  height: 30px;
-  border-radius: 50%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  color: #5A5F6B;
-  font-weight: normal;
-  margin-right: 8px;
-  flex-shrink: 0;
-}
-
-.gct-design-step-check__item-name {
-  font-size: 16px;
-  color: #5A5F6B;
-  line-height: 22px;
-  font-weight: normal;
-  flex: 1;
-  white-space: nowrap;
-}

package/es/components/design-step-check/design-step-check.d.ts

@@ -1,30 +0,0 @@
-import { PropType } from 'vue';
-import { IViewStep } from '../../interface';
-/**
- * 设计界面步骤选择
- */
-export declare const DesignStepCheck: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-    steps: {
-        type: PropType<IViewStep[]>;
-        default: () => never[];
-    };
-    currentStep: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: string;
-    };
-}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("stepChange" | "update:currentStep")[], "stepChange" | "update:currentStep", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    steps: {
-        type: PropType<IViewStep[]>;
-        default: () => never[];
-    };
-    currentStep: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: string;
-    };
-}>> & Readonly<{
-    onStepChange?: ((...args: any[]) => any) | undefined;
-    "onUpdate:currentStep"?: ((...args: any[]) => any) | undefined;
-}>, {
-    steps: IViewStep[];
-    currentStep: string | number;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;