@gct-paas/design 0.1.5-test.2 → 0.1.6-dev.0

package/es/editor/style-font/style-font.mjs

@@ -0,0 +1,36 @@
+import './style-font.css';/* empty css                 */
+import { useNamespace } from "@gct-paas/core";
+import { createVNode, defineComponent, mergeProps, resolveComponent } from "vue";
+import { useGctFormValue } from "@gct-paas/core-web";
+//#region src/editor/style-font/style-font.tsx
+/**
+* 文本样式编辑器
+*/
+var StyleFont = /* @__PURE__ */ defineComponent({
+	name: "StyleFont",
+	inheritAttrs: false,
+	props: {
+		itemModel: {
+			type: Object,
+			required: true
+		},
+		model: {
+			type: Object,
+			required: true
+		},
+		value: { type: Object }
+	},
+	emits: ["update:value"],
+	setup(props) {
+		const ns = useNamespace("style-font");
+		const val = useGctFormValue();
+		return () => {
+			return createVNode(resolveComponent("font-editor"), mergeProps({
+				"value": val.value,
+				"onUpdate:value": ($event) => val.value = $event
+			}, props.model.props || {}, { "class": [ns.b(), ns.is("readonly", props.model.readonly)] }), null);
+		};
+	}
+});
+//#endregion
+export { StyleFont as default };

package/es/editor/style-position/index.d.ts

@@ -0,0 +1,4 @@
+declare const _default: {
+    install(app: import('vue').App): void;
+};
+export default _default;

package/es/editor/style-position/index.mjs

@@ -0,0 +1,11 @@
+import { DesignEditorType } from "../../constant/design-editor-type.mjs";
+import "../../constant/index.mjs";
+import StylePosition from "./style-position.mjs";
+import { widthEditorInstall } from "@gct-paas/core-web";
+//#region src/editor/style-position/index.ts
+var StylePositionProvider = class {
+	component = "style-position";
+};
+var style_position_default = widthEditorInstall(DesignEditorType.STYLE_POSITION, () => new StylePositionProvider(), StylePosition);
+//#endregion
+export { style_position_default as default };

package/es/editor/style-position/style-position.d.ts

@@ -0,0 +1,35 @@
+import { PropType } from 'vue';
+import { IStylePosition } from '../../interface';
+import { IFormItem } from '@gct-paas/core-web';
+import { IPosition } from '@gct-paas/core';
+/**
+ * 定位编辑器
+ */
+export declare const StylePosition: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    itemModel: {
+        type: PropType<IFormItem>;
+        required: true;
+    };
+    model: {
+        type: PropType<IStylePosition>;
+        required: true;
+    };
+    value: {
+        type: PropType<IPosition>;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "update:value"[], "update:value", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    itemModel: {
+        type: PropType<IFormItem>;
+        required: true;
+    };
+    model: {
+        type: PropType<IStylePosition>;
+        required: true;
+    };
+    value: {
+        type: PropType<IPosition>;
+    };
+}>> & Readonly<{
+    "onUpdate:value"?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default StylePosition;

package/es/editor/style-position/style-position.mjs

@@ -0,0 +1,35 @@
+import { useNamespace } from "@gct-paas/core";
+import { createVNode, defineComponent, mergeProps, resolveComponent } from "vue";
+import { useGctFormValue } from "@gct-paas/core-web";
+//#region src/editor/style-position/style-position.tsx
+/**
+* 定位编辑器
+*/
+var StylePosition = /* @__PURE__ */ defineComponent({
+	name: "StylePosition",
+	inheritAttrs: false,
+	props: {
+		itemModel: {
+			type: Object,
+			required: true
+		},
+		model: {
+			type: Object,
+			required: true
+		},
+		value: { type: Object }
+	},
+	emits: ["update:value"],
+	setup(props) {
+		const ns = useNamespace("style-position");
+		const val = useGctFormValue();
+		return () => {
+			return createVNode(resolveComponent("position-editor"), mergeProps({
+				"value": val.value,
+				"onUpdate:value": ($event) => val.value = $event
+			}, props.model.props || {}, { "class": [ns.b(), ns.is("readonly", props.model.readonly)] }), null);
+		};
+	}
+});
+//#endregion
+export { StylePosition as default };

package/es/editor/style-spacing/index.d.ts

@@ -0,0 +1,4 @@
+declare const _default: {
+    install(app: import('vue').App): void;
+};
+export default _default;

package/es/editor/style-spacing/index.mjs

@@ -0,0 +1,11 @@
+import { DesignEditorType } from "../../constant/design-editor-type.mjs";
+import "../../constant/index.mjs";
+import StyleSpacing from "./style-spacing.mjs";
+import { widthEditorInstall } from "@gct-paas/core-web";
+//#region src/editor/style-spacing/index.ts
+var StyleSpacingProvider = class {
+	component = "style-spacing";
+};
+var style_spacing_default = widthEditorInstall(DesignEditorType.STYLE_SPACING, () => new StyleSpacingProvider(), StyleSpacing);
+//#endregion
+export { style_spacing_default as default };

package/es/editor/style-spacing/style-spacing.d.ts

@@ -0,0 +1,34 @@
+import { PropType } from 'vue';
+import { IStyleSpacing } from '../../interface';
+import { IFormItem } from '@gct-paas/core-web';
+/**
+ * 边距编辑器
+ */
+export declare const StyleSpacing: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    itemModel: {
+        type: PropType<IFormItem>;
+        required: true;
+    };
+    model: {
+        type: PropType<IStyleSpacing>;
+        required: true;
+    };
+    value: {
+        type: StringConstructor;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "update:value"[], "update:value", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    itemModel: {
+        type: PropType<IFormItem>;
+        required: true;
+    };
+    model: {
+        type: PropType<IStyleSpacing>;
+        required: true;
+    };
+    value: {
+        type: StringConstructor;
+    };
+}>> & Readonly<{
+    "onUpdate:value"?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default StyleSpacing;

package/es/editor/style-spacing/style-spacing.mjs

@@ -0,0 +1,60 @@
+import { useNamespace } from "@gct-paas/core";
+import { computed, createVNode, defineComponent, mergeProps, resolveComponent } from "vue";
+import { useGctFormValue } from "@gct-paas/core-web";
+//#region src/editor/style-spacing/style-spacing.tsx
+/**
+* 边距编辑器
+*/
+var StyleSpacing = /* @__PURE__ */ defineComponent({
+	name: "StyleSpacing",
+	inheritAttrs: false,
+	props: {
+		itemModel: {
+			type: Object,
+			required: true
+		},
+		model: {
+			type: Object,
+			required: true
+		},
+		value: { type: String }
+	},
+	emits: ["update:value"],
+	setup(props) {
+		const ns = useNamespace("style-spacing");
+		const val = useGctFormValue();
+		const padding = computed({
+			get() {
+				return val.value?.[1];
+			},
+			set(v) {
+				const newVal = val.value ? [...val.value] : [];
+				newVal[1] = v;
+				val.value = newVal;
+			}
+		});
+		const margin = computed({
+			get() {
+				return val.value?.[0];
+			},
+			set(v) {
+				const newVal = val.value ? [...val.value] : [];
+				newVal[0] = v;
+				val.value = newVal;
+			}
+		});
+		return () => {
+			return createVNode(resolveComponent("spacing-editor"), mergeProps({
+				"padding": padding.value,
+				"onUpdate:padding": ($event) => padding.value = $event,
+				"margin": margin.value,
+				"onUpdate:margin": ($event) => margin.value = $event
+			}, props.model.props || {}, {
+				"showArea": props.model.showArea,
+				"class": [ns.b(), ns.is("readonly", props.model.readonly)]
+			}), null);
+		};
+	}
+});
+//#endregion
+export { StyleSpacing as default };

package/es/hooks/design-view/designer/useDesignSave.mjs

@@ -38,7 +38,9 @@ function useDesignSave() {
 			const widget = widgets[i];
 			const { type, props } = widget;
 			const configs = widgetInfo.value.propEditors[type];
-			const models = configs && isArray(configs) ? configs : configs(widgets, parents);
+			const models = [];
+			if (configs) if (isArray(configs)) models.push(...configs);
+			else models.push(...configs(widgets, parents));
 			for (let j = 0; j < models.length; j++) {
 				const model = models[j];
 				if (model?.required === true) {

package/es/hooks/design-view/layout/useToolkit.mjs

@@ -177,9 +177,9 @@ var instance = class ComponentUtils {
 	* @returns KIT 分类的 ToolkitWidgetGroup 数据
 	*/
 	_buildKitCategory(platform, suiteKey) {
-		const list = this._getDesignerRegister(platform).getProviders().filter((designer) => {
-			if (designer.kit && designer.kit.length) return designer.kit.includes(suiteKey);
-			if (designer.kit && designer.kit.length > 0 && !suiteKey) return false;
+		const design = this._getDesignerRegister(platform);
+		const list = !suiteKey ? [] : design.getProviders().filter((designer) => {
+			if (designer.kit && designer.kit.length > 0) return designer.kit.includes(suiteKey);
 			return false;
 		}).map((designer) => designer.schema);
 		return {

package/es/hooks/index.d.ts

@@ -20,7 +20,8 @@ export * from './design-view/layout/useToolkit';
 export * from './design-view/utils/field-schema.util';
 export * from './develop/useCacheHistory';
 export * from './develop/useKeyParser';
+export * from './use-model-field/use-model-field';
+export * from './use-design-view-controller/use-design-view-controller';
 export * from './widgets/useAsyncFields';
 export * from './widgets/useFileAttrsHooks';
-export * from './use-model-field/use-model-field';
 export { DesignViewHooks } from './designer.hooks';

package/es/hooks/index.mjs

@@ -22,7 +22,8 @@ import "./design-view/editor/useStyleEditor.mjs";
 import "./design-view/editor/useStyle.mjs";
 import "./design-view/utils/field-schema.util.mjs";
 import "./develop/useKeyParser.mjs";
-import "./widgets/useAsyncFields.mjs";
-import "./widgets/useFileAttrsHooks.mjs";
 import "./use-model-field/use-model-field.mjs";
 import "./designer.hooks.mjs";
+import "./use-design-view-controller/use-design-view-controller.mjs";
+import "./widgets/useAsyncFields.mjs";
+import "./widgets/useFileAttrsHooks.mjs";

package/es/hooks/use-design-view-controller/use-design-view-controller.d.ts

@@ -0,0 +1,11 @@
+import { IDesignViewController } from '../../interface';
+/**
+ * 获取设计界面控制器
+ *
+ * @author zhanghanrui
+ * @date 2024-07-08 11:07:59
+ * @export
+ * @param {() => IDesignViewController} [fn]
+ * @return {*}  {IDesignViewController}
+ */
+export declare function useDesignViewController(fn?: () => IDesignViewController): IDesignViewController;

package/es/hooks/use-design-view-controller/use-design-view-controller.mjs

@@ -0,0 +1,31 @@
+import { ControllerType } from "../../constant/index.mjs";
+import { DesignViewController } from "../../controller/view/design-view.controller.mjs";
+import "../../controller/index.mjs";
+import { inject, onMounted, onUnmounted, provide } from "vue";
+//#region src/hooks/use-design-view-controller/use-design-view-controller.ts
+/**
+* 获取设计界面控制器
+*
+* @author zhanghanrui
+* @date 2024-07-08 11:07:59
+* @export
+* @param {() => IDesignViewController} [fn]
+* @return {*}  {IDesignViewController}
+*/
+function useDesignViewController(fn) {
+	let c = inject(ControllerType.DESIGN_VIEW);
+	if (!c) {
+		if (fn) c = fn();
+		else c = new DesignViewController();
+		provide(ControllerType.DESIGN_VIEW, c);
+		onMounted(() => {
+			c.mounted();
+		});
+		onUnmounted(() => {
+			c.unmounted();
+		});
+	}
+	return c;
+}
+//#endregion
+export { useDesignViewController };

package/es/index.d.ts

@@ -1,11 +1,14 @@
 export * from './components';
-export * from './interface';
 export * from './constant';
+export * from './controller';
 export * from './data';
 export * from './hooks';
+export * from './interface';
 export * from './props';
+export * from './provider';
 export * from './register';
-export * from './utils';
 export * from './schema';
+export * from './store';
+export * from './utils';
 export { designCreateAppVue } from './create-app-vue';
 export { designSetupApp } from './setup-app';

package/es/index.mjs

@@ -3,14 +3,12 @@ import { DesignEditorType } from "./constant/design-editor-type.mjs";
 import { CategoryEnum, MenuClickEvent, ModelTypeEnum, PageTypeEnum, ProcessTypeEnum, ScriptTypeEnum } from "./constant/page-designer.mjs";
 import { ControllerType, DesignItemActionTag, DesignItemAttribute, DesignNodePrefix, DesignNodeType, DesignViewPrefix, InsertNodeMode, MaterialGroup } from "./constant/index.mjs";
 import { MaterialRegister } from "./register/material/material.register.mjs";
+import { NodeRegister } from "./register/node/node.register.mjs";
 import "./register/index.mjs";
-import { DesignSaveTip } from "./components/design-save-tip/design-save-tip.mjs";
-import { DesignStepCheck } from "./components/design-step-check/design-step-check.mjs";
-import { ModalNameEditor } from "./components/modal-name-editor/modal-name-editor.mjs";
-import { DesignViewLayout } from "./components/design-view-layout/design-view-layout.mjs";
-import FieldCascader_default from "./components/field-cascader/src/FieldCascader.vue.mjs";
+import { isCanCrop } from "./utils/can-drop/can-drop.mjs";
 import { designInterceptors } from "./utils/design-interceptors/design-interceptors.mjs";
 import { designRegister, platform } from "./utils/design-view/index.mjs";
+import { asyncIdentify } from "./utils/expression/index.mjs";
 import { basicAttrsUtils } from "./utils/field-attrs/basicAttrs.mjs";
 import { transformField2Component } from "./utils/field-attrs/index.mjs";
 import { deptFilter, formulaFilter } from "./utils/field-filter/index.mjs";
@@ -64,21 +62,39 @@ import { styleEditorProps, useStyleEditor } from "./hooks/design-view/editor/use
 import { propsToStyle, schemaToStyle, useStyle } from "./hooks/design-view/editor/useStyle.mjs";
 import { FieldSchema, initFieldWidgetRuntime } from "./hooks/design-view/utils/field-schema.util.mjs";
 import { useKeyParser } from "./hooks/develop/useKeyParser.mjs";
-import { useAsyncFieldConfig, useAsyncOperateField } from "./hooks/widgets/useAsyncFields.mjs";
-import { useAsyncFileAttrs } from "./hooks/widgets/useFileAttrsHooks.mjs";
 import { useModelField } from "./hooks/use-model-field/use-model-field.mjs";
+import { useDesignViewStore } from "./store/view/design-view.store.mjs";
+import "./store/index.mjs";
 import { DesignViewHooks } from "./hooks/designer.hooks.mjs";
+import { DesignViewController } from "./controller/view/design-view.controller.mjs";
+import "./controller/index.mjs";
+import { useDesignViewController } from "./hooks/use-design-view-controller/use-design-view-controller.mjs";
+import { useAsyncFieldConfig, useAsyncOperateField } from "./hooks/widgets/useAsyncFields.mjs";
+import { useAsyncFileAttrs } from "./hooks/widgets/useFileAttrsHooks.mjs";
 import "./hooks/index.mjs";
+import DesignContent from "./components/design/design-content/design-content.mjs";
+import { DesignItemPreview } from "./components/design/design-item-preview/design-item-preview.mjs";
+import { MaterialContent } from "./components/material/material-content/material-content.mjs";
+import { PanelContent } from "./components/panel/panel-content/panel-content.mjs";
+import { DesignSaveTip } from "./components/design-save-tip/design-save-tip.mjs";
+import { DesignStepCheck } from "./components/design-step-check/design-step-check.mjs";
+import { ModalNameEditor } from "./components/modal-name-editor/modal-name-editor.mjs";
+import { DesignViewLayout } from "./components/design-view-layout/design-view-layout.mjs";
+import FieldCascader_default from "./components/field-transfer/components/Cascader/FieldCascader.mjs";
 import { useFieldTransfer } from "./components/field-transfer/useFieldTransfer.mjs";
 import { useUserOccupy } from "./components/user-occupy/useUserOccupy.mjs";
 import user_lock_default from "./components/user-occupy/user-lock.vue.mjs";
 import user_occupy_default from "./components/user-occupy/user-occupy.vue.mjs";
+import multi_field_display_default from "./components/multi-field/multi-field-display.vue.mjs";
 import "./components/index.mjs";
 import { DesignNode } from "./data/design-node/design-node.mjs";
 import { DesignContainerNode } from "./data/design-container-node/design-container-node.mjs";
 import { DesignEditorNode } from "./data/design-editor-node/design-editor-node.mjs";
 import "./data/index.mjs";
 import { nodeContainerProps, nodeEditorProps, nodeProps } from "./props/index.mjs";
+import { NodeBaseProvider } from "./provider/node-base/node-base.provider.mjs";
+import { DesignEditorNodeProvider } from "./provider/design-editor-node/design-editor-node.provider.mjs";
+import "./provider/index.mjs";
 import { designCreateAppVue } from "./create-app-vue.mjs";
 import { designSetupApp } from "./setup-app.mjs";
 //#region src/index.ts
@@ -92,4 +108,4 @@ function onInit() {
 }
 onInit();
 //#endregion
-export { BaseDate, BaseSearch, CategoryEnum, ControllerType, DesignContainerNode, DesignEditorNode, DesignEditorType, DesignItemActionTag, DesignItemAttribute, DesignNode, DesignNodePrefix, DesignNodeType, DesignPluginPgkUtil, DesignSaveTip, DesignStepCheck, DesignViewHooks, DesignViewLayout, DesignViewPrefix, DesignerRegister, FieldCascader_default as FieldCascader, FieldOverrideUtil, FieldSchema, InsertNodeMode, MaterialGroup, MaterialRegister, MenuClickEvent, ModalNameEditor, ModelTypeEnum, NotMask, PageTypeEnum, ProcessTypeEnum, SCREditorUtils, ScriptTypeEnum, user_lock_default as UserLock, user_occupy_default as UserOccupy, baseBtnEditor, baseBtnProp, basicAttrsUtils, basicFieldEditor, beginDrag, BTN_TYPE_COLOR as btnTypeColor, buildRunJs, buildRuntimeJson, buttonEditor, buttonProps, buttonStyleEditor, changeCmpData, commonStyle, createWidgetByType, createWidgetProvider, createdSearchField, currentPanel, customMenu, deptFilter, designCreateAppVue, designInterceptors, designRegister, designSetupApp, destroyOccupyTimer, deviceEvent, displayEditor, displayProps, explainEditor, findAllChildrenTypes, fixedAlignEditor, flatten, formItemProps, formulaFilter, getAutofillEditor, getBindCmpTypeEditor, getInputAttrEditor, getSearchOptions, hiddenButtonProps, initFieldWidgetRuntime, initMethodMap, isModified, loadPageInfo, loadPageOccupyInfo, loading, lockPage, methodMap, modal_exports as modalCfg, modalDesignId, modalDesignState, modalInfo, multiFieldEditor, newKeyTag, noMore, nodeContainerProps, nodeEditorProps, nodeProps, notNeedPxStyle, occupyPage, onWidgetInfoInit, openFormulaEditorByDesign, pageDesignHistoryList, pageInfo, pageJson, pageJsonSnapshot, pageNo, pageOccupyInfo, pagePermissions, permissionEditor, placeholderEditor, platform, pluginConfigs, PRESET_COLOR as presetColor, propEditorProps, propsToStyle, regRoot, regexEditor, rgba2hex, schemaToStyle, setupOverride, shadeColor, styleEditorProps, subTableModalId, subTableModalState, submitInHideEditor, togglePanel, transformField2Component, transformPageJson, unlockAvailable, uploadDraggerEditor, useAsyncFieldConfig, useAsyncFileAttrs, useAsyncOperateField, useCacheHistory, useCacheHistoryInner, useDesignCache, useDesignHistory, useDesignModal, useDesignPreview, useDesignSave, useDesigner, useDesignerController, useFieldTransfer, useGlobal, useKeyParser, useModelField, usePage, usePageOccupy, usePropEditor, useScope, useSelectedWidget, useStyle, useStyleEditor, useToolkit, useUserOccupy, useWidget, useWidgetQuery, useWidgetRegistry, validatorEditor, wfNodesModalId, wfNodesModalState, widgetInfo, widgetProps, widgetWrapperProps, workflowModalId, workflowModalState };
+export { BaseDate, BaseSearch, CategoryEnum, ControllerType, DesignContainerNode, DesignContent, DesignEditorNode, DesignEditorNodeProvider, DesignEditorType, DesignItemActionTag, DesignItemAttribute, DesignItemPreview, DesignNode, DesignNodePrefix, DesignNodeType, DesignPluginPgkUtil, DesignSaveTip, DesignStepCheck, DesignViewController, DesignViewHooks, DesignViewLayout, DesignViewPrefix, DesignerRegister, FieldCascader_default as FieldCascader, FieldOverrideUtil, FieldSchema, InsertNodeMode, MaterialContent, MaterialGroup, MaterialRegister, MenuClickEvent, ModalNameEditor, ModelTypeEnum, multi_field_display_default as MultiFieldDisplay, NodeBaseProvider, NodeRegister, NotMask, PageTypeEnum, PanelContent, ProcessTypeEnum, SCREditorUtils, ScriptTypeEnum, user_lock_default as UserLock, user_occupy_default as UserOccupy, asyncIdentify, baseBtnEditor, baseBtnProp, basicAttrsUtils, basicFieldEditor, beginDrag, BTN_TYPE_COLOR as btnTypeColor, buildRunJs, buildRuntimeJson, buttonEditor, buttonProps, buttonStyleEditor, changeCmpData, commonStyle, createWidgetByType, createWidgetProvider, createdSearchField, currentPanel, customMenu, deptFilter, designCreateAppVue, designInterceptors, designRegister, designSetupApp, destroyOccupyTimer, deviceEvent, displayEditor, displayProps, explainEditor, findAllChildrenTypes, fixedAlignEditor, flatten, formItemProps, formulaFilter, getAutofillEditor, getBindCmpTypeEditor, getInputAttrEditor, getSearchOptions, hiddenButtonProps, initFieldWidgetRuntime, initMethodMap, isCanCrop, isModified, loadPageInfo, loadPageOccupyInfo, loading, lockPage, methodMap, modal_exports as modalCfg, modalDesignId, modalDesignState, modalInfo, multiFieldEditor, newKeyTag, noMore, nodeContainerProps, nodeEditorProps, nodeProps, notNeedPxStyle, occupyPage, onWidgetInfoInit, openFormulaEditorByDesign, pageDesignHistoryList, pageInfo, pageJson, pageJsonSnapshot, pageNo, pageOccupyInfo, pagePermissions, permissionEditor, placeholderEditor, platform, pluginConfigs, PRESET_COLOR as presetColor, propEditorProps, propsToStyle, regRoot, regexEditor, rgba2hex, schemaToStyle, setupOverride, shadeColor, styleEditorProps, subTableModalId, subTableModalState, submitInHideEditor, togglePanel, transformField2Component, transformPageJson, unlockAvailable, uploadDraggerEditor, useAsyncFieldConfig, useAsyncFileAttrs, useAsyncOperateField, useCacheHistory, useCacheHistoryInner, useDesignCache, useDesignHistory, useDesignModal, useDesignPreview, useDesignSave, useDesignViewController, useDesignViewStore, useDesigner, useDesignerController, useFieldTransfer, useGlobal, useKeyParser, useModelField, usePage, usePageOccupy, usePropEditor, useScope, useSelectedWidget, useStyle, useStyleEditor, useToolkit, useUserOccupy, useWidget, useWidgetQuery, useWidgetRegistry, validatorEditor, wfNodesModalId, wfNodesModalState, widgetInfo, widgetProps, widgetWrapperProps, workflowModalId, workflowModalState };

package/es/interface/controller/i-design-view.controller.d.ts

@@ -1,8 +1,6 @@
-import { Store } from 'pinia';
-import { IDesignViewState } from '../state/i-design-view.state';
-import { IDesignViewActions } from '../actions/i-design-view.actions';
 import { DesignViewHooks } from '../../hooks/designer.hooks';
 import { IDesignNode } from '@gct-paas/schema';
+import { IDesignViewStore } from '../../store';
 /**
  * 设计界面控制器
  *
@@ -17,9 +15,9 @@ export interface IDesignViewController {
      *
      * @author zhanghanrui
      * @date 2024-07-05 14:07:20
-     * @type {Store<string, IDesignViewState, {}, IDesignViewActions>}
+     * @type {IDesignViewStore}
      */
-    readonly store: Store<string, IDesignViewState, object, IDesignViewActions>;
+    readonly store: IDesignViewStore;
     /**
      * 设计界面钩子
      *

package/es/interface/form-editor/child-list-editor/child-list-editor.d.ts

@@ -0,0 +1,114 @@
+import { IEditorBasic } from '@gct-paas/core-web';
+import { DesignEditorType } from '../../../constant';
+/**
+ * 子项编辑器
+ *
+ * @author zhanghanrui
+ * @date 2024-07-29 14:07:55
+ * @export
+ * @interface IChildListEditor
+ * @extends {IEditorBasic}
+ */
+export interface IChildListEditor extends IEditorBasic {
+    readonly type: DesignEditorType.CHILD_LIST_EDITOR;
+    /**
+     * 标题
+     *
+     * @author zhanghanrui
+     * @date 2024-07-29 15:07:10
+     * @type {string}
+     */
+    title: string;
+    /**
+     * 默认激活的子数据标识
+     *
+     * @author zhanghanrui
+     * @date 2024-07-29 17:07:49
+     * @type {string}
+     */
+    defaultSelectChildKey?: string;
+    /**
+     * 编辑的子项，默认是 name
+     *
+     * @author zhanghanrui
+     * @date 2024-07-30 13:07:38
+     * @type {string}
+     */
+    childEditFieldKey?: string;
+    /**
+     * 是否可以新增
+     *
+     * @description 默认不可以新增
+     * @default true
+     * @author zhanghanrui
+     * @date 2024-07-29 14:07:21
+     * @type {boolean}
+     */
+    add?: boolean;
+    /**
+     * 是否允许拖拽排序
+     *
+     * @description 默认不启用拖拽排序
+     * @default false
+     * @author zhanghanrui
+     * @date 2024-07-29 15:07:20
+     * @type {boolean}
+     */
+    sort?: boolean;
+    /**
+     * 是否可以删除项
+     *
+     * @description 默认不启用删除
+     * @default true
+     * @author zhanghanrui
+     * @date 2024-07-29 15:07:19
+     * @type {boolean}
+     */
+    delete?: boolean;
+    /**
+     * 默认的编辑器
+     *
+     * @description 默认使用文本编辑器
+     * @default 'text'
+     * @author zhanghanrui
+     * @date 2024-07-29 15:07:31
+     * @type {('i18n' | 'text' | 'number')}
+     */
+    editorType?: 'i18n' | 'text' | 'number';
+    /**
+     * 编辑器属性
+     *
+     * @author zhanghanrui
+     * @date 2024-08-01 17:08:26
+     * @type {IParams}
+     */
+    editorProps?: IParams;
+    /**
+     * 是否允许选中项
+     *
+     * @description 默认不可以选择
+     * @default false
+     * @author zhanghanrui
+     * @date 2024-07-29 15:07:57
+     * @type {boolean}
+     */
+    select?: boolean;
+    /**
+     * 显示标题
+     *
+     * @description 默认不显示标题
+     * @default false
+     * @author zhanghanrui
+     * @date 2024-07-30 13:07:14
+     * @type {boolean}
+     */
+    showLabel?: boolean;
+    /**
+     * 子项类型
+     *
+     * @author zhanghanrui
+     * @date 2024-07-29 15:07:00
+     * @type {string}
+     */
+    childDesignType: string;
+}

package/es/interface/form-editor/index.d.ts

@@ -0,0 +1,9 @@
+export type { IChildListEditor } from './child-list-editor/child-list-editor';
+export type { IStyleBorder } from './style-border/i-style-border';
+export type { IStyleBorderController } from './style-border/i-style-border.controller';
+export type { IStyleSpacing } from './style-spacing/i-style-spacing';
+export type { IStyleSpacingController } from './style-spacing/i-style-spacing.controller';
+export type { IStyleFont } from './style-font/i-style-font';
+export type { IStyleFontController } from './style-font/i-style-font.controller';
+export type { IStylePosition } from './style-position/i-style-position';
+export type { IStylePositionController } from './style-position/i-style-position.controller';

package/es/interface/form-editor/style-border/i-style-border.controller.d.ts

@@ -0,0 +1,11 @@
+import { IEditorController } from '@gct-paas/core-web';
+import { IStyleBorder } from './i-style-border';
+/**
+ * 边框编辑器控制器
+ * @author lingxiaoming
+ * @date 2024-07-17 04:35:50
+ * @export
+ * @interface IStyleBorderController
+ * @extends {IEditorController<IStyleBorder>}
+ */
+export type IStyleBorderController = IEditorController<IStyleBorder>;

package/es/interface/form-editor/style-border/i-style-border.d.ts

@@ -0,0 +1,22 @@
+import { IEditorBasic } from '@gct-paas/core-web';
+import { DesignEditorType } from '../../../constant';
+/**
+ * 边框编辑器模型
+ * @author lingxiaoming
+ * @date 2024-07-17 04:32:52
+ * @export
+ * @interface IStyleBorder
+ * @extends {IEditorBasic}
+ */
+export interface IStyleBorder extends IEditorBasic {
+    readonly type: DesignEditorType.STYLE_BORDER;
+    /**
+     * 显示编辑区域(默认全显示)
+     * - radius 圆角
+     * - basics 边框线
+     * @author lingxiaoming
+     * @date 2024-07-17 06:10:19
+     * @type {('radius' | 'basics')[]}
+     */
+    showArea?: ('radius' | 'basics')[];
+}

package/es/interface/form-editor/style-font/i-style-font.controller.d.ts

@@ -0,0 +1,11 @@
+import { IEditorController } from '@gct-paas/core-web';
+import { IStyleFont } from './i-style-font';
+/**
+ * 文本样式编辑器控制器
+ * @author lingxiaoming
+ * @date 2024-07-17 04:35:50
+ * @export
+ * @interface IStyleFontController
+ * @extends {IEditorController<IStyleFont>}
+ */
+export type IStyleFontController = IEditorController<IStyleFont>;

package/es/interface/form-editor/style-font/i-style-font.d.ts

@@ -0,0 +1,13 @@
+import { IEditorBasic } from '@gct-paas/core-web';
+import { DesignEditorType } from '../../../constant';
+/**
+ * 文本样式编辑器模型
+ * @author lingxiaoming
+ * @date 2024-07-17 04:32:52
+ * @export
+ * @interface IStyleFont
+ * @extends {IEditorBasic}
+ */
+export interface IStyleFont extends IEditorBasic {
+    readonly type: DesignEditorType.STYLE_FONT;
+}

package/es/interface/form-editor/style-position/i-style-position.controller.d.ts

@@ -0,0 +1,11 @@
+import { IEditorController } from '@gct-paas/core-web';
+import { IStylePosition } from './i-style-position';
+/**
+ * 定位编辑器控制器
+ * @author lingxiaoming
+ * @date 2024-07-17 04:35:50
+ * @export
+ * @interface IStylePositionController
+ * @extends {IEditorController<IStylePosition>}
+ */
+export type IStylePositionController = IEditorController<IStylePosition>;