@gct-paas/design 0.1.4-dev.8 → 0.1.5-dev.0

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

@@ -1,249 +0,0 @@
-import { TreeHelper, FIELD_TYPE, FormComponents, BuiltinType, Platform, PanelEnum } from '@gct-paas/core';
-import { getCompPos, commonStyle } from '@gct-paas/schema';
-import { isEmpty, has, get, isArray } from 'lodash-es';
-import { computed, ref } from 'vue';
-import { useDesigner } from './useDesigner.mjs';
-import { platform, usePage } from './usePage.mjs';
-import { useScope } from './useScope.mjs';
-
-const allWidgetInfo = {};
-const fieldFormEvents = {};
-const fieldFormEditors = {};
-const fieldFormStyles = {};
-const { togglePanel } = usePage();
-const selectedConfig = ref({ mode: "move" });
-const selectedParentChildren = ref([]);
-const selectedParentWidgets = ref([]);
-const selectedWidget = ref({});
-const selectedModal = ref({});
-const focusFormWidget = ref({});
-const hoverWidget = ref({});
-function useSelectedWidget() {
-  const { setScope, getScope, scopeData } = useScope();
-  const { subTableModalState, subTableModalId, allWidget } = useDesigner();
-  const selectedRef = computed(() => {
-    if (!isEmpty(selectedModal.value) && isEmpty(selectedWidget.value)) {
-      return selectedModal.value;
-    } else {
-      return selectedWidget.value;
-    }
-  });
-  const selectedParentRef = computed(() => {
-    if (!selectedRef.value.id) {
-      return void 0;
-    }
-    return selectedParentWidgets.value[selectedParentWidgets.value.length - 1];
-  });
-  const selectedParentsRef = computed(() => {
-    if (!selectedRef.value.id) {
-      return [];
-    }
-    return selectedParentWidgets.value;
-  });
-  const selectedParentChildrenRef = computed(() => {
-    if (!selectedRef.value.id) {
-      return [];
-    }
-    return selectedParentChildren.value;
-  });
-  const selectedConfigRef = computed(() => {
-    return selectedConfig.value;
-  });
-  function setSelectedConfig(config) {
-    selectedConfig.value = config;
-  }
-  const setSelectedParentChildrenRef = (widgets) => {
-    selectedParentChildren.value = widgets;
-  };
-  const selectModalRef = computed(() => {
-    if (subTableModalState.value) {
-      const modalInfo = TreeHelper.findNode(scopeData.value, (node) => {
-        return getCompPos(node, FIELD_TYPE.MASTERSLAVE, FormComponents.Form) && node.preLocation === subTableModalId.value;
-      });
-      if (!modalInfo) {
-        return selectedRef.value;
-      }
-      return modalInfo;
-    }
-    return selectedRef.value;
-  });
-  const focusFormRef = computed(() => {
-    if ([
-      FormComponents.Form,
-      FormComponents.RdoForm,
-      FormComponents.MedProRdoForm,
-      FormComponents.CardList,
-      BuiltinType.MODAL,
-      FormComponents.FormProcess
-    ].includes(selectedRef.value.type)) {
-      return selectedRef.value;
-    }
-    return focusFormWidget.value;
-  });
-  const hoverRef = computed(() => {
-    return hoverWidget.value;
-  });
-  function setHoverWidget(widget = {}) {
-    hoverWidget.value = widget;
-  }
-  function setSelectedParentWidgets(widgets) {
-    selectedParentWidgets.value = widgets;
-  }
-  const setSelectedModal = (modal) => {
-    selectedModal.value = modal;
-    selectedWidget.value = {};
-    togglePanel(PanelEnum.WIDGET);
-  };
-  const resetSelectedModal = () => {
-    selectedModal.value = {};
-  };
-  const setSelectedWidget = (widget, scope) => {
-    selectedWidget.value = widget;
-    selectedModal.value = {};
-    if (scope) {
-      setScope(scope);
-    }
-    togglePanel(PanelEnum.WIDGET);
-  };
-  const resetSelectedWidget = (scope) => {
-    selectedWidget.value = {};
-    selectedParentWidgets.value = [];
-    selectedConfig.value = { mode: "move" };
-    focusFormWidget.value = {};
-    selectedParentChildren.value = [];
-    setScope(scope ? scope : getScope());
-  };
-  const selectedStyle = computed(() => {
-    if (!selectedRef.value.style) {
-      selectedRef.value.style = {};
-    }
-    return selectedRef.value.style || commonStyle;
-  });
-  const selectedProps = computed(() => {
-    return selectedRef.value.props;
-  });
-  const selectedEvents = computed({
-    get() {
-      return selectedRef.value.events;
-    },
-    set(val) {
-      selectedRef.value.events = val;
-    }
-  });
-  const selectedAllEvents = computed(() => {
-    const { type } = selectedRef.value;
-    let widgetEvents;
-    if (platform.value === Platform.MOBILE) {
-      widgetEvents = allWidgetInfo.mobileWidgetEvents;
-    } else if (platform.value === Platform.PAD) {
-      widgetEvents = allWidgetInfo.padWidgetEvents;
-    } else {
-      widgetEvents = allWidgetInfo.webWidgetEvents;
-    }
-    const eventConfig = widgetEvents[type] || fieldFormEvents[type] || [];
-    if (typeof eventConfig === "function") {
-      return eventConfig(selectedRef.value);
-    } else {
-      return eventConfig;
-    }
-  });
-  const selectedAllPropEditors = computed(() => {
-    const { type } = selectedRef.value;
-    let widgetPropsEditors;
-    if (platform.value === Platform.MOBILE) {
-      widgetPropsEditors = allWidgetInfo.mobileWidgetPropEditors;
-    } else if (platform.value === Platform.PAD) {
-      widgetPropsEditors = allWidgetInfo.padWidgetPropEditors;
-    } else {
-      widgetPropsEditors = allWidgetInfo.webWidgetPropEditors;
-    }
-    let preCompInfo;
-    if (has(selectedRef.value, "preLocation")) {
-      const { scopeData: scopeData2 } = useScope();
-      preCompInfo = TreeHelper.findNode(scopeData2.value, (widget) => {
-        return widget.id === get(selectedRef.value, "preLocation");
-      });
-    }
-    return widgetPropsEditors[type] && isArray(widgetPropsEditors[type]) ? widgetPropsEditors[type] : fieldFormEditors[type]?.(selectedRef.value, preCompInfo);
-  });
-  const selectedAllStyleEditors = computed(() => {
-    const { type } = selectedRef.value;
-    let widgetStyleEditors;
-    if (platform.value === Platform.MOBILE) {
-      widgetStyleEditors = allWidgetInfo.mobileWidgetStyleEditors;
-    } else if (platform.value === Platform.PAD) {
-      widgetStyleEditors = allWidgetInfo.padWidgetStyleEditors;
-    } else {
-      widgetStyleEditors = allWidgetInfo.webWidgetStyleEditors;
-    }
-    return widgetStyleEditors[type] || fieldFormStyles[type]?.(selectedRef.value);
-  });
-  const selectedAllDesingerConfig = computed(() => {
-    let widgetDesignerConfig;
-    if (platform.value === Platform.MOBILE) {
-      widgetDesignerConfig = allWidgetInfo.mobileWidgetDesignerConfig;
-    } else if (platform.value === Platform.PAD) {
-      widgetDesignerConfig = allWidgetInfo.padWidgetDesignerConfig;
-    } else {
-      widgetDesignerConfig = allWidgetInfo.webWidgetDesignerConfig;
-    }
-    return widgetDesignerConfig[selectedRef.value.type];
-  });
-  const setFocusFormContainer = (formId) => {
-    focusFormWidget.value = formId && allWidget.value.find((e) => e.id === formId) || {};
-  };
-  const focusFormContainer = computed(() => {
-    if (subTableModalState.value && focusFormRef.value.type === BuiltinType.MODAL) {
-      return {
-        isFocus: true
-      };
-    }
-    if (focusFormRef.value && focusFormRef.value?.props?.model) {
-      return {
-        isFocus: true,
-        formModelKey: focusFormRef.value?.props?.model,
-        formId: focusFormRef.value?.id,
-        nodeType: focusFormRef.value.props?.nodeType,
-        // 工作流节点类型
-        /**子表关联父模型 */
-        refParentModelkey: focusFormRef.value.props?.refParentModelkey
-      };
-    }
-    return {
-      isFocus: false,
-      formModelKey: "",
-      formId: "",
-      nodeType: ""
-    };
-  });
-  return {
-    setSelectedModal,
-    resetSelectedModal,
-    setSelectedWidget,
-    resetSelectedWidget,
-    selectedAllPropEditors,
-    selectedAllStyleEditors,
-    selectedAllEvents,
-    selectedEvents,
-    selectedProps,
-    selectedStyle,
-    selectedWidget,
-    selectedRef,
-    selectModalRef,
-    focusFormContainer,
-    selectedAllDesingerConfig,
-    setFocusFormContainer,
-    focusFormRef,
-    hoverRef,
-    setHoverWidget,
-    selectedParentRef,
-    setSelectedParentWidgets,
-    selectedParentsRef,
-    selectedParentChildrenRef,
-    setSelectedParentChildrenRef,
-    selectedConfigRef,
-    setSelectedConfig
-  };
-}
-
-export { useSelectedWidget };

package/es/hooks/design-view/useStyle.mjs

@@ -1,30 +0,0 @@
-import { computed } from 'vue';
-import { propsToStyle as propsToStyle$1, extractFontStyle, generateWrapperStyle } from '@gct-paas/schema';
-
-function useStyle(widget) {
-  const { style = {}, ignoringStyle = [] } = widget || {};
-  const wStyle = computed(() => {
-    return propsToStyle$1(style);
-  });
-  const wrapperStyle = computed(() => {
-    return generateWrapperStyle(style, ignoringStyle);
-  });
-  const labelFont = computed(() => {
-    return extractFontStyle(style.labelFont);
-  });
-  const contentFont = computed(() => {
-    return extractFontStyle(style.contentFont);
-  });
-  return {
-    wrapperStyle,
-    wStyle,
-    labelFont,
-    contentFont
-  };
-}
-const schemaToStyle = (schema) => extractFontStyle(schema);
-function propsToStyle(styleProps = {}) {
-  return propsToStyle$1(styleProps);
-}
-
-export { propsToStyle, schemaToStyle, useStyle };

package/es/hooks/design-view/useStyleEditor.d.ts

@@ -1,27 +0,0 @@
-import { PropType } from 'vue';
-import { LowCodeWidget, LowCodeModal } from '@gct-paas/schema';
-export declare const props: {
-    editor: {
-        type: PropType<LowCodeWidget.StyleEditor>;
-        default: {};
-    };
-    widget: {
-        type: PropType<LowCodeWidget.BasicSchema | LowCodeModal.Modal>;
-    };
-    propConfig: {
-        type: ObjectConstructor;
-        default: {};
-    };
-};
-export declare const presetColor: string[];
-export declare function useStyleEditor<T = IObject>(editor: IObject): {
-    styleValue: import('vue').WritableComputedRef<T, T>;
-};
-export declare const btnTypeColor: {
-    type: string;
-    danger: boolean;
-    fontColor: string;
-    backgroundColor: string;
-}[];
-export declare const shadeColor: (color: string) => string;
-export declare function rgba2hex(r: string | number, g: string | number, b: string | number, a?: string | number): string;

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

@@ -1,299 +0,0 @@
-import { ref } from 'vue';
-import { ToolkitEnum, CategoryTypeEnum, FormComponents, Platform } from '@gct-paas/core';
-import { cloneDeep, clone } from 'lodash-es';
-import { useDesigner } from './useDesigner.mjs';
-
-const allWidgetInfo = {};
-const toolkit = ref(ToolkitEnum.OUTLINE);
-const toolkitWidgets = ref([]);
-const toolkitShow = ref(true);
-const toolkitFixed = ref(false);
-const toolkitPinned = ref(false);
-const reloadFieldToolkit = {};
-function useComponents() {
-  class ComponentUtils {
-    /** 表单 */
-    category_form = CategoryTypeEnum.FORM;
-    /** 布局 */
-    category_layout = CategoryTypeEnum.LAYOUT;
-    /** 高级 */
-    category_advanced = CategoryTypeEnum.ADVANCED;
-    /** 数据展示 */
-    category_data = CategoryTypeEnum.DATA;
-    /** 按钮 */
-    category_button = CategoryTypeEnum.BUTTON;
-    /** 套件 */
-    category_kit = CategoryTypeEnum.KIT;
-    /**流程 */
-    category_process = CategoryTypeEnum.PROCESS;
-    static instance;
-    static SubTableGroup = "SubTableGroup";
-    static CardListGroup = "CardListGroup";
-    groupType = "";
-    static getInstance() {
-      if (!this.instance) {
-        this.instance = new ComponentUtils();
-      }
-      return this.instance;
-    }
-    set setGroupType(type) {
-      this.groupType = type;
-    }
-    get categoryTypes() {
-      if (this.groupType === ComponentUtils.SubTableGroup) {
-        return [
-          this.category_form,
-          this.category_layout,
-          this.category_advanced
-        ];
-      }
-      return [
-        this.category_form,
-        this.category_layout,
-        this.category_advanced,
-        this.category_data,
-        this.category_button,
-        this.category_kit,
-        this.category_process
-      ];
-    }
-    get form2Comps() {
-      if (this.groupType === ComponentUtils.SubTableGroup)
-        return ["GenRadio", "GenCheckbox", "GenSwitch", "Text", "GenImage"];
-      return [
-        "GenRadio",
-        "GenCheckbox",
-        "GenSwitch",
-        "Text",
-        "GenImage",
-        "Form"
-      ];
-    }
-    get layout2Comps() {
-      if (this.groupType === ComponentUtils.SubTableGroup)
-        return [
-          "Collapse",
-          "SpaceOccupation",
-          "Divider",
-          "LayoutContainer",
-          "Grid",
-          "LeftRightColumns",
-          "Tabs"
-        ];
-      return [
-        "Collapse",
-        "SpaceOccupation",
-        "Divider",
-        "ButtonContainer",
-        "LayoutContainer",
-        "Grid",
-        "LeftRightColumns",
-        "Tabs"
-      ];
-    }
-    get advanced2Comps() {
-      if ([ComponentUtils.SubTableGroup].includes(this.groupType))
-        return ["Iframe", "CustomCode"];
-      return [
-        "Search",
-        "QuickSearch",
-        "SelectSearch",
-        "TableSelect",
-        "Iframe",
-        "CustomCode"
-      ];
-    }
-    get process2Comps() {
-      if ([ComponentUtils.SubTableGroup].includes(this.groupType)) return [];
-      return [
-        "FormProcess",
-        "ProcessButton",
-        "ButtonProcessContainer",
-        "ApprovalHistory",
-        "FlowDiagram"
-      ];
-    }
-    get button2Comps() {
-      if ([ComponentUtils.SubTableGroup].includes(this.groupType)) return [];
-      return [
-        "CustomButton",
-        // 'CreateButton',
-        // 'CopyButton',
-        // 'DeleteButton',
-        "SubmitButton",
-        "RefreshButton",
-        "ResetButton",
-        // 'ImportButton',
-        // 'ExportButton',
-        "LabelPrintButton"
-        // 'ModelingButton',
-        // 'DocumentPrintButton',
-      ];
-    }
-    get data2Comps() {
-      if ([ComponentUtils.SubTableGroup].includes(this.groupType)) return [];
-      return [
-        // 'DataList',
-        "CardList",
-        "DataTable",
-        "DataVTable",
-        "TreeTable",
-        "RefDataTable",
-        "Descriptions"
-      ];
-    }
-    changeGroupType({ data, modalState }) {
-      if (data.type === FormComponents.CardList) {
-        this.setGroupType = ComponentUtils.CardListGroup;
-        return;
-      }
-      if (modalState) {
-        this.setGroupType = ComponentUtils.SubTableGroup;
-        return;
-      }
-      this.setGroupType = "";
-    }
-    /**
-     * 根据平台特殊过滤，显示的组件
-     *
-     * @param platform
-     * @param suiteKey
-     * @returns
-     */
-    _filterWidgets(tag, platform, _suiteKey) {
-      if (platform === Platform.PAD) {
-        if (tag === FormComponents.DataTable) {
-          return false;
-        }
-      }
-      return true;
-    }
-    getWidgetsToolkit({
-      platform,
-      suiteKey
-    }) {
-      const { pluginConfigs } = useDesigner();
-      const schemas = platform === Platform.WEB ? allWidgetInfo.webWidgetSchema : platform === Platform.PAD ? allWidgetInfo.padWidgetSchema : allWidgetInfo.mobileWidgetSchema;
-      const schemaKeys = Object.values(schemas).filter((i) => !!i && !i.internal).map((schema) => schema.type);
-      const configs = this.categoryTypes.map((categoryType) => {
-        if (categoryType === CategoryTypeEnum.KIT) {
-          const design = platform === Platform.WEB ? _gct.register.designer.web : platform === Platform.PAD ? _gct.register.designer.pad : _gct.register.designer.mobile;
-          const list2 = design.getProviders().filter((designer) => {
-            if (designer.kit && designer.kit.length) {
-              return designer.kit.includes(suiteKey);
-            }
-            if (designer.kit && designer.kit.length > 0 && !suiteKey) {
-              return false;
-            }
-            return true;
-          }).map((designer) => {
-            return designer.schema;
-          });
-          return {
-            categoryType,
-            categoryName: "sys.pageDesigner.category_" + categoryType,
-            list: list2
-          };
-        }
-        const list = this[`${categoryType}2Comps`].filter(
-          (i) => schemaKeys.includes(
-            FormComponents[i]
-          ) && this._filterWidgets(
-            FormComponents[i],
-            platform,
-            suiteKey
-          )
-        ).map(
-          (compKey) => cloneDeep(
-            schemas[FormComponents[compKey]]
-          )
-        );
-        return {
-          categoryType,
-          categoryName: "sys.pageDesigner.category_" + categoryType,
-          list
-        };
-      }).filter((i) => i.list.length);
-      if (window._gct && pluginConfigs.value) {
-        const register = platform === Platform.WEB ? _gct.register.designer.web : platform === Platform.PAD ? _gct.register.designer.mobile : _gct.register.designer.mobile;
-        pluginConfigs.value.forEach((pluginConfig) => {
-          const { category, plugins } = pluginConfig;
-          configs.push({
-            categoryType: category.module,
-            categoryName: category.name,
-            list: plugins.map((plugin) => {
-              const provider = register.getProvider(plugin.key);
-              if (provider) {
-                const obj = clone(provider.schema);
-                obj._plugin = clone(plugin);
-                return obj;
-              }
-              return null;
-            }).filter((item) => {
-              return !!item;
-            })
-          });
-        });
-      }
-      return configs;
-    }
-  }
-  return {
-    instance: ComponentUtils.getInstance()
-  };
-}
-const { instance } = useComponents();
-function useToolkit() {
-  function toggleToolkit(payload, force) {
-    if (toolkitPinned.value && !force) {
-      return;
-    }
-    toolkit.value = payload;
-    toolkitShow.value = true;
-  }
-  function initToolkitWidgets() {
-    const widgets = instance.getWidgetsToolkit({
-      platform: _gct.store.context.platform,
-      suiteKey: _gct.store.appInfo.suiteKey
-    });
-    toolkitWidgets.value = widgets;
-  }
-  function changeToolkitWidgets({ data, modalState }) {
-    const oldGroupType = instance.groupType;
-    instance.changeGroupType({ data, modalState });
-    if (oldGroupType !== instance.groupType) {
-      toolkitWidgets.value = instance.getWidgetsToolkit({
-        platform: _gct.store.context.platform,
-        suiteKey: _gct.store.appInfo.suiteKey
-      });
-    }
-  }
-  async function setFieldToolkit({
-    modelKey,
-    formId,
-    childParentModelKey
-  }) {
-    await reloadFieldToolkit(modelKey, formId, childParentModelKey);
-  }
-  function fixedToolkit() {
-    toolkitFixed.value = !toolkitFixed.value;
-  }
-  function pinnedToolkit() {
-    toolkitPinned.value = !toolkitPinned.value;
-  }
-  return {
-    toolkit,
-    toolkitShow,
-    toolkitFixed,
-    toolkitPinned,
-    toggleToolkit,
-    pinnedToolkit,
-    toolkitWidgets,
-    initToolkitWidgets,
-    changeToolkitWidgets,
-    fixedToolkit,
-    setFieldToolkit
-  };
-}
-
-export { useToolkit };