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

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

@@ -0,0 +1,344 @@
+import { watch, toRefs, reactive, toRaw } from 'vue';
+import { SCOPEINFO, FIELD_TYPE, CreateType } from '@gct-paas/core';
+import { cloneDeep, has } from 'lodash-es';
+
+const objInfo = {
+  modelKey: "",
+  fieldCodeChain: "",
+  bindFormId: "",
+  isFieldModel: false,
+  relateObjList: []
+};
+const modelInfoMap = {};
+const modelFieldMap = {};
+const selectObj = {
+  modelName: "",
+  fieldList: [],
+  modelKey: "",
+  currentFormId: "",
+  fieldCodeChain: "",
+  isFieldModel: false
+};
+const fieldCascaderSelectValue = [];
+const fieldPathChainList = [];
+const fieldMap = {
+  objInfo,
+  modelInfoMap,
+  modelFieldMap,
+  fieldCascaderSelectValue,
+  fieldPathChainList
+};
+const fieldCacheMap = {
+  [SCOPEINFO.FIELD_FORM]: {
+    selectObj: reactive(cloneDeep(selectObj)),
+    ...toRefs(reactive(cloneDeep(fieldMap)))
+  },
+  [SCOPEINFO.FIELD_LIST]: {
+    selectObj: reactive(cloneDeep(selectObj)),
+    ...toRefs(reactive(cloneDeep(fieldMap)))
+  }
+};
+function useModelField(scope = SCOPEINFO.FIELD_FORM) {
+  const {
+    objInfo: objInfo2,
+    modelInfoMap: modelInfoMap2,
+    modelFieldMap: modelFieldMap2,
+    selectObj: selectObj2,
+    fieldCascaderSelectValue: fieldCascaderSelectValue2,
+    fieldPathChainList: fieldPathChainList2
+  } = fieldCacheMap[scope];
+  async function getModelDetail2FieldList(modelKey) {
+    const res = await _api.apaas.modelMeta.getDetail({
+      modelKey
+    });
+    return res;
+  }
+  function setModelFieldToMap(modelKey, fieldList = []) {
+    if (!modelFieldMap2.value[modelKey]) {
+      modelFieldMap2.value[modelKey] = fieldList?.reduce(
+        (prev, curr) => ({
+          ...prev,
+          [curr.key ?? ""]: curr
+        }),
+        {}
+      );
+    }
+  }
+  function setModelInfoToMap(modelList = []) {
+    modelList?.forEach((item) => {
+      if (!modelInfoMap2.value[item.key]) {
+        modelInfoMap2.value[item.key] = {
+          modelId: item.id,
+          modelKey: item.key,
+          modelName: item.name,
+          // NDO | RDO
+          modelType: item.type
+        };
+      }
+    });
+  }
+  function getModelFieldList(modelKey) {
+    if (!modelKey || !modelFieldMap2.value[modelKey]) {
+      return [];
+    }
+    return Object.values(toRaw(modelFieldMap2.value[modelKey]));
+  }
+  function getModelFieldInfo(modelKey, fieldKey) {
+    if (!modelKey || !fieldKey || !modelFieldMap2.value[modelKey]) {
+      return;
+    }
+    return modelFieldMap2.value[modelKey][fieldKey];
+  }
+  function getModelInfo(modelKey) {
+    if (!modelKey || !modelInfoMap2.value[modelKey]) {
+      return false;
+    }
+    return modelInfoMap2.value[modelKey];
+  }
+  function _checkRefModel(item, fieldTypes = []) {
+    return item.bindInfo && [FIELD_TYPE.REF, FIELD_TYPE.RDO_REF, ...fieldTypes].includes(item.type) && [CreateType.USER_DEFINED, CreateType.BUILTIN].includes(
+      item.createType
+    );
+  }
+  function getRefConfig({ item, formId }, {
+    links,
+    fieldLinks,
+    fieldType
+  }) {
+    const link = [...links, item.bindInfo];
+    return {
+      fieldKey: item.key,
+      fieldType: item.type,
+      belongModelKey: item.modelKey,
+      bindModelKey: item.bindInfo,
+      bindFormId: formId ?? "",
+      isFieldModel: true,
+      // ! 这边用对象的原因是模型 key 可能是特殊字符，所以如果直接用字符串拼接可能会有问题
+      fieldCodeChain: JSON.stringify({
+        // 关联模型的字段key
+        bindFieldKey: item.key,
+        // 字段所属模型的key
+        bindModelKey: item.bindInfo,
+        // 关联模型字段所属模型的key
+        belongModelKey: item.modelKey,
+        /**模型链路 */
+        modelLink: link,
+        /**字段链路 */
+        fieldLink: fieldLinks,
+        /**关联源模型的模型类型 */
+        refOriginFieldType: fieldType
+      }),
+      modelLink: link,
+      children: []
+    };
+  }
+  async function getRefInfo({ item, formId }, { modelKey, fieldType }) {
+    const oneLevelRefConfig = getRefConfig(
+      { item, formId },
+      { links: [modelKey], fieldLinks: [item.key], fieldType }
+    );
+    const twoLevelFieldData = await getModelDetail2FieldList(
+      oneLevelRefConfig.bindModelKey
+    );
+    const twoLevelRefConfigs = twoLevelFieldData?.fieldMetaList?.filter((a) => _checkRefModel(a)).map(
+      (i) => getRefConfig(
+        { item: i, formId },
+        {
+          links: oneLevelRefConfig.modelLink,
+          fieldLinks: [item.key, i.key],
+          fieldType
+        }
+      )
+    );
+    return { ...oneLevelRefConfig, children: twoLevelRefConfigs };
+  }
+  async function loadObjInfo(modelKey, {
+    formId,
+    childParentModelKey,
+    isShowCascader = true
+  } = {}) {
+    const info = await getModelDetail2FieldList(modelKey);
+    if (info) {
+      info.fieldMetaList?.forEach((item) => {
+        if (item.type === FIELD_TYPE.ASSOCIATED_PRIMARY_KEY && childParentModelKey) {
+          item.bindInfo = childParentModelKey;
+        }
+      });
+      const refList = await Promise.all(
+        info.fieldMetaList?.filter((a) => _checkRefModel(a, [FIELD_TYPE.ASSOCIATED_PRIMARY_KEY]))?.map(
+          (item) => getRefInfo(
+            { item, formId },
+            { modelKey, fieldType: item.type }
+          )
+        ) ?? []
+      );
+      objInfo2.value = {
+        modelKey: info.key,
+        fieldCodeChain: JSON.stringify({ modelKey: info.key }),
+        bindFormId: formId ?? "",
+        isFieldModel: false,
+        relateObjList: refList
+      };
+      setModelFieldToMap(info.key ?? "", info.fieldMetaList);
+      let modelDetails = [info];
+      const allRefList = [
+        ...new Set(
+          objInfo2.value.relateObjList?.map((item) => [item, ...item.children || []]).flat().map((item) => item.bindModelKey)
+        )
+      ];
+      if (allRefList?.length !== 0) {
+        const res = await _api.apaas.modelMeta.getByKeys({
+          modelKeys: allRefList.join(",") ?? ""
+        });
+        modelDetails = modelDetails?.concat(res ?? []);
+      }
+      setModelInfoToMap(modelDetails);
+      if (allRefList?.length !== 0 && isShowCascader) {
+        await Promise.all(
+          allRefList.map((k) => getModelDetail2FieldList(k))
+        ).then((res) => {
+          (res ?? []).forEach((info2) => {
+            if (info2) {
+              setModelFieldToMap(info2.key ?? "", info2.fieldMetaList);
+            }
+          });
+        });
+      }
+    }
+    return true;
+  }
+  async function fetchDetailList(modelKey) {
+    if (!modelFieldMap2.value[modelKey]) {
+      const info = await getModelDetail2FieldList(modelKey);
+      if (info) {
+        setModelFieldToMap(info.key ?? "", info.fieldMetaList);
+      }
+    }
+  }
+  function setSelectObjData(modelKey, info) {
+    const modelInfo = getModelInfo(modelKey);
+    if (modelInfo) {
+      selectObj2.modelKey = modelInfo.modelKey;
+      selectObj2.modelName = modelInfo.modelName;
+      selectObj2.currentFormId = info.bindFormId;
+      selectObj2.fieldCodeChain = info.fieldCodeChain;
+      selectObj2.isFieldModel = info.isFieldModel;
+      selectObj2.fieldList = getModelFieldList(modelInfo.modelKey);
+    }
+  }
+  watch(
+    [() => objInfo2.value, () => modelInfoMap2.value],
+    () => {
+      if (!selectObj2.modelKey && objInfo2.value.modelKey) {
+        setSelectObjData(objInfo2.value.modelKey, objInfo2.value);
+      }
+    },
+    {
+      immediate: true,
+      deep: true
+    }
+  );
+  function changeSelectInfo(modelKey, data) {
+    setSelectObjData(modelKey, data);
+  }
+  function clearSelectInfo() {
+    selectObj2.modelKey = "";
+    selectObj2.modelName = "";
+    selectObj2.currentFormId = "";
+    selectObj2.fieldCodeChain = "";
+    selectObj2.isFieldModel = false;
+    selectObj2.fieldList = [];
+    fieldCascaderSelectValue2.value = [];
+  }
+  function clearObjInfo() {
+    objInfo2.value = {
+      modelKey: "",
+      fieldCodeChain: "",
+      bindFormId: "",
+      isFieldModel: false,
+      relateObjList: []
+    };
+  }
+  function getFieldCodeChainStr(fieldCodeChain, currentFieldName) {
+    if (!fieldCodeChain) {
+      return "";
+    }
+    const fieldCodeChainObj = JSON.parse(fieldCodeChain);
+    if (has(fieldCodeChainObj, "bindFieldKey")) {
+      const fieldInfo = getModelFieldInfo(
+        fieldCodeChainObj.belongModelKey,
+        fieldCodeChainObj.bindFieldKey
+      );
+      const bindModelInfo = getModelInfo(fieldCodeChainObj.bindModelKey);
+      if (fieldInfo && bindModelInfo) {
+        return `${fieldInfo.name}(${bindModelInfo.modelName})${currentFieldName ? ` > ${currentFieldName}` : ""}`;
+      }
+    } else {
+      const modelInfo = getModelInfo(fieldCodeChainObj.modelKey);
+      if (modelInfo) {
+        return `${modelInfo.modelName}${currentFieldName ? ` > ${currentFieldName}` : ""}`;
+      }
+    }
+    return "";
+  }
+  async function getFieldPathChainList(fieldCodeChain, fieldName) {
+    if (!fieldCodeChain) {
+      fieldPathChainList2.value = [];
+    } else {
+      const fieldCodeChainObj = JSON.parse(fieldCodeChain);
+      const isFieldModel = has(fieldCodeChainObj, "bindFieldKey");
+      const modelKeys = isFieldModel ? fieldCodeChainObj.modelLink || [
+        fieldCodeChainObj.belongModelKey,
+        fieldCodeChainObj.bindModelKey
+      ] : [fieldCodeChainObj.modelKey];
+      if (modelKeys.some((item) => !getModelInfo(item))) {
+        const res = await _api.apaas.modelMeta.getByKeys({
+          modelKeys: modelKeys.join(",")
+        });
+        if (res) {
+          setModelInfoToMap(res);
+        }
+      }
+      if (isFieldModel) {
+        fieldPathChainList2.value = modelKeys.map((i) => getModelInfo(i).modelName).concat(fieldName);
+      } else {
+        const modelInfo = getModelInfo(fieldCodeChainObj.modelKey);
+        if (modelInfo) {
+          fieldPathChainList2.value = [modelInfo.modelName, fieldName];
+        }
+      }
+    }
+    return fieldPathChainList2.value;
+  }
+  async function reloadFieldToolkit(modelKey, formId, childParentModelKey) {
+    if (selectObj2.currentFormId === formId) {
+      return;
+    }
+    clearSelectInfo();
+    clearObjInfo();
+    await loadObjInfo(modelKey, {
+      formId,
+      childParentModelKey
+    });
+  }
+  return {
+    objInfo: objInfo2,
+    loadObjInfo,
+    getModelInfo,
+    getModelFieldList,
+    getModelFieldInfo,
+    selectObj: selectObj2,
+    modelFieldMap: modelFieldMap2,
+    fetchDetailList,
+    changeSelectInfo,
+    getFieldCodeChainStr,
+    getFieldPathChainList,
+    clearSelectInfo,
+    clearObjInfo,
+    fieldCascaderSelectValue: fieldCascaderSelectValue2,
+    fieldPathChainList: fieldPathChainList2,
+    reloadFieldToolkit
+  };
+}
+
+export { useModelField };

package/es/index.d.ts

@@ -1,4 +1,3 @@
-import { App } from 'vue';
 export * from './components';
 export * from './interface';
 export * from './constant';
@@ -10,7 +9,5 @@ export * from './provider';
 export * from './register';
 export * from './utils';
 export * from './views';
-declare const _default: {
-    install(app: App): void;
-};
-export default _default;
+export { designCreateAppVue } from './create-app-vue';
+export { designSetupApp } from './setup-app';

package/es/index.mjs

@@ -1,52 +1,117 @@
-import Components from './components/index.mjs';
-import Plugins from './plugins/index.mjs';
-import Editors from './editor/index.mjs';
+import { DesignerRegister } from './register/designer-register/designer-register.mjs';
+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';import './components/panel/panel-content/panel-content.css';import './components/panel/panel-form/panel-form.css';import './components/panel/panel-path/panel-path.css';import './components/material/material-content/material-content.css';import './components/material/material-module/material-module.css';import './components/material/material-module-drag-container/material-module-drag-container.css';import './components/material/material-module-drag-item/material-module-drag-item.css';import './components/material/material-outline-tree/material-outline-tree.css';import './components/material/material-tab-pane/material-tab-pane.css';import './components/material/material-tabs/material-tabs.css';import './components/design/design-item-preview/design-item-preview.css';import './components/design/design-not-found/design-not-found.css';import './components/design/design-drop-container/design-drop-container.css';import './components/design/design-content/design-content.css';import './components/design/design-not-drag-item/design-not-drag-item.css';import './components/design/design-drop-line/design-drop-line.css';import './components/design/design-drag-item/design-drag-item.css';import './components/mobile-container/mobile-container.css';import './components/design/design-item-highlighter/design-item-highlighter.css';import './components/design/design-item-hover-title/design-item-hover-title.css';import './components/design/design-item-actions/design-item-actions.css';import './components/design/design-item-highlighter-container/design-item-highlighter-container.css';export { MaterialRegister } from './register/material/material.register.mjs';
+export { NodeRegister } from './register/node/node.register.mjs';
+import 'vue';
 export { ControllerType, DesignItemActionTag, DesignItemAttribute, DesignNodeMode, DesignNodePrefix, DesignNodeType, DesignViewPrefix, InsertNodeMode, MaterialGroup } from './constant/index.mjs';
-export { DesignViewController } from './controller/view/design-view.controller.mjs';
-export { DesignContainerNode } from './data/design-container-node/design-container-node.mjs';
-export { DesignEditorNode } from './data/design-editor-node/design-editor-node.mjs';
-export { DesignNode } from './data/design-node/design-node.mjs';
-export { FieldSchema, initFieldWidgetRuntime } from './hooks/design-view/getFieldSchema.mjs';
-export { isModified, isNewDesigner, useDesigner, useDesignerController } from './hooks/design-view/useDesigner.mjs';
-export { useGlobal } from './hooks/design-view/useGlobal.mjs';
-export { currentPanel, loadPageInfo, lockPage, newKeyTag, pageInfo, pagePermissions, platform, togglePanel, unlockAvailable, usePage } from './hooks/design-view/usePage.mjs';
-export { destoryOccupyTimer, loadPageOccupyInfo, occupyPage, pageOccupyInfo } from './hooks/design-view/usePageOccupy.mjs';
-export { props, usePropEditor } from './hooks/design-view/usePropEditor.mjs';
-export { useScope } from './hooks/design-view/useScope.mjs';
-export { useSelectedWidget } from './hooks/design-view/useSelectedWidget.mjs';
-export { propsToStyle, schemaToStyle, useStyle } from './hooks/design-view/useStyle.mjs';
-export { useToolkit } from './hooks/design-view/useToolkit.mjs';
-export { NotMask, useWidget, widgetProps, widgetWrapperProps } from './hooks/design-view/useWidget.mjs';
+export { designRegister, isModified, isNewDesigner, loading, methodMap, modalDesignId, modalDesignState, modalInfo, noMore, pageDesignHistoryList, pageJson, pageJsonSnapshot, pageNo, platform, pluginConfigs, regRoot, subTableModalId, subTableModalState, transformPageJson, widgetInfo } from './hooks/design-view/design-state.mjs';
+export { useDesigner, useDesignerController } from './hooks/design-view/useDesigner.mjs';
+export { useDesignModal } from './hooks/design-view/designer/useDesignModal.mjs';
+export { useDesignHistory } from './hooks/design-view/designer/useDesignHistory.mjs';
+export { useDesignPreview } from './hooks/design-view/designer/useDesignPreview.mjs';
+export { buildRuntimeJson, useDesignSave } from './hooks/design-view/designer/useDesignSave.mjs';
+export { useDesignCache } from './hooks/design-view/designer/useDesignCache.mjs';
+export { useWidgetQuery } from './hooks/design-view/widget/useWidgetQuery.mjs';
+export { useWidgetRegistry } from './hooks/design-view/widget/useWidgetRegistry.mjs';
+export { NotMask, useWidget, widgetProps, widgetWrapperProps } from './hooks/design-view/widget/useWidget.mjs';
+export { useSelectedWidget } from './hooks/design-view/widget/useSelectedWidget.mjs';
+export { useGlobal } from './hooks/design-view/global/useGlobal.mjs';
+export { currentPanel, loadPageInfo, lockPage, newKeyTag, pageInfo, pagePermissions, togglePanel, unlockAvailable, usePage } from './hooks/design-view/page/usePage.mjs';
+export { destroyOccupyTimer, loadPageOccupyInfo, occupyPage, pageOccupyInfo, usePageOccupy } from './hooks/design-view/page/usePageOccupy.mjs';
+export { propEditorProps, usePropEditor } from './hooks/design-view/editor/usePropEditor.mjs';
+export { styleEditorProps, useStyleEditor } from './hooks/design-view/editor/useStyleEditor.mjs';
+export { propsToStyle, schemaToStyle, useStyle } from './hooks/design-view/editor/useStyle.mjs';
+export { useScope } from './hooks/design-view/layout/useScope.mjs';
+export { useToolkit } from './hooks/design-view/layout/useToolkit.mjs';
+export { FieldSchema, initFieldWidgetRuntime } from './hooks/design-view/utils/field-schema.util.mjs';
 export { useCacheHistory, useCacheHistoryInner } from './hooks/develop/useCacheHistory.mjs';
 export { useKeyParser } from './hooks/develop/useKeyParser.mjs';
 export { useDesignViewController } from './hooks/use-design-view-controller/use-design-view-controller.mjs';
+export { useModelField } from './hooks/use-model-field/use-model-field.mjs';
 export { DesignViewHooks } from './hooks/designer.hooks.mjs';
-export { nodeContainerProps, nodeEditorProps, nodeProps } from './props/index.mjs';
-export { NodeBaseProvider } from './provider/node-base/node-base.provider.mjs';
-export { DesignEditorNodeProvider } from './provider/design-editor-node/design-editor-node.provider.mjs';
-export { DesignerRegister } from './register/designer-register/designer-register.mjs';
-export { MaterialRegister } from './register/material/material.register.mjs';
-export { NodeRegister } from './register/node/node.register.mjs';
+import '@gct-paas/core';
+import '@vueuse/core';
+import 'lodash-es';
+/* empty css                                                                                            */
+import 'vue3-dnd';
+/* empty css                                                                */
+/* empty css                                                                       */
+/* empty css                                                                        */
+import 'dayjs';
+import '@ant-design/icons-vue';
+/* empty css                                                   */
+import 'react-dnd-html5-backend';
 export { isCanCrop } from './utils/can-drop/can-drop.mjs';
 export { widthDesignEditorInstall } from './utils/design-install/design-install.mjs';
+export { designInterceptors } from './utils/design-interceptors/design-interceptors.mjs';
+export { transformField2Component } from './utils/field-attrs/index.mjs';
+export { deptFilter, formulaFilter } from './utils/field-filter/index.mjs';
 export { findAllChildrenTypes } from './utils/find-deep-types/find-deep-types.mjs';
+export { createWidgetProvider, onWidgetInfoInit } from './utils/init-widget-info/init-widget-info.mjs';
 export { PluginPgkUtil } from './utils/plugin-pkg-util/plugin-pkg-util.mjs';
-export { transformField2Component } from './utils/field-attrs/index.mjs';
-export { DesignView } from './views/design-view.mjs';
-export { CategoryEnum, FormDesignEnum, MenuClickEvent, ModelTypeEnum, PageTypeEnum, PrintTypeEnum, ProcessTypeEnum, ScriptTypeEnum } from './constant/page-designer.mjs';
-export { DesignEditorType } from './constant/design-editor-type.mjs';
+export { buildRunJs, initMethodMap } from './utils/transform-js/transform-js.mjs';
+/* empty css                                                          */
+/* empty css                                                          */
+/* empty css                                                                  */
+/* empty css                                                      */
+/* empty css                                                                    */
+/* empty css                                                          */
+/* empty css                                                                */
+/* empty css                                                      */
+/* empty css                                                              */
+/* empty css                                                                      */
+/* empty css                                                                              */
+/* empty css                                                                                        */
+/* empty css                                                          */
+/* empty css                                                            */
+/* empty css                                             */
+/* empty css                                             */
+/* empty 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 './components/editor/style/font-editor/util.mjs';
+/* empty css                                                          */
+/* empty css                                                     */
+/* empty css                                                       */
 export { DesignSaveTip } from './components/design-save-tip/design-save-tip.mjs';
 export { DesignStepCheck } from './components/design-step-check/design-step-check.mjs';
 export { DesignViewLayout } from './components/design-view-layout/design-view-layout.mjs';
 export { ModalNameEditor } from './components/modal-name-editor/modal-name-editor.mjs';
+export { DesignViewController } from './controller/view/design-view.controller.mjs';
+export { DesignContainerNode } from './data/design-container-node/design-container-node.mjs';
+export { DesignEditorNode } from './data/design-editor-node/design-editor-node.mjs';
+export { DesignNode } from './data/design-node/design-node.mjs';
+export { nodeContainerProps, nodeEditorProps, nodeProps } from './props/index.mjs';
+export { NodeBaseProvider } from './provider/node-base/node-base.provider.mjs';
+export { DesignEditorNodeProvider } from './provider/design-editor-node/design-editor-node.provider.mjs';
+export { DesignView } from './views/design-view.mjs';
+export { designCreateAppVue } from './create-app-vue.mjs';
+export { designSetupApp } from './setup-app.mjs';
+export { CategoryEnum, FormDesignEnum, MenuClickEvent, ModelTypeEnum, PageTypeEnum, PrintTypeEnum, ProcessTypeEnum, ScriptTypeEnum } from './constant/page-designer.mjs';
+export { DesignEditorType } from './constant/design-editor-type.mjs';
 export { basicAttrsUtils } from './utils/field-attrs/basicAttrs.mjs';
+export { BTN_TYPE_COLOR as btnTypeColor, PRESET_COLOR as presetColor } from './hooks/design-view/constants/style-editor.const.mjs';
+export { rgba2hex, shadeColor } from './hooks/design-view/utils/color.util.mjs';
 
-const index = {
-  install(app) {
-    app.use(Components);
-    app.use(Plugins);
-    app.use(Editors);
+function onInit() {
+  if (!_gct.register.designer) {
+    _gct.register.designer = {
+      pad: new DesignerRegister(),
+      mobile: new DesignerRegister(),
+      web: new DesignerRegister()
+    };
+  } else {
+    console.warn(
+      "设计器注册已存在，可能存在重复注册问题，请检查是否有重复引入设计器包的情况"
+    );
   }
-};
+}
+onInit();
 
-export { index as default };
+export { DesignerRegister };

package/es/interface/designer/i-designer-provider.d.ts

@@ -1,6 +1,5 @@
 import { Component } from 'vue';
-import { LowCodeWidget } from '@gct-paas/schema';
-import { ExportWidgetHooks } from './i-designer-schema-exports';
+import { IWidgetInfoItem } from '@gct-paas/schema';
 /**
  * 设计界面项
  *
@@ -9,33 +8,7 @@ import { ExportWidgetHooks } from './i-designer-schema-exports';
  * @export
  * @interface IDesignerProvider
  */
-export interface IDesignerProvider {
-    /**
-     * 套件类别，用于识别可使用的系统。取 getApp 中的 suiteKey，例如 MedPro 使用 kit=['MEDPRO']
-     *
-     * @author zhanghanrui
-     * @date 2024-05-28 09:05:32
-     * @type {string[]}
-     */
-    kit?: string[];
-    /**
-     * 项拖拽钩子
-     *
-     * @type {LowCodeWidget.hooks}
-     */
-    hooks?: ExportWidgetHooks;
-    /**
-     * 白名单，只允许在白名单中的组件拖入
-     *
-     * @type {(string | RegExp)[]}
-     */
-    whiteList?: (string | RegExp)[];
-    /**
-     * 黑名单，不允许拖入黑名单中的组件
-     *
-     * @type {(string | RegExp)[]}
-     */
-    blackList?: (string | RegExp)[];
+export interface IDesignerProvider extends IWidgetInfoItem {
     /**
      * render 绘制组件，目前只支持异步组件
      *
@@ -44,60 +17,4 @@ export interface IDesignerProvider {
      * @type {Component}
      */
     component: Component;
-    /**
-     * 基础组件描述
-     *
-     * @author zhanghanrui
-     * @date 2024-05-24 16:05:12
-     * @type {LowCodeWidget.BasicSchema}
-     */
-    schema: LowCodeWidget.BasicSchema;
-    /**
-     * 组件支持配置事件描述
-     *
-     * @author zhanghanrui
-     * @date 2024-05-24 16:05:17
-     * @type {LowCodeWidget.EventsType[]}
-     */
-    events?: LowCodeWidget.EventsType[];
-    /**
-     * 组件右侧属性表单模型描述
-     *
-     * @author zhanghanrui
-     * @date 2024-05-24 16:05:43
-     * @type {LowCodeWidget.PropEditor[]}
-     */
-    propEditors: LowCodeWidget.PropEditor[];
-    /**
-     * 保存时钩子函数
-     *
-     * @author zhanghanrui
-     * @date 2024-05-24 18:05:15
-     * @type {LowCodeWidget.RunCallback}
-     */
-    callback?: LowCodeWidget.RunCallback;
-    /**
-     * 拖入时钩子函数
-     *
-     * @author zhanghanrui
-     * @date 2024-05-24 18:05:13
-     * @type {LowCodeWidget.beforeCreate}
-     */
-    beforeCreate?: LowCodeWidget.beforeCreate;
-    /**
-     * 样式编辑器配置
-     *
-     * @author zhanghanrui
-     * @date 2024-05-24 16:05:14
-     * @type {LowCodeWidget.StyleEditor[]}
-     */
-    styleEditors?: LowCodeWidget.StyleEditor[];
-    /**
-     * 设计页面配置信息
-     *
-     * @author zhanghanrui
-     * @date 2024-05-24 16:05:30
-     * @type {LowCodeWidget.DesignerConfig}
-     */
-    designerConfig?: LowCodeWidget.DesignerConfig;
 }

package/es/interface/designer/i-designer-state.d.ts

@@ -12,6 +12,20 @@ export interface IDesignerState {
      * 设计页面是否正在拖拽中
      */
     isDragging: boolean;
+    /**
+     * 当前正在拖拽中的数据(旧拖拽)
+     *
+     * @deprecated
+     * @type {IData | null}
+     */
+    draggingData: IData | null;
+    /**
+     * 当前鼠标容器悬浮元素(旧拖拽)
+     *
+     * @deprecated
+     * @type {(HTMLDivElement | null)}
+     */
+    hoverEL: HTMLDivElement | null;
     /**
      * 拖拽放置目标容器
      */

package/es/interface/designer/index.d.ts

@@ -1,6 +1,4 @@
-export type { IDesignerDndItemHooks } from './i-designer-dnd-item-hooks';
 export type { IDesignerHooks } from './i-designer-hooks';
 export type { IDesignerProvider } from './i-designer-provider';
-export type * from './i-designer-schema-exports';
 export type { IDesignerState } from './i-designer-state';
 export type { IDesignerController } from './i-designer.controller';