@gct-paas/design 0.1.6-dev.0 → 0.1.6-dev.10

package/es/components/field-transfer/components/Transfer/AdvancedColumnSetting.mjs

@@ -5,16 +5,23 @@ import { createVNode, defineComponent, watch } from "vue";
 var AdvancedColumnSetting_default = /* @__PURE__ */ defineComponent({
 	name: "AdvancedColumnSetting",
 	props: {
+		/** 所有字段 */
 		fields: {
 			type: Array,
 			required: true
 		},
+		/** 树形数据 */
 		columns: Array,
+		/** 是否启用多级表头 */
 		useMultiLevelTHead: Boolean,
+		/** 是否刷新数据 */
 		isResetData: Boolean,
+		/** 是否支持拖拽 */
 		draggable: Boolean,
+		/** 穿梭框标题集合 */
 		titles: Array,
 		maxEnableCount: Number,
+		/** 回调方法 */
 		onColumnsChange: Function
 	},
 	setup(props, { expose }) {

package/es/components/field-transfer/components/Transfer/AdvancedTransfer.mjs

@@ -9,14 +9,17 @@ var noSearchData = "/extras-assets/design-view/pic_noresult.svg";
 var AdvancedTransfer_default = /* @__PURE__ */ defineComponent({
 	name: "AdvancedTransfer",
 	props: {
+		/** 数据源 */
 		dataSource: {
 			type: Array,
 			required: true
 		},
+		/** useTreeData */
 		treeObj: {
 			type: Object,
 			required: true
 		},
+		/** 穿梭框标题集合 */
 		titles: {
 			type: Array,
 			default() {

package/es/components/field-transfer/components/Transfer/FieldTransfer.mjs

@@ -9,17 +9,26 @@ var FieldTransfer_default = /* @__PURE__ */ defineComponent({
 	name: "FieldTransfer",
 	props: {
 		objFields: Object,
+		/** 选中的字段数组 */
 		value: Array,
+		/** 穿梭框标题集合 */
 		titles: Array,
 		maxEnableCount: Number,
 		disabledFieldKey: Array,
+		/** 包含的字段 */
 		containFieldType: Array,
+		/** 包含的字段Key */
 		containFieldKey: Array,
+		/**包含的字段创建类型 */
 		containCreateType: Array,
+		/** 排除的字段Key */
 		excludeFieldKey: Array,
+		/** 排除的字段 */
 		excludeFieldType: Array,
+		/**过滤函数 */
 		filterFieldByFunction: Function,
 		onChange: Function,
+		/** 是否支持拖拽 */
 		draggable: Boolean
 	},
 	setup(props) {

package/es/components/field-transfer/components/Transfer/TransferTree.mjs

@@ -10,6 +10,7 @@ var noSearchData = "/extras-assets/design-view/pic_noresult.svg";
 var TransferTree_default = /* @__PURE__ */ defineComponent({
 	name: "TransferTree",
 	props: {
+		/** useTreeData */
 		treeObj: {
 			type: Object,
 			required: true

package/es/components/field-transfer/components/Transfer/TreeItem.mjs

@@ -1,5 +1,5 @@
 import '../../less/TreeItem.css';/* empty css                        */
-import { t } from "@gct-paas/core";
+import { t, useNamespace } from "@gct-paas/core";
 import { computed, createVNode, defineComponent } from "vue";
 import { Tooltip } from "ant-design-vue";
 //#region src/components/field-transfer/components/Transfer/TreeItem.tsx
@@ -13,11 +13,12 @@ var TreeItem_default = /* @__PURE__ */ defineComponent({
 		draggable: Boolean
 	},
 	setup(props) {
+		const ns = useNamespace("field-transfer-tree-item");
 		const editing = computed(() => {
 			return props.node.isNew;
 		});
 		return () => {
-			return createVNode("div", { "class": "tree-item-container" }, [createVNode("div", { "class": "tree-title" }, [createVNode(Tooltip, { "title": props.node.tooltip }, { default: () => [createVNode("span", null, [props.node.title || "-"])] })]), !editing.value && props.draggable && !props.node?.disabled && !props.node?._preset && createVNode("div", { "class": "operation-container" }, [createVNode(Tooltip, { "title": t("sys.component.fieldTransfer.move") }, { default: () => [createVNode("i", { "class": ["iconfont", "icon-drag"] }, null)] })])]);
+			return createVNode("div", { "class": ns.b() }, [createVNode("div", { "class": ns.e("title") }, [createVNode(Tooltip, { "title": props.node.tooltip }, { default: () => [createVNode("span", null, [props.node.title || "-"])] })]), !editing.value && props.draggable && !props.node?.disabled && !props.node?._preset && createVNode("div", { "class": ns.e("operation") }, [createVNode(Tooltip, { "title": t("sys.component.fieldTransfer.move") }, { default: () => [createVNode("i", { "class": ["iconfont", "icon-drag"] }, null)] })])]);
 		};
 	}
 });

package/es/components/field-transfer/less/AdvancedTransfer.css

@@ -3,16 +3,16 @@
   width: 100%;
   height: 100%;
   padding: 16px;
-  border: 1px solid #f0f0f0;
   background-color: #fafafa;
+  border: 1px solid #f0f0f0;
 }
 .advanced-transfer-container .ant-transfer-list-body {
   height: 340px;
 }
 .advanced-transfer-container .ant-transfer-list-body .field-title {
   overflow: hidden;
-  color: #333;
   text-overflow: ellipsis;
+  color: #333;
   white-space: nowrap;
 }
 .advanced-transfer-container .ant-transfer-list-body .field-title .field-icon {

package/es/components/field-transfer/less/FieldCascader.css

@@ -5,16 +5,16 @@
   outline: none;
 }
 .field-cascader .bread {
-  color: #333;
   display: inline-block;
   line-height: 32px;
+  color: #333;
 }
 .field-cascader .bread .field-cascader-title {
   color: #666;
 }
 .field-cascader .last-name {
-  color: #333;
   margin-left: 4px;
+  color: #333;
 }
 .field-cascader .down-icon {
   color: #bfbfbf;
@@ -26,32 +26,32 @@
   max-width: 60vw;
 }
 .field-popup-cascader .ant-cascader-menu-item {
-  padding: 0;
   min-width: 160px;
+  padding: 0;
 }
 .field-popup-cascader .ant-cascader-menu-item .ant-cascader-menu-item-content {
   display: flex;
   align-items: center;
 }
 .field-popup-cascader .ant-cascader-menu-item .field-ops {
+  flex: 1;
   padding-right: 0;
-  line-height: 32px;
   padding-left: 16px;
-  flex: 1;
+  line-height: 32px;
 }
 .field-popup-cascader .ant-cascader-menu-item .field-ops .field-ops-name .field-ops-desc {
   color: rgba(0, 0, 0, 0.45);
 }
 .field-popup-cascader .ant-cascader-menu-item .iconfont {
-  font-size: 12px;
-  padding-right: 8px;
   flex-shrink: 0;
+  padding-right: 8px;
+  font-size: 12px;
   color: rgba(0, 0, 0, 0.45);
 }
 .field-popup-cascader .ant-cascader-menu-item .ant-cascader-menu-item-expand-icon {
   display: none;
 }
 .field-popup-cascader .ant-cascader-menu-item.ant-cascader-menu-item-disabled {
-  cursor: default;
   color: #c3c3c3;
+  cursor: default;
 }

package/es/components/field-transfer/less/TransferTree.css

@@ -17,8 +17,8 @@
   justify-content: center;
   width: 16px;
   height: 16px;
-  color: #bfbfbf;
   font-size: 14px;
+  color: #bfbfbf;
 }
 .transfer-tree-container .tree-wrapper {
   flex: 1;
@@ -65,13 +65,13 @@
   opacity: 0;
 }
 .transfer-tree-container .ant-tree-switcher {
-  display: none;
   position: relative;
   top: -1px;
+  display: none;
   align-self: center;
   width: 20px;
-  background: transparent;
   color: rgba(0, 0, 0, 0.45);
+  background: transparent;
 }
 .transfer-tree-container .ant-tree-checkbox {
   margin-top: 0;

package/es/components/field-transfer/less/TreeItem.css

@@ -1,29 +1,94 @@
-.tree-item-container {
+@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-field-transfer-tree-item {
   position: relative;
   display: flex;
   align-items: center;
 }
-.tree-item-container:hover .operation-container {
+.gct-field-transfer-tree-item:hover .gct-field-transfer-tree-item__operation {
   opacity: 1;
 }
-.tree-item-container .tree-title {
-  word-break: keep-all;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
+.gct-field-transfer-tree-item__title {
   flex: 1;
   width: 1px;
-}
-.tree-item-container .operation-container {
-  opacity: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  word-break: keep-all;
   white-space: nowrap;
+}
+
+.gct-field-transfer-tree-item__operation {
   color: #8c8c8c;
+  white-space: nowrap;
+  opacity: 0;
 }
-.tree-item-container .operation-container .iconfont {
-  color: #bfbfbf;
+.gct-field-transfer-tree-item__operation .iconfont {
   margin: 0 4px;
   font-size: 12px;
+  color: #bfbfbf;
 }
-.tree-item-container .operation-container .iconfont:hover {
+.gct-field-transfer-tree-item__operation .iconfont:hover {
   color: #595959;
-}
+}

package/es/create-app-vue.d.ts

@@ -5,4 +5,4 @@ import { App } from 'vue';
  * @export
  * @param {App} app Vue 应用实例
  */
-export declare function designCreateAppVue(app: App): Promise<void>;
+export declare function designCreateAppVue(app: App): void;

package/es/create-app-vue.mjs

@@ -7,7 +7,7 @@ import editor_default from "./editor/index.mjs";
 * @export
 * @param {App} app Vue 应用实例
 */
-async function designCreateAppVue(app) {
+function designCreateAppVue(app) {
 	app.use(components_default);
 	app.use(editor_default);
 }

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

@@ -179,7 +179,10 @@ var instance = class ComponentUtils {
 	_buildKitCategory(platform, suiteKey) {
 		const design = this._getDesignerRegister(platform);
 		const list = !suiteKey ? [] : design.getProviders().filter((designer) => {
-			if (designer.kit && designer.kit.length > 0) return designer.kit.includes(suiteKey);
+			if (designer.kit && designer.kit.length > 0) {
+				if (designer.kit.includes("*")) return true;
+				return designer.kit.includes(suiteKey);
+			}
 			return false;
 		}).map((designer) => designer.schema);
 		return {

package/es/hooks/design-view/page/usePage.mjs

@@ -43,7 +43,7 @@ async function loadPageInfo(app) {
 	};
 	else pageInfo.value = platform.value === Platform.WEB ? await _api.apaas.webpage.getInfo({ id: _gct.store.context.pid }) : platform.value === Platform.PAD ? await _api.apaas.padPage.getInfo({ id: _gct.store.context.pid }) : await _api.apaas.mobilePage.getInfo({ id: _gct.store.context.pid });
 	const all = [];
-	all.push(KitPkgUtil.loadDesign(_gct.store.appInfo.suiteKey).then((module) => {
+	if (_gct.store.appInfo.suiteKey) all.push(KitPkgUtil.loadDesign(_gct.store.appInfo.suiteKey).then((module) => {
 		if (module) module.setupApp(app);
 	}));
 	const _configs = [];

package/es/hooks/design-view/widget/useSelectedWidget.mjs

@@ -201,6 +201,7 @@ function useSelectedWidget() {
 				formModelKey: focusFormRef.value?.props?.model,
 				formId: focusFormRef.value?.id,
 				nodeType: focusFormRef.value.props?.nodeType,
+				/**子表关联父模型 */
 				refParentModelkey: focusFormRef.value.props?.refParentModelkey
 			};
 			return {

package/es/hooks/design-view/widget/useWidget.mjs

@@ -71,20 +71,28 @@ function useWidget(props) {
 }
 /**widget-wrapper通用的props */
 var widgetWrapperProps = {
+	/**组件 */
 	widget: { type: Object },
+	/**父组件 */
 	parentWidget: { type: Object },
+	/**父组件List */
 	parentList: { type: Array },
+	/**在父组件列表的下标 */
 	indexOfParentList: { type: Number },
+	/** 是否隐藏操作按钮 */
 	hideAction: { type: Boolean },
+	/** 显示哪些操作按钮 */
 	actionTypes: { type: Array },
 	action: { type: Object },
 	deleteCallback: { type: Function },
+	/**是否开启悬浮虚线 */
 	showHoverLine: {
 		type: Boolean,
 		default: false
 	}
 };
 var widgetProps = {
+	/**组件 */
 	widget: {
 		type: Object,
 		require: true,

package/es/hooks/use-model-field/use-model-field.mjs

@@ -95,8 +95,11 @@ function useModelField(scope = SCOPEINFO.FIELD_FORM) {
 				bindFieldKey: item.key,
 				bindModelKey: item.bindInfo,
 				belongModelKey: item.modelKey,
+				/**模型链路 */
 				modelLink: link,
+				/**字段链路 */
 				fieldLink: fieldLinks,
+				/**关联源模型的模型类型 */
 				refOriginFieldType: fieldType
 			}),
 			modelLink: link,

package/es/hooks/widgets/useAsyncFields.mjs

@@ -134,8 +134,11 @@ function useAsyncOperateField() {
 		}
 	}
 	return {
+		/** 同步字段属性 */
 		asyncFieldAttr,
+		/** 同步字段信息 */
 		asyncFieldInfo,
+		/** 断开子表字段同步 */
 		unBindAsyncStatus
 	};
 }

package/es/index.mjs

@@ -91,7 +91,7 @@ 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 { nodeContainerProps, nodeEditorProps, nodeProps } from "./props/design-plugin-props.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";

package/es/props/design-plugin-props.d.ts

@@ -0,0 +1,64 @@
+import { IDesignEditorNode, IDesignNode } from '@gct-paas/schema';
+import { PropType } from 'vue';
+/**
+ * 节点类型组件输入参数
+ */
+export declare const nodeProps: {
+    readonly count: {
+        readonly type: NumberConstructor;
+        readonly required: true;
+    };
+    readonly data: {
+        readonly type: PropType<IDesignNode>;
+        readonly required: true;
+        readonly default: () => {};
+    };
+    readonly parent: {
+        readonly type: PropType<IDesignNode>;
+    };
+};
+/**
+ * 容器类型组件输入参数
+ */
+export declare const nodeContainerProps: {
+    readonly count: {
+        readonly type: NumberConstructor;
+        readonly required: true;
+    };
+    readonly data: {
+        readonly type: PropType<IDesignNode>;
+        readonly required: true;
+    };
+    readonly children: {
+        readonly type: PropType<IDesignNode[]>;
+        readonly default: () => never[];
+    };
+    readonly parent: {
+        readonly type: PropType<IDesignNode>;
+    };
+};
+/**
+ * 设计编辑器节点输入参数
+ */
+export declare const nodeEditorProps: {
+    readonly count: {
+        readonly type: NumberConstructor;
+        readonly required: true;
+    };
+    readonly data: {
+        readonly type: PropType<IDesignEditorNode>;
+        readonly required: true;
+        readonly default: () => {};
+    };
+    readonly field: {
+        readonly type: PropType<IObject>;
+        readonly required: true;
+    };
+    readonly value: {
+        readonly type: PropType<any>;
+        readonly default: "";
+    };
+    readonly parent: {
+        readonly type: PropType<IDesignNode>;
+    };
+};

package/es/props/{index.mjs → design-plugin-props.mjs}

@@ -1,4 +1,4 @@
-//#region src/props/index.ts
+//#region src/props/design-plugin-props.ts
 /**
 * 节点类型组件输入参数
 */

package/es/props/index.d.ts

@@ -1,64 +1 @@
-import { IDesignEditorNode, IDesignNode } from '@gct-paas/schema';
-import { PropType } from 'vue';
-/**
- * 节点类型组件输入参数
- */
-export declare const nodeProps: {
-    readonly count: {
-        readonly type: NumberConstructor;
-        readonly required: true;
-    };
-    readonly data: {
-        readonly type: PropType<IDesignNode>;
-        readonly required: true;
-        readonly default: () => {};
-    };
-    readonly parent: {
-        readonly type: PropType<IDesignNode>;
-    };
-};
-/**
- * 容器类型组件输入参数
- */
-export declare const nodeContainerProps: {
-    readonly count: {
-        readonly type: NumberConstructor;
-        readonly required: true;
-    };
-    readonly data: {
-        readonly type: PropType<IDesignNode>;
-        readonly required: true;
-    };
-    readonly children: {
-        readonly type: PropType<IDesignNode[]>;
-        readonly default: () => never[];
-    };
-    readonly parent: {
-        readonly type: PropType<IDesignNode>;
-    };
-};
-/**
- * 设计编辑器节点输入参数
- */
-export declare const nodeEditorProps: {
-    count: {
-        type: NumberConstructor;
-        required: boolean;
-    };
-    data: {
-        type: PropType<IDesignEditorNode>;
-        required: boolean;
-        default: () => {};
-    };
-    field: {
-        type: ObjectConstructor;
-        required: boolean;
-    };
-    value: {
-        type: PropType<any>;
-        default: string;
-    };
-    parent: {
-        type: PropType<IDesignNode>;
-    };
-};
+export * from './design-plugin-props';

package/es/schema/common-config/base-button-config.mjs

@@ -5,10 +5,14 @@ var baseBtnProp = {
 	disabled: false,
 	icon: "icon-park:all-application",
 	iconColor: "",
+	/**标题 */
 	title: "${sys.pageDesigner.button}",
 	buttonStyle: ButtonStyle.ORDINARY,
+	/**二次确认 */
 	confirm: false,
 	confirmText: "",
+	/**系统事件类型 */
+	/**事件名称 */
 	hasIcon: false,
 	hasText: true,
 	type: ButtonType.PRIMARY,

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

@@ -8,9 +8,13 @@ var displayProps = {
 	componentDependency: {
 		sortDependency: [],
 		configDependency: {
+			/**隐藏 */
 			[Dependency_ENUM.HIDDEN]: { expression: "" },
+			/**只读 */
 			[Dependency_ENUM.READONLY]: { expression: "" },
+			/**禁用 */
 			[Dependency_ENUM.DISABLED]: { expression: "" },
+			/**必填 */
 			[Dependency_ENUM.REQUIRED]: { expression: "" },
 			[Dependency_ENUM.ASSIGNMENT]: {
 				expression: "",

package/es/schema/modal/modal.mjs

@@ -14,9 +14,12 @@ var modal_exports = /* @__PURE__ */ __exportAll({
 });
 var widget = {
 	id: "",
+	/**默认是WEB 添加的时候会根据当前环境改变 */
 	platform: Platform.WEB,
+	/**系统用的name */
 	name: "sys.pageDesigner.modal",
 	alias: "",
+	/**用户新建编辑的name */
 	modalName: "",
 	type: BuiltinType.MODAL,
 	js: "",
@@ -32,6 +35,7 @@ var widget = {
 		editModalTitle: "编辑弹窗",
 		hasFooter: true,
 		openMode: "modal",
+		/**just mobile */
 		mUnitType: "%",
 		mModalWidth: 80
 	},

package/es/store/view/design-view.store.mjs

@@ -227,7 +227,8 @@ var useDesignViewStore = () => {
 					if (!data.pageNode) {
 						const p = NodeRegister.get(DesignNodeType.PAGE, this.prefix) || NodeRegister.get(DesignNodeType.PAGE_LOWER, this.prefix);
 						if (p) {
-							this.pageNode = reactive(p.create());
+							const node = p.create();
+							this.pageNode = reactive(node);
 							this.pageNode.data = reactive(this.pageNode.data || {});
 						} else console.warn(`节点类型[${DesignNodeType.PAGE}]，未注册适配器`);
 					} else {

package/es/utils/schema/index.mjs

@@ -10,6 +10,10 @@ import { cloneWidget } from "@gct-paas/schema";
 * @return {*}  {Mapping[T]}
 */
 function createWidgetByType(type) {
+	if (!type) {
+		console.warn("Widget type is not existed.");
+		return {};
+	}
 	const p = designRegister.value.getProvider(type);
 	if (!p) throw new Error(`Widget type ${type} is not registered.`);
 	return cloneWidget(p.schema);