@gct-paas/schema 0.1.4-dev.8 → 0.1.4-dev.9

package/es/schema/modal/modal.mjs

@@ -0,0 +1,182 @@
+import { BuiltinType, Platform, PropGroup, StyleGroup, buildShortUUID } from '@gct-paas/core';
+import { widget as widget$1 } from './modal-body.mjs';
+import { widget as widget$2 } from './modal-footer.mjs';
+
+const widget = {
+  id: "",
+  /**默认是WEB 添加的时候会根据当前环境改变 */
+  platform: Platform.WEB,
+  /**系统用的name */
+  name: "sys.pageDesigner.modal",
+  alias: "",
+  /**用户新建编辑的name */
+  modalName: "",
+  type: BuiltinType.MODAL,
+  js: "",
+  css: "",
+  children: [widget$1, widget$2],
+  props: {
+    modalTitle: "弹窗",
+    unitType: "px",
+    modalWidth: 800,
+    isSubTableModal: false,
+    bindSubTableId: "",
+    createModalTitle: "新建弹窗",
+    editModalTitle: "编辑弹窗",
+    hasFooter: true,
+    openMode: "modal",
+    /**just mobile */
+    mUnitType: "%",
+    mModalWidth: 80
+  },
+  style: {
+    paddingAll: "16",
+    paddingTop: "16",
+    paddingRight: "16",
+    paddingBottom: "16",
+    paddingLeft: "16"
+  },
+  events: {},
+  i18n: {},
+  runJs: "",
+  los: {},
+  icon: "icon-motaikuang1",
+  isField: false
+};
+const propEditorList = [
+  {
+    component: "text-editor",
+    name: "modalTitle",
+    label: "sys.pageDesigner.modalTitleName",
+    group: PropGroup.BASIC,
+    _config: {
+      showCount: true,
+      maxlength: 32
+    },
+    hidden: (widget2) => {
+      return widget2.props.isSubTableModal;
+    }
+  },
+  {
+    component: "input-unit-editor",
+    name: { unitType: "unitType", modalWidth: "modalWidth" },
+    label: "sys.pageDesigner.modalWidthProp",
+    group: PropGroup.MODAL,
+    hidden: (widget2) => {
+      return widget2.platform === Platform.MOBILE;
+    }
+  },
+  {
+    component: "input-unit-editor",
+    name: { unitType: "mUnitType", modalWidth: "mModalWidth" },
+    label: "sys.pageDesigner.modalHeightProp",
+    group: PropGroup.MODAL,
+    hidden: (widget2) => {
+      return widget2.platform !== Platform.MOBILE;
+    },
+    _config: {
+      filterUnitType: "px"
+    }
+  },
+  {
+    component: "text-editor",
+    name: "createModalTitle",
+    label: "sys.pageDesigner.createModalTitle",
+    group: PropGroup.MODALTITLECONFIG,
+    _config: {
+      i18n: true
+    },
+    hidden: (widget2) => {
+      return !widget2.props.isSubTableModal;
+    }
+  },
+  {
+    component: "text-editor",
+    name: "editModalTitle",
+    label: "sys.pageDesigner.editModalTitle",
+    group: PropGroup.MODALTITLECONFIG,
+    _config: {
+      i18n: true
+    },
+    hidden: (widget2) => {
+      return !widget2.props.isSubTableModal;
+    }
+  },
+  {
+    component: "select-editor",
+    name: "openMode",
+    label: "sys.appDesigner.openMode",
+    group: PropGroup.MODAL,
+    hidden: (widget2) => {
+      return widget2.platform !== Platform.WEB;
+    },
+    _config: {
+      options: () => {
+        return [
+          {
+            label: "打开弹窗页面",
+            value: "modal"
+          },
+          {
+            label: "右侧划入页面",
+            value: "drawer"
+          }
+        ];
+      }
+    },
+    changeCallback: (widget2, value) => {
+      if (value === "drawer") {
+        widget2.props.unitType = "%";
+        widget2.props.modalWidth = 80;
+      } else {
+        widget2.props.unitType = "px";
+        widget2.props.modalWidth = 800;
+      }
+    }
+  },
+  {
+    component: "switch-editor",
+    name: "hasFooter",
+    label: "sys.pageDesigner.operateButton",
+    group: PropGroup.BUTTON,
+    hidden: (widget2) => {
+      return widget2.props.isSubTableModal;
+    }
+  }
+];
+const styleEditorList = [
+  {
+    component: "color-editor",
+    name: "backgroundColor",
+    label: "sys.pageDesigner.backgroundColor",
+    group: StyleGroup.BACKGROUND
+  },
+  {
+    component: "margin-editor",
+    group: StyleGroup.MARGIN,
+    _config: {
+      hiddenMarginOrPadding: "margin"
+    }
+  }
+];
+const eventList = [
+  {
+    name: "onMounted",
+    title: "sys.pageDesigner.onMounted",
+    params: []
+  }
+];
+const runCallback = () => {
+};
+const beforeCreate = (widget2) => {
+  widget2.children[0].id = buildShortUUID(widget2.children[0].type);
+  widget2.children[1].id = buildShortUUID(widget2.children[1].type);
+};
+const designerConfig = {
+  basicProps: {
+    key_label: "弹窗",
+    alias_hidden: true
+  }
+};
+
+export { beforeCreate, designerConfig, eventList, propEditorList, runCallback, styleEditorList, widget };

package/es/utils/index.d.ts

@@ -1,2 +1,3 @@
-export { getCompPos } from './schema';
-export { pxToVw, addPxUnit, addImportant, formatBorder, extractFontStyle, propsToStyle, makeStyleProp, ALIGN_TO_FLEX_MAP, transAlign2flex, generatePositionStyles, generateSpacingStyles, generateBorderStyles, generateWrapperStyle, } from './schema-style';
+export * from './schema';
+export * from './schema-style';
+export * from './widget-info/widget-info';

package/es/utils/schema/index.d.ts

@@ -9,3 +9,37 @@ import { LowCodeWidget } from '../../interface';
  * @return {*}
  */
 export declare function getCompPos(widget: LowCodeWidget.BasicSchema, fieldType: string, componentType: string): boolean;
+/**
+ * 是否是表单字段类型
+ *
+ * @export
+ * @param {LowCodeWidget.BasicSchema} widget
+ * @return {boolean}
+ */
+export declare function isFormFieldType(widget: LowCodeWidget.BasicSchema): boolean;
+/**
+ * 初始化国际化处理
+ *
+ * @export
+ * @param {LowCodeWidget.BasicSchema['props']} props
+ */
+export declare function transformI18n(props: LowCodeWidget.BasicSchema['props']): void;
+/**
+ * 克隆组件schema
+ *
+ * @export
+ * @param {LowCodeWidget.BasicSchema} widgetSchema
+ * @return {*}  {LowCodeWidget.BasicSchema}
+ */
+export declare function cloneWidget(widgetSchema: LowCodeWidget.BasicSchema): LowCodeWidget.BasicSchema;
+/**
+ * 递归获取所有非字段组件
+ *
+ * @param {LowCodeWidget.BasicSchema} item
+ * @param {string[]} [types=[]]
+ * @returns {*}  {string[]}
+ */
+export declare function deepFindNotField(item: IObject[]): {
+    [x: string]: any;
+    [x: symbol]: any;
+}[];

package/es/utils/schema/index.mjs

@@ -1,7 +1,49 @@
-import { has } from 'lodash-es';
+import { buildShortUUID, t, MaterialEnum } from '@gct-paas/core';
+import { cloneDeep, has } from 'lodash-es';
+import { getWidgetInfo } from '../widget-info/widget-info.mjs';
 
 function getCompPos(widget, fieldType, componentType) {
   return widget.type === componentType && has(widget, "preLocation") && new RegExp(`^${fieldType}_`).test(widget.preLocation);
 }
+function isFormFieldType(widget) {
+  return [
+    MaterialEnum.MaterialFormField,
+    MaterialEnum.MaterialSubTableModalField,
+    MaterialEnum.DescriptionsFormField
+  ].includes(widget.materialType);
+}
+function transformI18n(props) {
+  const reg = /^\$\{(\S+)\}$/;
+  for (const key in props) {
+    const value = props[key];
+    if (reg.test(value)) {
+      props[key] = t(value.match(reg)?.[1]);
+    }
+  }
+}
+function cloneWidget(widgetSchema) {
+  const instance = cloneDeep(widgetSchema);
+  instance.id = buildShortUUID(instance.type);
+  instance.alias = t(instance.name);
+  if (instance.formItem) {
+    instance.props.label = t(instance.name);
+  }
+  const widgetInfo = getWidgetInfo(instance.platform);
+  if (widgetInfo) {
+    widgetInfo.beforeCreate?.[instance.type]?.(instance);
+  }
+  transformI18n(instance.props);
+  return instance;
+}
+function deepFindNotField(item) {
+  return item.map((node) => ({ ...node })).filter((node) => {
+    if (node.props?.model) {
+      return predicate(node);
+    }
+    node.children = node.children && deepFindNotField(node.children);
+    return predicate(node);
+  });
+}
+const predicate = (node) => !node.formItem;
 
-export { getCompPos };
+export { cloneWidget, deepFindNotField, getCompPos, isFormFieldType, transformI18n };

package/es/utils/widget-info/widget-info.d.ts

@@ -0,0 +1,104 @@
+import { ExportWidgetBeforeCreate, ExportWidgetBlackList, ExportWidgetCallback, ExportWidgetDesignerConfig, ExportWidgetEvents, ExportWidgetHooks, ExportWidgetPropEditors, ExportWidgetSchema, ExportWidgetStyleEditors, ExportWidgetWhiteList, IWidgetInfo, IWidgetInfoItem } from '../../interface';
+import { Platform } from '@gct-paas/core';
+/**
+ * 设计界面所有组件配置信息
+ *
+ * @export
+ * @class WidgetInfo
+ * @implements {IWidgetInfo}
+ */
+declare class WidgetInfo implements IWidgetInfo {
+    events: ExportWidgetEvents;
+    propEditors: ExportWidgetPropEditors;
+    schema: ExportWidgetSchema;
+    callback: ExportWidgetCallback;
+    beforeCreate: ExportWidgetBeforeCreate;
+    styleEditors: ExportWidgetStyleEditors;
+    designerConfig: ExportWidgetDesignerConfig;
+    hooks: ExportWidgetHooks;
+    whiteList: ExportWidgetWhiteList;
+    blackList: ExportWidgetBlackList;
+}
+/**
+ * 网页端组件配置信息
+ */
+export declare const webWidgetInfo: WidgetInfo;
+/**
+ * 移动端组件配置信息
+ */
+export declare const mobileWidgetInfo: WidgetInfo;
+/**
+ * 平板端组件配置信息
+ */
+export declare const padWidgetInfo: WidgetInfo;
+/**
+ * 获取指定平台的组件配置信息
+ *
+ * @export
+ * @param {Platform} [platform] 平台类型
+ * @return {*}  {IWidgetInfo} 组件配置信息
+ */
+export declare function getWidgetInfo(platform?: Platform): IWidgetInfo;
+/**
+ * 注册单一组件信息
+ *
+ * @export
+ * @param {IWidgetInfo} widgetInfo
+ * @param {string} type
+ * @param {IObject} module
+ */
+export declare function registerWidgetItem(widgetInfo: IWidgetInfo, type: string, module: IObject): void;
+/**
+ * 注册网页端单一组件信息
+ *
+ * @export
+ * @param {IObject} module
+ * @param {string} type
+ */
+export declare function registerWebWidgetItem(module: IObject, type: string): void;
+/**
+ * 注册移动端单一组件信息
+ *
+ * @export
+ * @param {IObject} module
+ * @param {string} type
+ */
+export declare function registerMobileWidgetItem(module: IObject, type: string): void;
+/**
+ * 注册平板端单一组件信息
+ *
+ * @export
+ * @param {IObject} module
+ * @param {string} type
+ */
+export declare function registerPadWidgetItem(module: IObject, type: string): void;
+/**
+ * 注册单一组件信息（插件方式）
+ *
+ * @export
+ * @param {IWidgetInfo} widgetInfo
+ * @param {IWidgetInfoItem} designer
+ */
+export declare function registerPluginWidgetItem(widgetInfo: IWidgetInfo, designer: IWidgetInfoItem): void;
+/**
+ * 注册网页端插件组件配置
+ *
+ * @export
+ * @param {IWidgetInfoItem} designer
+ */
+export declare function registerWebPluginWidgetItem(designer: IWidgetInfoItem): void;
+/**
+ * 注册移动端插件组件配置
+ *
+ * @export
+ * @param {IWidgetInfoItem} designer
+ */
+export declare function registerMobilePluginWidgetItem(designer: IWidgetInfoItem): void;
+/**
+ * 注册平板端插件组件配置
+ *
+ * @export
+ * @param {IWidgetInfoItem} designer
+ */
+export declare function registerPadPluginWidgetItem(designer: IWidgetInfoItem): void;
+export {};

package/es/utils/widget-info/widget-info.mjs

@@ -0,0 +1,76 @@
+import { Platform } from '@gct-paas/core';
+
+class WidgetInfo {
+  events = {};
+  propEditors = {};
+  schema = {};
+  callback = {};
+  beforeCreate = {};
+  styleEditors = {};
+  designerConfig = {};
+  hooks = {};
+  whiteList = {};
+  blackList = {};
+}
+const webWidgetInfo = new WidgetInfo();
+const mobileWidgetInfo = new WidgetInfo();
+const padWidgetInfo = new WidgetInfo();
+function getWidgetInfo(platform) {
+  switch (platform) {
+    case Platform.WEB:
+      return webWidgetInfo;
+    case Platform.MOBILE:
+      return mobileWidgetInfo;
+    case Platform.PAD:
+      return padWidgetInfo;
+    default:
+      return webWidgetInfo;
+  }
+}
+function registerWidgetItem(widgetInfo, type, module) {
+  widgetInfo.events[type] = module.eventList;
+  widgetInfo.hooks[type] = module.hooks;
+  widgetInfo.whiteList[type] = module.whiteList;
+  widgetInfo.blackList[type] = module.blackList;
+  widgetInfo.propEditors[type] = module.propEditorList;
+  widgetInfo.schema[type] = module.widget;
+  widgetInfo.callback[type] = module.runCallback;
+  widgetInfo.beforeCreate[type] = module.beforeCreate;
+  widgetInfo.styleEditors[type] = module.styleEditorList;
+  widgetInfo.designerConfig[type] = module.designerConfig;
+}
+function registerWebWidgetItem(module, type) {
+  registerWidgetItem(webWidgetInfo, type, module);
+}
+function registerMobileWidgetItem(module, type) {
+  registerWidgetItem(mobileWidgetInfo, type, module);
+}
+function registerPadWidgetItem(module, type) {
+  registerWidgetItem(padWidgetInfo, type, module);
+}
+function registerPluginWidgetItem(widgetInfo, designer) {
+  if (designer) {
+    const { type } = designer.schema;
+    widgetInfo.events[type] = designer.events;
+    widgetInfo.hooks[type] = designer.hooks;
+    widgetInfo.whiteList[type] = designer.whiteList;
+    widgetInfo.blackList[type] = designer.blackList;
+    widgetInfo.propEditors[type] = designer.propEditors;
+    widgetInfo.schema[type] = designer.schema;
+    widgetInfo.callback[type] = designer.callback;
+    widgetInfo.beforeCreate[type] = designer.beforeCreate;
+    widgetInfo.styleEditors[type] = designer.styleEditors;
+    widgetInfo.designerConfig[type] = designer.designerConfig;
+  }
+}
+function registerWebPluginWidgetItem(designer) {
+  registerPluginWidgetItem(webWidgetInfo, designer);
+}
+function registerMobilePluginWidgetItem(designer) {
+  registerPluginWidgetItem(mobileWidgetInfo, designer);
+}
+function registerPadPluginWidgetItem(designer) {
+  registerPluginWidgetItem(padWidgetInfo, designer);
+}
+
+export { getWidgetInfo, mobileWidgetInfo, padWidgetInfo, registerMobilePluginWidgetItem, registerMobileWidgetItem, registerPadPluginWidgetItem, registerPadWidgetItem, registerPluginWidgetItem, registerWebPluginWidgetItem, registerWebWidgetItem, registerWidgetItem, webWidgetInfo };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gct-paas/schema",
-  "version": "0.1.4-dev.8",
+  "version": "0.1.4-dev.9",
   "type": "module",
   "description": "paas 平台 schema 架构包",
   "main": "dist/index.min.cjs",
@@ -52,12 +52,12 @@
   },
   "dependencies": {
     "@gct-paas/api": "0.1.0-dev.8",
-    "@gct-paas/core": "0.1.4-dev.8",
+    "@gct-paas/core": "0.1.4-dev.9",
     "vue": "^3.5.28"
   },
   "devDependencies": {
-    "@gct-paas/build": "^0.1.5-dev.6",
+    "@gct-paas/build": "^0.1.5-dev.8",
     "vitest": "^4.0.18"
   },
-  "gitHead": "bf7f4f9672c3906ec834e6d58b999ce78f7cad08"
+  "gitHead": "c51d9883f7d287433d2def4d7338a06773804fbf"
 }