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

package/es/plugins/design-grid/design-grid.provider.d.ts

@@ -1,26 +0,0 @@
-import { IEditForm } from '@gct-paas/core';
-import { DesignNodeMode } from '../../constant';
-import { IDesignViewController, IDragDataItem, IMaterialData, INodeProvider } from '../../interface';
-import { DesignGridNode } from './design-grid.data';
-import { NodeBaseProvider } from '../../provider';
-/**
- * 栅格容器
- *
- * @author zhanghanrui
- * @date 2024-07-16 17:07:32
- * @export
- * @class DesignGridProvider
- * @extends {NodeBaseProvider<DesignGridNode>}
- * @implements {INodeProvider<DesignGridNode>}
- */
-export declare class DesignGridProvider extends NodeBaseProvider<DesignGridNode> implements INodeProvider<DesignGridNode> {
-    mode: DesignNodeMode;
-    type: string;
-    isDrop: boolean;
-    component: string;
-    static materialConfig: IMaterialData;
-    model: IEditForm;
-    create(data?: DesignGridNode): DesignGridNode;
-    beforeDrop(c: IDesignViewController, item?: IDragDataItem<DesignGridNode>): Promise<DesignGridNode | null>;
-    afterDrop(c: IDesignViewController, item?: IDragDataItem<DesignGridNode>): Promise<boolean>;
-}

package/es/plugins/design-grid/design-grid.provider.mjs

@@ -1,273 +0,0 @@
-import { EditorType, t } from '@gct-paas/core';
-import { DesignNodeMode, DesignNodeType, MaterialGroup } from '../../constant/index.mjs';
-import { DesignGridNode } from './design-grid.data.mjs';
-import { NodeBaseProvider } from '../../provider/node-base/node-base.provider.mjs';
-import '../../provider/design-editor-node/design-editor-node.provider.mjs';
-import 'qx-util';
-import 'lodash-es';
-import { NodeRegister } from '../../register/node/node.register.mjs';
-import { DesignEditorType } from '../../constant/design-editor-type.mjs';
-
-class DesignGridProvider extends NodeBaseProvider {
-  mode = DesignNodeMode.CONTAINER;
-  type = DesignNodeType.GRID;
-  isDrop = false;
-  component = "DesignGridComponent";
-  static materialConfig = {
-    group: MaterialGroup.LAYOUT,
-    label: "栅格容器",
-    type: DesignNodeType.GRID,
-    icon: "icon-grid",
-    order: 0
-  };
-  model = {
-    type: "edit",
-    children: [
-      {
-        type: "tab",
-        name: "tab",
-        isContainer: true,
-        layout: "flex",
-        navPosition: "center",
-        height: "100%",
-        children: [
-          {
-            name: "pane1",
-            type: "tab-pane",
-            isContainer: true,
-            title: t("sys.designView.form.attribute"),
-            layout: "grid",
-            children: [
-              {
-                name: "collapse-property",
-                type: "collapse",
-                isContainer: true,
-                layout: "flex",
-                children: [
-                  {
-                    name: "collapse-pane-config",
-                    type: "collapse-pane",
-                    isContainer: true,
-                    layout: "grid",
-                    style: { "padding-top": 0 },
-                    title: t("sys.designView.components.grid.form.group"),
-                    children: [
-                      {
-                        type: "item",
-                        labelPosition: "top",
-                        name: "tabItems",
-                        editor: {
-                          title: t("sys.designView.components.grid.form.label"),
-                          type: DesignEditorType.CHILD_LIST_EDITOR,
-                          childDesignType: DesignNodeType.GRID_ITEM,
-                          childEditFieldKey: "span",
-                          sort: false,
-                          select: false,
-                          editorType: "number",
-                          editorProps: {
-                            min: 1,
-                            max: 24
-                          },
-                          showLabel: true,
-                          props: {
-                            size: "small"
-                          }
-                        }
-                      },
-                      {
-                        type: "item",
-                        label: t("sys.designView.components.grid.form.label2"),
-                        labelPosition: "top",
-                        name: "gutter",
-                        defaultValue: 20,
-                        editor: {
-                          type: EditorType.NUMBER,
-                          addonAfter: "px",
-                          min: 0,
-                          max: 100,
-                          props: {
-                            size: "small"
-                          }
-                        }
-                      }
-                    ]
-                  }
-                ]
-              }
-            ]
-          },
-          {
-            name: "pane2",
-            type: "tab-pane",
-            class: "style-pane",
-            title: t("sys.designView.form.style"),
-            isContainer: true,
-            layout: "grid",
-            children: [
-              {
-                name: "collapse-style",
-                type: "collapse",
-                isContainer: true,
-                layout: "flex",
-                children: [
-                  {
-                    name: "collapse-pane-layout",
-                    type: "collapse-pane",
-                    isContainer: true,
-                    layout: "grid",
-                    title: t("sys.designView.form.layout"),
-                    children: [
-                      {
-                        type: "item",
-                        label: t("sys.designView.form.position"),
-                        name: "position",
-                        noColon: true,
-                        labelAlign: "left",
-                        labelWidth: "34px",
-                        editor: {
-                          type: DesignEditorType.STYLE_POSITION
-                        }
-                      },
-                      {
-                        type: "item",
-                        label: t("sys.width"),
-                        name: "width",
-                        noColon: true,
-                        labelAlign: "left",
-                        labelWidth: "34px",
-                        editor: {
-                          type: EditorType.LENGTH_UNIT
-                        }
-                      },
-                      {
-                        type: "item",
-                        label: t("sys.height"),
-                        name: "height",
-                        noColon: true,
-                        labelAlign: "left",
-                        labelWidth: "34px",
-                        editor: {
-                          type: EditorType.LENGTH_UNIT
-                        }
-                      }
-                    ]
-                  },
-                  {
-                    name: "collapse-pane-bg",
-                    type: "collapse-pane",
-                    isContainer: true,
-                    layout: "grid",
-                    title: t("sys.designView.form.background"),
-                    children: [
-                      {
-                        type: "item",
-                        label: t("sys.designView.form.backgroundColor"),
-                        name: "background",
-                        noColon: true,
-                        labelAlign: "left",
-                        labelWidth: "56px",
-                        editor: {
-                          type: EditorType.COLOR
-                        }
-                      }
-                    ]
-                  },
-                  {
-                    name: "collapse-pane-spacing",
-                    type: "collapse-pane",
-                    isContainer: true,
-                    layout: "grid",
-                    title: t("sys.designView.form.margin"),
-                    children: [
-                      {
-                        type: "hidden",
-                        name: "padding"
-                      },
-                      {
-                        type: "item",
-                        name: "margin",
-                        fields: ["margin", "padding"],
-                        editor: {
-                          type: DesignEditorType.STYLE_SPACING,
-                          showArea: ["margin"]
-                        }
-                      }
-                    ]
-                  },
-                  {
-                    name: "collapse-pane-border",
-                    type: "collapse-pane",
-                    isContainer: true,
-                    layout: "grid",
-                    title: t("sys.designView.form.border"),
-                    children: [
-                      {
-                        type: "item",
-                        name: "border",
-                        editor: {
-                          type: DesignEditorType.STYLE_BORDER,
-                          showArea: ["basics"]
-                        }
-                      }
-                    ]
-                  }
-                ]
-              }
-            ]
-          }
-        ]
-      }
-    ]
-  };
-  create(data) {
-    return new DesignGridNode(data);
-  }
-  async beforeDrop(c, item) {
-    c.store.disableCache();
-    return item ? item.data : null;
-  }
-  async afterDrop(c, item) {
-    if (!item) {
-      return false;
-    }
-    const { data } = item;
-    const children = c.store.getChildren(data);
-    if (children && children.length > 0) {
-      return false;
-    }
-    const res = await _gct.openUtil.modal(
-      "col-modal",
-      {},
-      {
-        title: t("sys.designView.components.grid.modal.title"),
-        width: 642
-      }
-    );
-    if (res && res.ok && res.data) {
-      const d = res.data[0];
-      if (d && d.spanArr) {
-        const items = d.spanArr;
-        for (let i = 0; i < items.length; i++) {
-          const span = items[i];
-          const params = {
-            data: { span }
-          };
-          const node = NodeRegister.get(
-            DesignNodeType.GRID_ITEM,
-            c.store.prefix
-            // eslint-disable-next-line @typescript-eslint/no-explicit-any
-          ).create(params);
-          node.data.name = `${node.data.name}${i + 1}`;
-          c.store.setNode(data.id, node);
-        }
-      }
-      c.store.enableCache();
-      c.store.cacheHistory();
-      return true;
-    }
-    c.store.deleteNode(data.id);
-    return false;
-  }
-}
-
-export { DesignGridProvider };

package/es/plugins/design-grid-item/components/design-grid-item.component.d.ts

@@ -1,38 +0,0 @@
-export declare const DesignGridItemComponent: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-    readonly count: {
-        readonly type: NumberConstructor;
-        readonly required: true;
-    };
-    readonly data: {
-        readonly type: import('vue').PropType<import('../../..').IDesignNode>;
-        readonly required: true;
-    };
-    readonly children: {
-        readonly type: import('vue').PropType<import('../../..').IDesignNode[]>;
-        readonly default: () => never[];
-    };
-    readonly parent: {
-        readonly type: import('vue').PropType<import('../../..').IDesignNode>;
-    };
-}>, {
-    ns: import('@gct-paas/core').Namespace;
-    c: import('../../..').IDesignViewController;
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    readonly count: {
-        readonly type: NumberConstructor;
-        readonly required: true;
-    };
-    readonly data: {
-        readonly type: import('vue').PropType<import('../../..').IDesignNode>;
-        readonly required: true;
-    };
-    readonly children: {
-        readonly type: import('vue').PropType<import('../../..').IDesignNode[]>;
-        readonly default: () => never[];
-    };
-    readonly parent: {
-        readonly type: import('vue').PropType<import('../../..').IDesignNode>;
-    };
-}>> & Readonly<{}>, {
-    readonly children: import('../../..').IDesignNode<import('../../..').IDesignNodeData>[];
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/es/plugins/design-grid-item/components/design-grid-item.component.mjs

@@ -1,39 +0,0 @@
-import { defineComponent, createVNode } from 'vue';
-import { useNamespace } from '@gct-paas/core';
-import { nodeContainerProps } from '../../../props/index.mjs';
-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 '@vueuse/core';
-import '../../../hooks/develop/useCacheHistory.mjs';
-import 'ant-design-vue';
-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';
-
-const DesignGridItemComponent = /* @__PURE__ */ defineComponent({
-  name: 'DesignGridItemComponent',
-  props: nodeContainerProps,
-  setup() {
-    const ns = useNamespace('design-grid-item-component');
-    const c = useDesignViewController();
-    return {
-      ns,
-      c
-    };
-  },
-  render() {
-    return createVNode("div", {
-      "class": this.ns.b()
-    }, [this.$slots.default?.()]);
-  }
-});
-
-export { DesignGridItemComponent };

package/es/plugins/design-grid-item/design-grid-item.data.d.ts

@@ -1,26 +0,0 @@
-import { IDesignNodeData } from '../../interface';
-import { DesignContainerNode } from '../../data';
-export interface IDesignGridItemNodeData extends IDesignNodeData {
-    /**
-     * 栅格占位
-     *
-     * @author zhanghanrui
-     * @date 2024-07-12 13:07:43
-     * @type {number}
-     * @memberof IDesignGridItemNodeData
-     */
-    span: number;
-}
-/**
- * 设计栅格容器项节点
- *
- * @author zhanghanrui
- * @date 2024-07-12 13:07:43
- * @export
- * @class DesignGridItemNode
- * @extends {DesignContainerNode<IDesignGridItemNodeData>}
- */
-export declare class DesignGridItemNode extends DesignContainerNode<IDesignGridItemNodeData> {
-    type: string;
-    protected createData(): IDesignGridItemNodeData;
-}

package/es/plugins/design-grid-item/design-grid-item.data.mjs

@@ -1,17 +0,0 @@
-import { t } from '@gct-paas/core';
-import { DesignNodeType } from '../../constant/index.mjs';
-import { DesignContainerNode } from '../../data/design-container-node/design-container-node.mjs';
-import '@jsplumb/browser-ui';
-import 'lodash-es';
-
-class DesignGridItemNode extends DesignContainerNode {
-  type = DesignNodeType.GRID_ITEM;
-  createData() {
-    return {
-      name: t("sys.designView.components.gridCol.label"),
-      span: 24
-    };
-  }
-}
-
-export { DesignGridItemNode };

package/es/plugins/design-grid-item/design-grid-item.provider.d.ts

@@ -1,25 +0,0 @@
-import { IEditForm } from '@gct-paas/core';
-import { DesignNodeMode } from '../../constant';
-import { IDesignItemAction, IMaterialData, INodeProvider } from '../../interface';
-import { DesignGridItemNode } from './design-grid-item.data';
-import { NodeBaseProvider } from '../../provider';
-/**
- * 栅格容器子项
- *
- * @author zhanghanrui
- * @date 2024-07-16 17:07:10
- * @export
- * @class DesignGridItemProvider
- * @extends {NodeBaseProvider<DesignGridItemNode>}
- * @implements {INodeProvider<DesignGridItemNode>}
- */
-export declare class DesignGridItemProvider extends NodeBaseProvider<DesignGridItemNode> implements INodeProvider<DesignGridItemNode> {
-    mode: DesignNodeMode;
-    type: string;
-    isDrag: boolean;
-    component: string;
-    static materialConfig: IMaterialData;
-    model: IEditForm;
-    protected createActions(): IDesignItemAction[];
-    create(data?: DesignGridItemNode): DesignGridItemNode;
-}

package/es/plugins/design-grid-item/design-grid-item.provider.mjs

@@ -1,172 +0,0 @@
-import { EditorType, t } from '@gct-paas/core';
-import { DesignNodeMode, DesignNodeType, MaterialGroup, DesignItemActionTag } from '../../constant/index.mjs';
-import { DesignGridItemNode } from './design-grid-item.data.mjs';
-import { NodeBaseProvider } from '../../provider/node-base/node-base.provider.mjs';
-import '../../provider/design-editor-node/design-editor-node.provider.mjs';
-import { DesignEditorType } from '../../constant/design-editor-type.mjs';
-
-class DesignGridItemProvider extends NodeBaseProvider {
-  mode = DesignNodeMode.CONTAINER;
-  type = DesignNodeType.GRID_ITEM;
-  isDrag = false;
-  component = "DesignGridItemComponent";
-  static materialConfig = {
-    group: MaterialGroup.LAYOUT,
-    label: "栅格容器子项",
-    type: DesignNodeType.GRID_ITEM,
-    icon: "icon-a-gudingbiaosvg",
-    order: 0
-  };
-  model = {
-    type: "edit",
-    children: [
-      {
-        type: "tab",
-        name: "tab",
-        isContainer: true,
-        layout: "flex",
-        navPosition: "center",
-        height: "100%",
-        children: [
-          {
-            name: "pane1",
-            type: "tab-pane",
-            isContainer: true,
-            title: t("sys.designView.form.attribute"),
-            layout: "grid",
-            children: [
-              {
-                name: "collapse-property",
-                type: "collapse",
-                isContainer: true,
-                layout: "flex",
-                children: [
-                  {
-                    name: "collapse-pane-config",
-                    type: "collapse-pane",
-                    isContainer: true,
-                    layout: "grid",
-                    title: t("sys.designView.components.gridCol.form.group"),
-                    children: [
-                      {
-                        type: "hidden",
-                        name: "i18nConfig"
-                      },
-                      {
-                        type: "item",
-                        label: t(
-                          "sys.designView.components.gridCol.form.label"
-                        ),
-                        name: "span",
-                        labelWidth: "50px",
-                        editor: {
-                          type: EditorType.NUMBER,
-                          min: 1,
-                          max: 24,
-                          props: {
-                            size: "small"
-                          }
-                        }
-                      }
-                    ]
-                  }
-                ]
-              }
-            ]
-          },
-          {
-            name: "pane2",
-            type: "tab-pane",
-            class: "style-pane",
-            title: t("sys.designView.form.style"),
-            isContainer: true,
-            layout: "grid",
-            children: [
-              {
-                name: "collapse-style",
-                type: "collapse",
-                isContainer: true,
-                layout: "flex",
-                children: [
-                  {
-                    name: "collapse-pane-bg",
-                    type: "collapse-pane",
-                    isContainer: true,
-                    layout: "grid",
-                    title: t("sys.designView.form.background"),
-                    children: [
-                      {
-                        type: "item",
-                        label: t("sys.designView.form.backgroundColor"),
-                        name: "background",
-                        noColon: true,
-                        labelAlign: "left",
-                        labelWidth: "56px",
-                        editor: {
-                          type: EditorType.COLOR
-                        }
-                      }
-                    ]
-                  },
-                  {
-                    name: "collapse-pane-spacing",
-                    type: "collapse-pane",
-                    isContainer: true,
-                    layout: "grid",
-                    title: t("sys.designView.form.margin"),
-                    children: [
-                      {
-                        type: "hidden",
-                        name: "padding"
-                      },
-                      {
-                        type: "item",
-                        name: "margin",
-                        fields: ["margin", "padding"],
-                        editor: {
-                          type: DesignEditorType.STYLE_SPACING,
-                          showArea: ["padding"]
-                        }
-                      }
-                    ]
-                  },
-                  {
-                    name: "collapse-pane-border",
-                    type: "collapse-pane",
-                    isContainer: true,
-                    layout: "grid",
-                    title: t("sys.designView.form.border"),
-                    children: [
-                      {
-                        type: "item",
-                        name: "border",
-                        editor: {
-                          type: DesignEditorType.STYLE_BORDER,
-                          showArea: ["basics"]
-                        }
-                      }
-                    ]
-                  }
-                ]
-              }
-            ]
-          }
-        ]
-      }
-    ]
-  };
-  createActions() {
-    return [
-      {
-        tag: DesignItemActionTag.SELECT_PARENT,
-        icon: "icon-fuzujian",
-        tooltip: t("sys.designView.tips.selectParent")
-      }
-    ];
-  }
-  create(data) {
-    return new DesignGridItemNode(data);
-  }
-}
-
-export { DesignGridItemProvider };