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

package/es/views/design-view.d.ts

@@ -1,87 +0,0 @@
-import { PropType } from 'vue';
-import { IDesignData, IDesignViewOptions } from '../interface';
-import { DesignViewPrefix } from '../constant';
-export declare const DesignView: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-    isEditName: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    hideUndoRedo: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    name: {
-        type: StringConstructor;
-        default: string;
-    };
-    data: {
-        type: PropType<IDesignData>;
-    };
-    save: {
-        type: PropType<(data: IData) => Promise<boolean>>;
-        required: true;
-    };
-    errMsg: {
-        type: StringConstructor;
-        default: string;
-    };
-    context: {
-        type: PropType<IContext>;
-        default: () => {};
-    };
-    opts: {
-        type: PropType<IDesignViewOptions>;
-        default: () => {
-            title: string;
-            prefix: DesignViewPrefix;
-        };
-    };
-}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("save" | "close" | "preview" | "update:name" | "update:errMsg")[], "save" | "close" | "preview" | "update:name" | "update:errMsg", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    isEditName: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    hideUndoRedo: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    name: {
-        type: StringConstructor;
-        default: string;
-    };
-    data: {
-        type: PropType<IDesignData>;
-    };
-    save: {
-        type: PropType<(data: IData) => Promise<boolean>>;
-        required: true;
-    };
-    errMsg: {
-        type: StringConstructor;
-        default: string;
-    };
-    context: {
-        type: PropType<IContext>;
-        default: () => {};
-    };
-    opts: {
-        type: PropType<IDesignViewOptions>;
-        default: () => {
-            title: string;
-            prefix: DesignViewPrefix;
-        };
-    };
-}>> & Readonly<{
-    onClose?: ((...args: any[]) => any) | undefined;
-    onSave?: ((...args: any[]) => any) | undefined;
-    onPreview?: ((...args: any[]) => any) | undefined;
-    "onUpdate:name"?: ((...args: any[]) => any) | undefined;
-    "onUpdate:errMsg"?: ((...args: any[]) => any) | undefined;
-}>, {
-    name: string;
-    context: IContext;
-    opts: IDesignViewOptions;
-    isEditName: boolean;
-    hideUndoRedo: boolean;
-    errMsg: string;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/es/views/design-view.mjs

@@ -1,345 +0,0 @@
-import { defineComponent, ref, computed, watch, onUnmounted, createVNode, createTextVNode, withDirectives, resolveComponent, vShow, nextTick } from 'vue';
-import { onClickOutside } from '@vueuse/core';
-import { Modal } from 'ant-design-vue';
-import { useNamespace, t } from '@gct-paas/core';
-import '../hooks/design-view/design-state.mjs';
-import '@gct-paas/schema';
-import 'lodash-es';
-import '../hooks/design-view/layout/useScope.mjs';
-import '../hooks/design-view/global/useGlobal.mjs';
-import '../hooks/develop/useCacheHistory.mjs';
-import '../hooks/design-view/widget/useSelectedWidget.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 { useDesignViewController } from '../hooks/use-design-view-controller/use-design-view-controller.mjs';
-import '../hooks/use-model-field/use-model-field.mjs';
-import 'qx-util';
-import { DesignViewPrefix } from '../constant/index.mjs';
-import './design-view.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';/* 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';
-import '../provider/design-editor-node/design-editor-node.provider.mjs';
-import 'axios';
-import '../utils/field-attrs/basicAttrs.mjs';
-import '../utils/field-filter/index.mjs';
-import '../utils/find-deep-types/find-deep-types.mjs';
-/* empty css                                                           */
-/* empty css                                                           */
-/* empty css                                                                   */
-/* empty css                                                       */
-/* empty css                                                                     */
-/* empty css                                                           */
-import { DesignItemPreview } from '../components/design/design-item-preview/design-item-preview.mjs';
-/* empty css                  */
-
-const DesignView = /* @__PURE__ */ defineComponent({
-  name: 'DesignView',
-  props: {
-    // 是否启用名称编辑
-    isEditName: {
-      type: Boolean,
-      default: false
-    },
-    // 是否隐藏撤销、重做
-    hideUndoRedo: {
-      type: Boolean,
-      default: false
-    },
-    // 默认显示名称
-    name: {
-      type: String,
-      default: ''
-    },
-    data: {
-      type: Object
-    },
-    save: {
-      type: Function,
-      required: true
-    },
-    errMsg: {
-      type: String,
-      default: ''
-    },
-    context: {
-      type: Object,
-      default: () => {
-        return {};
-      }
-    },
-    opts: {
-      type: Object,
-      default: () => {
-        return {
-          title: t('sys.designView.title.default'),
-          prefix: DesignViewPrefix.CUSTOM_HOME
-        };
-      }
-    }
-  },
-  emits: ['close', 'save', 'preview', 'update:name', 'update:errMsg'],
-  setup(props, {
-    emit
-  }) {
-    const ns = useNamespace('design-view');
-    const nameRef = ref();
-    const c = useDesignViewController();
-    const oldTitleName = ref(props.name);
-    const titleName = ref(props.name);
-    const isEdit = ref(false);
-
-    // 是否正在保存中
-    const isSave = ref(false);
-
-    // 是否正在预览中
-    const isPreview = ref(false);
-    const errInfo = computed(() => {
-      if (titleName.value.length > 100) {
-        emit('update:errMsg', '');
-        return t('sys.designView.title.errorMsg');
-      }
-      if (props.errMsg) {
-        return props.errMsg;
-      }
-      return '';
-    });
-    watch(() => props.name, val => {
-      oldTitleName.value = val;
-      titleName.value = val;
-    });
-
-    // 配置参数处理
-    {
-      const {
-        prefix
-      } = props.opts;
-      if (prefix) {
-        c.store.prefix = prefix;
-      }
-    }
-    const onClose = () => {
-      if (c.store.isChange) {
-        const cfg = Modal.confirm({
-          title: t('sys.designView.saveConfirm.title'),
-          content: createVNode("div", null, [createVNode("span", null, [t('sys.designView.saveConfirm.content')]), createVNode("div", {
-            "class": ns.b('continue-edit')
-          }, [createVNode("button", {
-            "type": "button",
-            "onClick": () => cfg.destroy()
-          }, [createTextVNode("\u7EE7\u7EED\u7F16\u8F91")])])]),
-          okText: t('sys.designView.saveConfirm.confirm'),
-          cancelText: t('sys.designView.saveConfirm.cancel'),
-          onOk: async () => {
-            const bol = await onSave();
-            if (bol === true) {
-              emit('close');
-            }
-          },
-          onCancel: () => {
-            emit('close');
-          },
-          class: ns.b('confirm'),
-          maskStyle: {
-            backgroundColor: 'transparent'
-          }
-        });
-      } else {
-        emit('close');
-      }
-    };
-    const save = async () => {
-      if (props.save) {
-        const validate = await c.validate();
-        if (!validate) {
-          return false;
-        }
-        const bol = await props.save(getData());
-        if (bol === true) {
-          c.store.isChange = false;
-          return true;
-        }
-      }
-      return false;
-    };
-    const onSave = async () => {
-      try {
-        isSave.value = true;
-        const bol = await save();
-        if (bol) {
-          onClose();
-        }
-      } finally {
-        setTimeout(() => {
-          isSave.value = false;
-        }, 300);
-      }
-      return false;
-    };
-    const onPreview = async () => {
-      try {
-        isPreview.value = true;
-        const bol = await save();
-        if (bol) {
-          emit('preview', getData());
-        }
-      } finally {
-        setTimeout(() => {
-          isPreview.value = false;
-        }, 300);
-      }
-    };
-    const getData = () => {
-      return c.store.getData();
-    };
-    const setData = data => {
-      c.store.setData(data);
-    };
-    setData(props.data || {
-      nodes: [],
-      pageNode: null,
-      tree: [],
-      type: ''
-    });
-    onUnmounted(() => {
-      c.unmounted();
-    });
-    const onEdit = e => {
-      if (props.isEditName) {
-        e.stopPropagation();
-        isEdit.value = true;
-        oldTitleName.value = titleName.value;
-        nextTick(() => {
-          nameRef.value.focus();
-          nameRef.value.select();
-        });
-      }
-    };
-    onClickOutside(nameRef, e => {
-      if (isEdit.value) {
-        if (errInfo.value) {
-          e.stopPropagation();
-          nameRef.value.focus();
-          nameRef.value.select();
-          return;
-        }
-        isEdit.value = false;
-        const newVal = titleName.value = titleName.value.trim();
-        if (titleName.value.length > 100) {
-          emit('update:name', newVal);
-          return;
-        }
-        if (oldTitleName.value !== newVal) {
-          if (newVal == '') {
-            titleName.value = oldTitleName.value;
-          } else {
-            e.stopPropagation();
-            emit('update:name', newVal);
-            c.store.isChange = true;
-            // emit('save', false);
-          }
-        }
-      }
-    });
-    const onPref = () => {
-      c.store.undo();
-    };
-    const onNext = () => {
-      c.store.redo();
-    };
-    return () => {
-      return createVNode("div", {
-        "class": ns.b()
-      }, [createVNode("div", {
-        "class": ns.b('header')
-      }, [createVNode("div", {
-        "class": ns.be('header', 'left')
-      }, [createVNode("div", {
-        "class": ns.be('header', 'back'),
-        "onClick": onClose
-      }, [createVNode("i", {
-        "class": "iconfont icon-a-Leftarrow"
-      }, null)]), createVNode("div", {
-        "class": ns.be('header', 'title')
-      }, [props.opts.title ?? t('sys.designView.title.default'), createTextVNode("\uFF1A\xA0")]), createVNode("div", {
-        "class": ns.be('header', 'view-title-edit')
-      }, [withDirectives(createVNode(resolveComponent("a-input"), {
-        "ref": "nameRef",
-        "value": titleName.value,
-        "onUpdate:value": $event => titleName.value = $event,
-        "bordered": false,
-        "onClick": e => e.stopPropagation()
-      }, null), [[vShow, isEdit]]), withDirectives(createVNode("span", {
-        "class": ns.e('edit-title'),
-        "onClick": onEdit
-      }, [createVNode("span", {
-        "title": titleName.value
-      }, [titleName.value]), createVNode("i", {
-        "class": "iconfont icon-a-Single-linetext"
-      }, null)]), [[vShow, !isEdit.value]]), errInfo.value ? createVNode("div", {
-        "class": ns.bem('header', 'view-title-edit', 'error-info')
-      }, [createVNode("span", null, [errInfo])]) : null])]), createVNode("div", {
-        "class": ns.be('header', 'right')
-      }, [props.opts.isBacktrack !== false && !props.hideUndoRedo ? createVNode("div", {
-        "class": ns.be('header', 'design-actions')
-      }, [createVNode(resolveComponent("a-button"), {
-        "type": "text",
-        "onClick": onPref,
-        "disabled": !c.store.history.canUndo()
-      }, {
-        default: () => t('sys.designView.undo'),
-        icon: () => createVNode("i", {
-          "class": "iconfont icon-shangyibu"
-        }, null)
-      }), createVNode(resolveComponent("a-button"), {
-        "type": "text",
-        "onClick": onNext,
-        "disabled": !c.store.history.canRedo()
-      }, {
-        default: () => t('sys.designView.redo'),
-        icon: () => createVNode("i", {
-          "class": "iconfont icon-xiayibu"
-        }, null)
-      })]) : null, createVNode("div", {
-        "class": ns.be('header', 'view-actions')
-      }, [props.opts.isPreview !== false ? createVNode(resolveComponent("a-button"), {
-        "onClick": onPreview,
-        "loading": isPreview
-      }, {
-        default: () => t('sys.designView.preview'),
-        icon: () => createVNode("i", {
-          "class": "iconfont icon-yulan"
-        }, null)
-      }) : null, createVNode(resolveComponent("a-button"), {
-        "onClick": onSave,
-        "loading": isSave
-      }, {
-        default: () => t('sys.designView.save'),
-        icon: () => createVNode("i", {
-          "class": "iconfont icon-baocun1"
-        }, null)
-      })])])]), createVNode("div", {
-        "class": ns.b('content')
-      }, [createVNode(DesignItemPreview, null, null), props.opts.isMaterial !== false ? createVNode("div", {
-        "class": ns.be('content', 'left')
-      }, [createVNode(resolveComponent("material-content"), null, null)]) : null, createVNode("div", {
-        "class": ns.be('content', 'center')
-      }, [createVNode(resolveComponent("design-content"), {
-        "opts": props.opts
-      }, null)]), createVNode("div", {
-        "class": ns.be('content', 'right')
-      }, [createVNode(resolveComponent("panel-content"), {
-        "context": props.context
-      }, null)])])]);
-    };
-  }
-});
-
-export { DesignView };

package/es/views/index.d.ts

@@ -1 +0,0 @@
-export { DesignView } from './design-view';