@gct-paas/schema 0.1.4-dev.10

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

@@ -0,0 +1,84 @@
+import { ButtonSize, ButtonType, ButtonStyle, PropGroup } from '@gct-paas/core';
+import { displayProps } from './display-editor-config.mjs';
+
+const baseBtnProp = {
+  disabled: false,
+  icon: "icon-park:all-application",
+  iconColor: "",
+  /**标题 */
+  title: "${sys.pageDesigner.button}",
+  buttonStyle: ButtonStyle.ORDINARY,
+  /**二次确认 */
+  confirm: false,
+  confirmText: "",
+  // /**内置事件 */
+  // innerEvent: true,
+  /**系统事件类型 */
+  // sysMethedType: undefined,
+  // linkPage: '',
+  /**事件名称 */
+  // eventName: '',
+  hasIcon: false,
+  hasText: true,
+  type: ButtonType.PRIMARY,
+  danger: false,
+  size: ButtonSize.DEFAULT,
+  enableCustomColor: false,
+  backgroundColor: "",
+  fontColor: "",
+  ...displayProps
+};
+const baseBtnEditor = [
+  {
+    component: "text-editor",
+    name: "title",
+    label: "sys.pageDesigner.buttonName",
+    group: PropGroup.BASIC,
+    _config: {
+      i18n: true,
+      showCount: true,
+      maxlength: 32
+    },
+    changeCallback: (widget, val) => {
+      widget.alias = val;
+    }
+  },
+  {
+    component: "button-type-editor",
+    name: {
+      type: "type",
+      danger: "danger",
+      icon: "icon",
+      label: "label",
+      hasText: "hasText",
+      hasIcon: "hasIcon"
+    },
+    label: "sys.pageDesigner.buttonType",
+    group: PropGroup.BUTTON
+  },
+  {
+    component: "icon-editor",
+    name: { icon: "icon", iconColor: "iconColor" },
+    label: "sys.pageDesigner.buttonIcon",
+    group: PropGroup.BUTTON,
+    // _config: {
+    //   showColor: true,
+    // },
+    hidden: (widget) => {
+      return !widget.props.hasIcon;
+    }
+  },
+  {
+    component: "radio-bgc-editor",
+    name: "size",
+    label: "sys.pageDesigner.buttonSize",
+    group: PropGroup.BUTTON,
+    _config: {
+      options: Object.values(ButtonSize).map((i) => {
+        return { value: i, label: "sys.pageDesigner." + i };
+      })
+    }
+  }
+];
+
+export { baseBtnEditor, baseBtnProp };

package/es/schema/common-config/button-editor-config.d.ts

@@ -0,0 +1,4 @@
+import { ButtonBasicProps, LowCodeWidget } from '../../interface';
+export declare const buttonProps: ButtonBasicProps;
+export declare const buttonEditor: LowCodeWidget.PropEditor[];
+export declare const buttonStyleEditor: LowCodeWidget.StyleEditor[];

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

@@ -0,0 +1,206 @@
+import { ButtonStyle, ButtonColorType, ButtonColorTheme, PropGroup, ButtonSize, StyleGroup } from '@gct-paas/core';
+import { hiddenButtonProps } from './button-props-func.mjs';
+
+const buttonProps = {
+  disabled: false,
+  buttonTheme: ButtonColorTheme.DEFAULT,
+  buttonType: ButtonColorType.DEFAULT,
+  icon: "",
+  iconColor: "",
+  confirm: false,
+  confirmText: "",
+  buttonStyle: ButtonStyle.ORDINARY,
+  enableCustomColor: false,
+  backgroundColor: "",
+  fontColor: ""
+};
+const buttonEditor = [
+  // {
+  //   component: 'switch-editor',
+  //   name: 'disabled',
+  //   label: 'sys.pageDesigner.disabled',
+  //   group: PropGroup.DISPLAY,
+  //   hidden: (widget): boolean => {
+  //     return hiddenButtonProps(widget);
+  //   },
+  // },
+  // {
+  //   component: 'radio-editor',
+  //   name: 'basic.buttonType',
+  //   label: 'sys.pageDesigner.buttonType',
+  //   group: PropGroup.ButtonStyle,
+  //   _config: {
+  //     options: Object.values(ButtonColorType).map((i) => {
+  //       return { value: i, label: 'sys.pageDesigner.' + i };
+  //     }),
+  //   },
+  //   hidden: (widget): boolean => {
+  //     return hiddenButtonProps(widget);
+  //   },
+  // },
+  // {
+  //   component: 'radio-editor',
+  //   name: 'buttonStyle',
+  //   label: 'sys.pageDesigner.buttonStyle',
+  //   group: PropGroup.ButtonStyle,
+  //   hidden: (widget): boolean => {
+  //     return hiddenButtonProps(widget) || platform.value === Platform.MOBILE;
+  //   },
+  //   _config: {
+  //     options: Object.values(ButtonStyle).map((key) => {
+  //       return { label: 'sys.pageDesigner.' + key, value: key };
+  //     }),
+  //   },
+  // },
+  {
+    component: "button-type-editor",
+    name: {
+      type: "type",
+      danger: "danger",
+      icon: "icon",
+      label: "label",
+      hasText: "hasText",
+      hasIcon: "hasIcon"
+    },
+    label: "sys.pageDesigner.buttonType",
+    group: PropGroup.ButtonStyle,
+    hidden: (widget) => {
+      return hiddenButtonProps(widget);
+    }
+  },
+  {
+    component: "icon-editor",
+    name: { icon: "icon", iconColor: "iconColor" },
+    label: "sys.pageDesigner.buttonIcon",
+    group: PropGroup.ButtonStyle,
+    hidden: (widget) => {
+      return !widget.props.hasIcon || hiddenButtonProps(widget);
+    },
+    _config: {
+      clearable: false
+    }
+  },
+  {
+    component: "switch-editor",
+    name: "enableCustomColor",
+    label: "sys.pageDesigner.customBtnColor",
+    group: PropGroup.ButtonStyle,
+    hidden: (widget) => {
+      return hiddenButtonProps(widget);
+    }
+  },
+  {
+    component: "button-color-editor",
+    name: "fontColor",
+    label: "sys.pageDesigner.buttonNameColor",
+    group: PropGroup.ButtonStyle,
+    _config: {
+      isInRow: true
+    },
+    hidden: (widget) => {
+      return !widget.props.enableCustomColor;
+    }
+  },
+  {
+    component: "button-color-editor",
+    name: "backgroundColor",
+    label: "sys.pageDesigner.buttonStyleColor",
+    group: PropGroup.ButtonStyle,
+    _config: {
+      isInRow: true
+    },
+    hidden: (widget) => {
+      return !widget.props.enableCustomColor || widget.props.type === "link";
+    }
+  },
+  {
+    component: "radio-bgc-editor",
+    name: "size",
+    label: "sys.pageDesigner.buttonSize",
+    group: PropGroup.ButtonStyle,
+    hidden: (widget) => {
+      return hiddenButtonProps(widget);
+    },
+    _config: {
+      options: Object.values(ButtonSize).map((i) => {
+        return { value: i, label: "sys.pageDesigner." + i };
+      })
+    }
+  },
+  {
+    component: "switch-editor",
+    name: "confirm",
+    label: "sys.pageDesigner.confirm",
+    group: PropGroup.ButtonStyle,
+    hidden: (widget) => {
+      return hiddenButtonProps(widget);
+    },
+    _config: {
+      tooltip: "sys.pageDesigner.buttonConfirm"
+    }
+  },
+  {
+    component: "texteare-editor",
+    name: "confirmText",
+    label: "sys.pageDesigner.regHint",
+    group: PropGroup.ButtonStyle,
+    _config: {
+      i18n: true,
+      placeholder: "sys.pageDesigner.confirmTodo"
+    },
+    hidden: (widget) => {
+      return !widget.props.confirm || hiddenButtonProps(widget);
+    }
+  }
+  // {
+  //   component: 'select-editor',
+  //   name: 'basic.buttonTheme',
+  //   label: 'sys.pageDesigner.buttonTheme',
+  //   group: PropGroup.ButtonStyle,
+  //   _config: {
+  //     options: Object.values(ButtonColorTheme).map((i) => {
+  //       return { value: i, label: 'sys.pageDesigner.' + i };
+  //     }),
+  //   },
+  //   hidden: (widget): boolean => {
+  //     return hiddenButtonProps(widget);
+  //   },
+  // },
+  // {
+  //   component: 'icon-editor',
+  //   name: { icon: 'basic.icon', iconColor: 'basic.iconColor' },
+  //   label: 'sys.pageDesigner.icon',
+  //   group: PropGroup.ButtonStyle,
+  //   _config: {
+  //     showColor: true,
+  //   },
+  //   hidden: (widget): boolean => {
+  //     return hiddenButtonProps(widget);
+  //   },
+  // },
+];
+const buttonStyleEditor = [
+  {
+    component: "position-editor",
+    name: "position",
+    label: "sys.pageDesigner.position",
+    group: StyleGroup.LAYOUT,
+    // 按钮容器中的按钮不需要样式属性
+    hidden: (widget) => {
+      return !!widget.props.parentWidgetId || !!widget.preLocation;
+    }
+  },
+  {
+    component: "margin-editor",
+    group: StyleGroup.MARGIN,
+    // 按钮容器中的按钮不需要样式属性
+    hidden: (widget) => {
+      return !!widget.props.parentWidgetId || !!widget.preLocation;
+    },
+    _config: {
+      hiddenMarginOrPadding: "padding"
+    }
+  }
+];
+
+export { buttonEditor, buttonProps, buttonStyleEditor };

package/es/schema/common-config/button-props-func.d.ts

@@ -0,0 +1,5 @@
+import { LowCodeWidget } from '../../interface';
+/**
+ * 按钮组件属性显隐控制判断
+ */
+export declare function hiddenButtonProps(widget: LowCodeWidget.BasicSchema): boolean;

package/es/schema/common-config/button-props-func.mjs

@@ -0,0 +1,11 @@
+function hiddenButtonProps(widget) {
+  if (Object.prototype.hasOwnProperty.call(widget.props, "model")) {
+    return !widget.props.model;
+  }
+  if (Object.prototype.hasOwnProperty.call(widget.props, "refForm")) {
+    return !widget.props.refForm;
+  }
+  return false;
+}
+
+export { hiddenButtonProps };

package/es/schema/common-config/common-field-editor-config.d.ts

@@ -0,0 +1,10 @@
+import { LowCodeModal, LowCodeWidget } from '../../interface';
+import { BindCmpStyleEnum, BindCmpStyleTypeEnum } from '@gct-paas/core';
+/** 获取组件类型config */
+export declare const getBindCmpTypeEditor: ({ name, type, hiddenCallback, filterOptionsCallback, groupName, }: {
+    name: string;
+    type: BindCmpStyleTypeEnum | ((arg: LowCodeWidget.BasicSchema) => BindCmpStyleTypeEnum);
+    hiddenCallback?: (arg: LowCodeWidget.BasicSchema | LowCodeModal.Modal) => boolean;
+    filterOptionsCallback?: (arg: BindCmpStyleEnum, widget?: LowCodeWidget.BasicSchema) => boolean;
+    groupName?: string;
+}) => LowCodeWidget.PropEditor[];

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

@@ -0,0 +1,61 @@
+import { isFormFieldType } from '../../utils/schema/index.mjs';
+import 'lodash-es';
+import { PropGroup, FIELD_TYPE, Platform } from '@gct-paas/core';
+
+const getBindCmpTypeEditor = ({
+  name,
+  type,
+  hiddenCallback,
+  filterOptionsCallback,
+  groupName
+}) => {
+  return [
+    // 组件类型
+    {
+      component: "bind-cmp-type-editor",
+      name,
+      label: "sys.pageDesigner.bindCmpStyleLabel",
+      group: groupName ? groupName : PropGroup.FIELD_CONFIG,
+      hidden: hiddenCallback ? hiddenCallback : (widget) => {
+        if ([
+          FIELD_TYPE.TEXT,
+          FIELD_TYPE.USER,
+          FIELD_TYPE.USER_MULTI,
+          FIELD_TYPE.ORG,
+          FIELD_TYPE.ORG_MULTI
+        ].includes(widget.props.fieldType) && (widget.props.bindFieldKey || !isFormFieldType(widget) || widget.props.fieldReadonly)) {
+          return true;
+        }
+        return name === "selectType" && widget.platform !== Platform.WEB;
+      },
+      _config: {
+        bindCmpStyleKey: type,
+        filterOptionsCallback
+      },
+      changeCallback(widget) {
+        if ([
+          FIELD_TYPE.BOOLEAN,
+          FIELD_TYPE.USER,
+          FIELD_TYPE.USER_MULTI,
+          FIELD_TYPE.ORG,
+          FIELD_TYPE.ORG_MULTI,
+          FIELD_TYPE.DATA_TABLE_FORMULA
+        ].includes(widget.props.fieldType)) {
+          return;
+        }
+        if ([
+          FIELD_TYPE.EXPRESSION,
+          FIELD_TYPE.AGG,
+          FIELD_TYPE.INTEGER,
+          FIELD_TYPE.LONG
+        ].includes(widget.props.fieldType)) {
+          widget.props.currency = "￥";
+          widget.props.displayTimeType = "d:h:m:s";
+          return;
+        }
+      }
+    }
+  ];
+};
+
+export { getBindCmpTypeEditor };

package/es/schema/common-config/common-style.d.ts

@@ -0,0 +1,3 @@
+import { LowCodeWidget } from '../../interface';
+export declare const commonStyle: LowCodeWidget.BasicStyle;
+export declare const notNeedPxStyle: string[];

package/es/schema/common-config/common-style.mjs

@@ -0,0 +1,85 @@
+import { BorderStyle, TagTypeEnum, TextDecoration } from '@gct-paas/core';
+
+const commonStyle = {
+  position: "",
+  top: "",
+  left: "",
+  right: "",
+  bottom: "",
+  width: "",
+  height: "",
+  backgroundColor: "",
+  marginAll: "",
+  marginTop: "",
+  marginRight: "",
+  marginBottom: "",
+  marginLeft: "",
+  paddingAll: "",
+  paddingTop: "",
+  paddingRight: "",
+  paddingBottom: "",
+  paddingLeft: "",
+  labelFont: {
+    align: "left",
+    fontSize: "",
+    bold: false,
+    italic: false,
+    textDecoration: TextDecoration.NONE,
+    color: ""
+  },
+  contentFont: {
+    align: "left",
+    fontSize: "",
+    bold: false,
+    italic: false,
+    textDecoration: TextDecoration.NONE,
+    color: ""
+  },
+  tagStyle: {
+    color: "",
+    tagType: TagTypeEnum.RADIUS
+  },
+  tagStyleOpen: false,
+  borderAll: {
+    borderStyle: BorderStyle.NONE,
+    borderColor: "#F0F0F0",
+    borderWidth: "1"
+  },
+  borderLeft: {
+    borderStyle: BorderStyle.NONE,
+    borderColor: "#F0F0F0",
+    borderWidth: "1"
+  },
+  borderRight: {
+    borderStyle: BorderStyle.NONE,
+    borderColor: "#F0F0F0",
+    borderWidth: "1"
+  },
+  borderBottom: {
+    borderStyle: BorderStyle.NONE,
+    borderColor: "#F0F0F0",
+    borderWidth: "1"
+  },
+  borderTop: {
+    borderStyle: BorderStyle.NONE,
+    borderColor: "#F0F0F0",
+    borderWidth: "1"
+  },
+  borderTopRightRadius: "0",
+  borderTopLeftRadius: "0",
+  borderBottomRightRadius: "0",
+  borderBottomLeftRadius: "0",
+  borderAllRadius: "0"
+};
+const notNeedPxStyle = [
+  "position",
+  "backgroundColor",
+  "bold",
+  "italic",
+  "textDecoration",
+  "color",
+  "borderStyle",
+  "borderColor"
+];
+
+export { commonStyle, notNeedPxStyle };

package/es/schema/common-config/display-editor-config.d.ts

@@ -0,0 +1,3 @@
+import { LowCodeWidget } from '../../interface';
+export declare const displayProps: LowCodeWidget.DisplayProps;
+export declare const displayEditor: LowCodeWidget.PropEditor[];

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

@@ -0,0 +1,89 @@
+import { Dependency_ENUM, ASSIGNMENTSTRATEGY_ENUM, FIELD_TYPE, PropGroup, MaterialEnum, FormComponents, Platform } from '@gct-paas/core';
+import { hiddenButtonProps } from './button-props-func.mjs';
+import { padVTableSupportEditFieldTypes } from '../../constants/index.mjs';
+
+const displayProps = {
+  deviceConnectivity: false,
+  ////显隐配置start
+  hidden: false,
+  // displayType: DisplayType.CONFIG,
+  // displayRule: '',
+  componentDependency: {
+    sortDependency: [],
+    configDependency: {
+      /**隐藏 */
+      [Dependency_ENUM.HIDDEN]: {
+        expression: ""
+      },
+      /**只读 */
+      [Dependency_ENUM.READONLY]: {
+        expression: ""
+      },
+      /**禁用 */
+      [Dependency_ENUM.DISABLED]: {
+        expression: ""
+      },
+      /**必填 */
+      [Dependency_ENUM.REQUIRED]: {
+        expression: ""
+      },
+      [Dependency_ENUM.ASSIGNMENT]: {
+        expression: "",
+        strategy: ASSIGNMENTSTRATEGY_ENUM.alwaysCover
+      }
+    }
+  }
+};
+const deviceFields = [
+  FIELD_TYPE.TEXT,
+  FIELD_TYPE.LONG_TEXT,
+  FIELD_TYPE.INTEGER,
+  FIELD_TYPE.LONG,
+  FIELD_TYPE.DOUBLE,
+  FIELD_TYPE.DECIMAL,
+  FIELD_TYPE.BOOLEAN,
+  FIELD_TYPE.DATE,
+  FIELD_TYPE.DATE_TIME,
+  FIELD_TYPE.MASTERSLAVE
+];
+const displayEditor = [
+  {
+    component: "dependency-editor",
+    name: "componentDependency",
+    label: "",
+    group: PropGroup.COMPONENTDEPENDENCY,
+    hidden: (widget) => {
+      if (widget.materialType === MaterialEnum.MaterialEmbedTableField) {
+        return true;
+      }
+      if (widget.type === FormComponents.Form && widget.preLocation) {
+        return true;
+      }
+      return hiddenButtonProps(widget) || widget.props.field === "operating_state_";
+    }
+  },
+  {
+    component: "switch-editor",
+    name: "notSubmitInHide",
+    label: "sys.pageDesigner.submitWhenHidden",
+    group: PropGroup.FIELD_CONFIG,
+    hidden(widget) {
+      return !widget.isField || !widget.props.field || widget.props.bindFieldKey || widget.props.fieldReadonly || widget.materialType === MaterialEnum.cardListFormField || [
+        FIELD_TYPE.EXPRESSION_CONDITION,
+        FIELD_TYPE.SERIALRULE,
+        FIELD_TYPE.LABEL_TEMPLATE
+      ].includes(widget.props.fieldType) || !padVTableSupportEditFieldTypes.includes(widget.props.fieldType);
+    }
+  },
+  {
+    component: "switch-editor",
+    name: "deviceConnectivity",
+    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);
+    }
+  }
+];
+
+export { displayEditor, displayProps };

package/es/schema/common-config/permission-editor-config.d.ts

@@ -0,0 +1,2 @@
+import { LowCodeWidget } from '../../interface';
+export declare const permissionEditor: LowCodeWidget.PropEditor[];

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

@@ -0,0 +1,23 @@
+import { PropGroup } from '@gct-paas/core';
+import { hiddenButtonProps } from './button-props-func.mjs';
+
+const permissionEditor = [
+  // {
+  //   component: 'permission-switch-editor',
+  //   label: 'sys.permission',
+  //   group: PropGroup.PERMISSION,
+  //   hidden: (widget) => {
+  //     return hiddenButtonProps(widget);
+  //   },
+  // },
+  {
+    component: "permission-editor",
+    label: "",
+    group: PropGroup.PERMISSION,
+    hidden: (widget) => {
+      return hiddenButtonProps(widget);
+    }
+  }
+];
+
+export { permissionEditor };

package/es/schema/index.d.ts

@@ -0,0 +1,9 @@
+import * as modalCfg from './modal/modal';
+export { modalCfg };
+export * from './common-config/button-props-func';
+export * from './common-config/common-style';
+export * from './common-config/display-editor-config';
+export * from './common-config/common-field-editor-config';
+export * from './common-config/base-button-config';
+export * from './common-config/permission-editor-config';
+export * from './common-config/button-editor-config';

package/es/schema/modal/modal-body.d.ts

@@ -0,0 +1,2 @@
+import { LowCodeModal } from '../../interface';
+export declare const widget: LowCodeModal.ModalBody;

package/es/schema/modal/modal-body.mjs

@@ -0,0 +1,9 @@
+import { BuiltinType } from '@gct-paas/core';
+
+const widget = {
+  id: "",
+  type: BuiltinType.MODAL_BODY,
+  children: []
+};
+
+export { widget };

package/es/schema/modal/modal-footer.d.ts

@@ -0,0 +1,2 @@
+import { LowCodeModal } from '../../interface';
+export declare const widget: LowCodeModal.ModalFooter;

package/es/schema/modal/modal-footer.mjs

@@ -0,0 +1,9 @@
+import { BuiltinType } from '@gct-paas/core';
+
+const widget = {
+  id: "",
+  type: BuiltinType.MODAL_FOOTER,
+  children: []
+};
+
+export { widget };

package/es/schema/modal/modal.d.ts

@@ -0,0 +1,8 @@
+import { LowCodeModal, LowCodeWidget } from '../../interface';
+export declare const widget: LowCodeModal.Modal;
+export declare const propEditorList: LowCodeWidget.PropEditor[];
+export declare const styleEditorList: LowCodeWidget.StyleEditor[];
+export declare const eventList: LowCodeWidget.EventsType[];
+export declare const runCallback: LowCodeWidget.RunCallback;
+export declare const beforeCreate: (widget: LowCodeModal.Modal) => void;
+export declare const designerConfig: LowCodeWidget.DesignerConfig;