@gct-paas/design 0.1.4-dev.1 → 0.1.4-dev.11

package/es/register/material/material.register.mjs

@@ -0,0 +1,134 @@
+import { clone } from 'lodash-es';
+import { DesignViewPrefix } from '../../constant/index.mjs';
+
+class MaterialRegister {
+  static groupMap = /* @__PURE__ */ new Map();
+  static map = /* @__PURE__ */ new Map();
+  /**
+   * 注册素材项
+   *
+   * @author zhanghanrui
+   * @date 2024-07-09 15:07:15
+   * @static
+   * @param {IMaterialData} material
+   * @param {string} [prefix]
+   */
+  static register(material, prefix) {
+    const tag = prefix ? `${prefix}:${material.type}` : material.type;
+    this.map.set(tag, material);
+  }
+  /**
+   * 注册自定义首页素材
+   *
+   * @author zhanghanrui
+   * @date 2024-07-09 16:07:52
+   * @static
+   * @param {IMaterialData} material
+   */
+  static registerCustomHome(material) {
+    this.register(material, DesignViewPrefix.CUSTOM_HOME);
+  }
+  /**
+   * 注册自定义导航页面
+   *
+   * @author zhanghanrui
+   * @date 2024-08-19 17:08:13
+   * @static
+   * @param {IMaterialData} material
+   */
+  static registerCustomExpView(material) {
+    this.register(material, DesignViewPrefix.CUSTOM_EXP_VIEW);
+  }
+  /**
+   * 注册素材组
+   *
+   * @author zhanghanrui
+   * @date 2024-07-09 15:07:25
+   * @static
+   * @param {IMaterialGroup} material
+   * @param {string} [prefix]
+   */
+  static registerGroup(material, prefix) {
+    const tag = prefix ? `${prefix}:${material.tag}` : material.tag;
+    this.groupMap.set(tag, material);
+    if (material.children) {
+      material.children.forEach((item) => {
+        this.register(item, prefix);
+      });
+    }
+  }
+  /**
+   * 注册自定义首页素材组
+   *
+   * @author zhanghanrui
+   * @date 2024-07-09 16:07:56
+   * @static
+   * @param {IMaterialGroup} material
+   */
+  static registerGroupCustomHome(material) {
+    this.registerGroup(material, DesignViewPrefix.CUSTOM_HOME);
+  }
+  /**
+   * 注册自定义导航页面组
+   *
+   * @author zhanghanrui
+   * @date 2024-08-19 17:08:09
+   * @static
+   * @param {IMaterialGroup} material
+   */
+  static registerGroupCustomExpView(material) {
+    this.registerGroup(material, DesignViewPrefix.CUSTOM_EXP_VIEW);
+  }
+  /**
+   * 获取素材项
+   *
+   * @author zhanghanrui
+   * @date 2024-07-16 14:07:28
+   * @static
+   * @param {string} tag
+   * @param {string} [prefix]
+   * @return {*}  {(IMaterialData | undefined)}
+   */
+  static getMaterial(tag, prefix) {
+    return this.map.get(prefix ? `${prefix}:${tag}` : tag);
+  }
+  /**
+   * 获取指定的素材清单
+   *
+   * @author zhanghanrui
+   * @date 2024-07-09 16:07:05
+   * @static
+   * @param {string} [prefix]
+   * @return {*}  {IMaterialGroup[]}
+   */
+  static getList(prefix) {
+    const keys = Array.from(this.groupMap.keys()).filter(
+      (_) => _.startsWith(`${prefix}:`)
+    );
+    const itemKeys = Array.from(this.map.keys()).filter(
+      (_) => _.startsWith(`${prefix}:`)
+    );
+    let arr = [];
+    keys.forEach((key) => {
+      const group = this.groupMap.get(key);
+      if (group) {
+        arr.push(clone(group));
+      }
+    });
+    arr = arr.sort((a, b) => a.order - b.order);
+    let items = [];
+    itemKeys.forEach((key) => {
+      const item = this.map.get(key);
+      if (item) {
+        items.push(clone(item));
+      }
+    });
+    items = items.sort((a, b) => a.order - b.order);
+    arr.forEach((group) => {
+      group.children = items.filter((item) => item.group === group.tag);
+    });
+    return arr;
+  }
+}
+
+export { MaterialRegister };

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

@@ -1,45 +1,3 @@
-import { ButtonSize, ButtonStyle, operateSysEnums, LowCodeWidget } from '@gct-paas/core';
-export interface BaseButtonProps extends LowCodeWidget.WidgetProps {
-    /**
-     * 关联表单
-     */
-    refForm?: string;
-    /**
-     * 关联列表
-     */
-    refList?: string;
-    /**标题 */
-    title: string;
-    /**二次确认 */
-    confirm?: boolean;
-    confirmText?: string;
-    /**内置事件 */
-    innerEvent?: boolean;
-    /**系统事件类型 */
-    sysMethedType?: operateSysEnums;
-    linkPage?: string;
-    /**事件名称 */
-    eventName?: string;
-    /**显示规则 */
-    icon: string;
-    iconColor: string;
-    size: ButtonSize;
-    disabled: boolean;
-    /**是否显示按钮名称 */
-    hasText: boolean;
-    /**是否显示图标 */
-    hasIcon: boolean;
-    /**按钮type */
-    type: string;
-    /**是否是危险类型 */
-    danger: boolean;
-    /**关联模型 */
-    model?: string;
-    i18nConfig?: string;
-    buttonStyle?: ButtonStyle;
-    enableCustomColor: boolean;
-    backgroundColor?: string;
-    fontColor?: string;
-}
+import { BaseButtonProps, LowCodeWidget } from '@gct-paas/schema';
 export declare const baseBtnProp: BaseButtonProps;
 export declare const baseBtnEditor: LowCodeWidget.PropEditor[];

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

@@ -1,7 +1,6 @@
 import { ButtonSize, ButtonType, ButtonStyle, PropGroup } from '@gct-paas/core';
 import { displayProps } from './display-editor-config.mjs';
 
-"use strict";
 const baseBtnProp = {
   disabled: false,
   icon: "icon-park:all-application",

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

@@ -1,14 +1,4 @@
-import { ButtonColorType, ButtonColorTheme, ButtonStyle, LowCodeWidget } from '@gct-paas/core';
-export declare const buttonProps: {
-    disabled: boolean;
-    buttonTheme: ButtonColorTheme;
-    buttonType: ButtonColorType;
-    icon: string;
-    iconColor: string;
-    buttonStyle: ButtonStyle;
-    enableCustomColor: boolean;
-    backgroundColor: string;
-    fontColor: string;
-};
+import { ButtonBasicProps, LowCodeWidget } from '@gct-paas/schema';
+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

@@ -1,19 +1,57 @@
 import { ButtonStyle, ButtonColorType, ButtonColorTheme, PropGroup, ButtonSize, StyleGroup } from '@gct-paas/core';
 import { hiddenButtonProps } from './button-props-func.mjs';
 
-"use strict";
 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: {
@@ -81,7 +119,7 @@ const buttonEditor = [
     label: "sys.pageDesigner.buttonSize",
     group: PropGroup.ButtonStyle,
     hidden: (widget) => {
-      return !!widget;
+      return hiddenButtonProps(widget);
     },
     _config: {
       options: Object.values(ButtonSize).map((i) => {
@@ -114,6 +152,32 @@ const buttonEditor = [
       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 = [
   {

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

@@ -1,4 +1,4 @@
-import { LowCodeWidget } from '@gct-paas/core';
+import { LowCodeWidget } from '@gct-paas/schema';
 /**
  * 按钮组件属性显隐控制判断
  */

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

@@ -1,4 +1,3 @@
-"use strict";
 function hiddenButtonProps(widget) {
   if (Object.prototype.hasOwnProperty.call(widget.props, "model")) {
     return !widget.props.model;

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

@@ -0,0 +1,6 @@
+export declare const deviceEvent: {
+    name: string;
+    title: string;
+    params: string[];
+    hidden: (widget: IObject) => boolean;
+}[];

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

@@ -0,0 +1,14 @@
+import { Platform, MaterialEnum } from '@gct-paas/core';
+
+const deviceEvent = [
+  {
+    name: "afterDeviceFill",
+    title: "sys.pageDesigner.afterDeviceFill",
+    params: ["value", "deviceData", "formData"],
+    hidden: (widget) => {
+      return widget.platform !== Platform.WEB || ![MaterialEnum.MaterialFormField].includes(widget.materialType);
+    }
+  }
+];
+
+export { deviceEvent };

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

@@ -0,0 +1,17 @@
+import { BindCmpStyleEnum, BindCmpStyleTypeEnum } from '@gct-paas/core';
+import { LowCodeModal, LowCodeWidget } from '@gct-paas/schema';
+/** 字段名称和显示标题config */
+export declare const basicFieldEditor: LowCodeWidget.PropEditor[];
+/** 获取输入属性config */
+export declare const getInputAttrEditor: (needFieldAttrs: string[]) => LowCodeWidget.PropEditor[];
+/** 获取组件类型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[];
+/** 填写说明config */
+export declare const explainEditor: LowCodeWidget.PropEditor[];
+export declare const validatorEditor: LowCodeWidget.PropEditor[];

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

@@ -0,0 +1,213 @@
+import '../../hooks/design-view/design-state.mjs';
+import { PropGroup, MaterialEnum, Platform, FIELD_TYPE, TreeHelper } from '@gct-paas/core';
+import 'vue';
+import { has } from 'lodash-es';
+import { useScope } from '../../hooks/design-view/layout/useScope.mjs';
+import '../../hooks/design-view/global/useGlobal.mjs';
+import '../modal/modal.mjs';
+import './common-style.mjs';
+import './display-editor-config.mjs';
+import './base-button-config.mjs';
+import './permission-editor-config.mjs';
+import './button-editor-config.mjs';
+import './formItem-editor-config.mjs';
+import { isFormFieldType } from '@gct-paas/schema';
+import '@vueuse/core';
+import '../../hooks/develop/useCacheHistory.mjs';
+import '../../components/user-occupy/user-occupy.css';import '../../components/user-occupy/user-lock.css';import '../../components/field-transfer/components/field-transfer-modal.css';import '../../components/field-transfer/less/AdvancedTransfer.css';import '../../components/field-transfer/less/TransferTree.css';import '../../components/field-transfer/less/TreeItem.css';import '../../components/field-cascader/src/FieldCascader.css';import '../../components/design-view-layout/design-view-layout.css';import '../../components/modal-name-editor/modal-name-editor.css';import '../../components/design-step-check/design-step-check.css';import '../../components/design-save-tip/design-save-tip.css';import '../../components/mobile-container/mobile-container.css';import '../../components/design-icon-button/design-icon-button.css';import '../../components/editor/style/font-editor/align-group.css';import '../../components/editor/style/font-editor/font-style-group.css';import '../../components/editor/style/position-editor/position-editor.css';import '../../components/editor/style/spacing-editor/spacing-editor.css';import '../../components/editor/style/border-editor/border-editor.css';import '../../components/editor/style/border-editor/border-radius.css';import '../../components/editor/style/border-editor/border-box.css';/* empty css                                                          */
+/* empty css                                                             */
+/* empty css                                                             */
+/* empty css                                                               */
+import '../../components/icon/upleft-icon.vue.mjs';
+import '../../components/icon/downleft-icon.vue.mjs';
+import '../../components/icon/downright-icon.vue.mjs';
+import '../../components/icon/upright-icon.vue.mjs';
+/* empty css                                                                 */
+import '@ant-design/icons-vue';
+import '../../components/editor/style/font-editor/util.mjs';
+/* empty css                                                              */
+/* empty css                                                         */
+/* empty css                                                           */
+import 'dayjs';
+/* empty css                                                       */
+/* empty css                                                     */
+/* empty css                                                         */
+/* empty css                                                         */
+/* empty css                                                           */
+import '../../components/field-cascader/src/hooks.mjs';
+/* empty css                                                      */
+import '@gct-paas/core-web';
+import '../../components/field-transfer/components/Cascader/FieldCascader.mjs';
+import 'ant-design-vue';
+/* empty css                                                  */
+/* empty css                                                      */
+/* empty css                                                          */
+/* empty css                                                                   */
+import '../../components/user-occupy/useUserOccupy.mjs';
+/* empty css                                           */
+/* empty css                                             */
+import '../../hooks/design-view/widget/useSelectedWidget.mjs';
+import '../../utils/begin-drag/begin-drag.mjs';
+import 'axios';
+import '../../utils/design-view/index.mjs';
+import '../../utils/field-attrs/basicAttrs.mjs';
+import '../../utils/field-filter/index.mjs';
+import '../../utils/find-deep-types/find-deep-types.mjs';
+import '../../hooks/design-view/widget/useWidget.mjs';
+import '../../hooks/design-view/page/usePage.mjs';
+import '../../hooks/design-view/page/usePageOccupy.mjs';
+import '../../hooks/design-view/layout/useToolkit.mjs';
+import '../../hooks/use-model-field/use-model-field.mjs';
+import 'qx-util';
+
+const basicFieldEditor = [
+  // 字段名称
+  {
+    component: "custom-name-editor",
+    name: "label",
+    label: "sys.pageDesigner.fieldTitle",
+    formItemStyle: { marginBottom: "12px" },
+    group: PropGroup.BASIC,
+    changeCallback(widget) {
+      widget.alias = widget.props.label;
+    },
+    _config: {
+      formItemCheckbox: {
+        label: "sys.pageDesigner.displayLabelText",
+        propsKey: "displayLabelText"
+      }
+    }
+  }
+];
+const getInputAttrEditor = (needFieldAttrs) => {
+  return [
+    // 输入属性
+    {
+      component: "input-attr-editor",
+      name: "",
+      label: "sys.pageDesigner.inputAttr",
+      group: PropGroup.FIELD_CONFIG,
+      _config: {
+        needFieldAttrs,
+        getFilterAttrs: (widget) => {
+          if (widget.platform !== Platform.WEB || !isFormFieldType(widget) || widget.props.readonly || widget.props.fieldReadonly) {
+            return ["getFocus"];
+          }
+          return [];
+        }
+      },
+      changeCallback(widget, value) {
+        if (value.includes("getFocus")) {
+          const { scopeData } = useScope();
+          const fields = TreeHelper.findNodeAll(scopeData.value, (res) => {
+            return res.isField && has(res.props, "getFocus") && res.id !== widget.id;
+          });
+          fields.forEach((field) => {
+            field.props.getFocus = false;
+          });
+        }
+      },
+      hidden(widget) {
+        return widget.props.field === "operating_state_" || widget.props.bindFieldKey || widget.materialType === MaterialEnum.DescriptionsFormField || widget.props.fieldReadonly;
+      }
+    }
+  ];
+};
+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;
+        }
+      }
+    }
+  ];
+};
+const explainEditor = [
+  // 填写说明开关
+  {
+    component: "switch-editor",
+    name: "showExplain",
+    label: "sys.pageDesigner.explain",
+    formItemStyle: { marginBottom: "12px" },
+    group: PropGroup.FIELD_CONFIG,
+    hidden: (widget) => {
+      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;
+    }
+  },
+  // 填写说明内容
+  {
+    component: "texteare-editor",
+    name: "explain",
+    label: "",
+    group: PropGroup.FIELD_CONFIG,
+    hidden: (widget) => {
+      return !widget.props.showExplain;
+    },
+    _config: {
+      i18n: true
+    }
+  }
+];
+const validatorEditor = [
+  {
+    component: "switch-editor",
+    name: "closeValidator",
+    label: "sys.pageDesigner.closeValidator",
+    group: PropGroup.FIELD_CONFIG,
+    formField: true
+  }
+];
+
+export { basicFieldEditor, explainEditor, getBindCmpTypeEditor, getInputAttrEditor, validatorEditor };

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

@@ -1,3 +1,3 @@
-import { LowCodeWidget } from '@gct-paas/core';
-export declare const style: LowCodeWidget.BasicStyle;
+import { LowCodeWidget } from '@gct-paas/schema';
+export declare const commonStyle: LowCodeWidget.BasicStyle;
 export declare const notNeedPxStyle: string[];

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

@@ -1,7 +1,6 @@
 import { BorderStyle, TagTypeEnum, TextDecoration } from '@gct-paas/core';
 
-"use strict";
-const style = {
+const commonStyle = {
   position: "",
   top: "",
   left: "",
@@ -83,4 +82,4 @@ const notNeedPxStyle = [
   "borderColor"
 ];
 
-export { notNeedPxStyle, style };
+export { commonStyle, notNeedPxStyle };

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

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

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

@@ -1,8 +1,9 @@
-import { Dependency_ENUM, ASSIGNMENTSTRATEGY_ENUM, PropGroup, MaterialEnum, FormComponents, FIELD_TYPE } from '@gct-paas/core';
+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 '@gct-paas/schema';
 
-"use strict";
 const displayProps = {
+  deviceConnectivity: false,
   ////显隐配置start
   hidden: false,
   // displayType: DisplayType.CONFIG,
@@ -33,6 +34,18 @@ const displayProps = {
     }
   }
 };
+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",
@@ -46,7 +59,7 @@ const displayEditor = [
       if (widget.type === FormComponents.Form && widget.preLocation) {
         return true;
       }
-      return hiddenButtonProps(widget);
+      return hiddenButtonProps(widget) || widget.props.field === "operating_state_";
     }
   },
   {
@@ -55,11 +68,20 @@ const displayEditor = [
     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 || [
+      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);
+      ].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);
     }
   }
 ];

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

@@ -1,3 +1,2 @@
-import { LowCodeWidget } from '@gct-paas/core';
+import { LowCodeWidget } from '@gct-paas/schema';
 export declare const formItemProps: LowCodeWidget.FormItemProps;
-export declare const formItemDisplayEditor: LowCodeWidget.PropEditor[];