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

package/es/plugins/design-panel/design-panel.data.mjs

@@ -0,0 +1,27 @@
+import { DesignNodeType } from '../../constant/index.mjs';
+import { DesignContainerNode } from '../../data/design-container-node/design-container-node.mjs';
+import '@jsplumb/browser-ui';
+import 'lodash-es';
+import { t } from '@gct-paas/core';
+
+class DesignPanelNode extends DesignContainerNode {
+  type = DesignNodeType.PANEL;
+  get label() {
+    return this.data.title;
+  }
+  createData() {
+    return {
+      name: "",
+      collapse: 1,
+      title: t("sys.designView.components.panel.title"),
+      defaultCollapse: true,
+      icon: {
+        icon: "",
+        color: "",
+        background: ""
+      }
+    };
+  }
+}
+
+export { DesignPanelNode };

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

@@ -0,0 +1,23 @@
+import { IEditForm } from '@gct-paas/core';
+import { DesignNodeMode } from '../../constant';
+import { IMaterialData, INodeProvider } from '../../interface';
+import { DesignPanelNode } from './design-panel.data';
+import { NodeBaseProvider } from '../../provider';
+/**
+ * 面板
+ *
+ * @author zhanghanrui
+ * @date 2024-07-16 17:07:36
+ * @export
+ * @class DesignPanelProvider
+ * @extends {NodeBaseProvider<DesignPanelNode>}
+ * @implements {INodeProvider<DesignPanelNode>}
+ */
+export declare class DesignPanelProvider extends NodeBaseProvider<DesignPanelNode> implements INodeProvider<DesignPanelNode> {
+    mode: DesignNodeMode;
+    type: string;
+    component: string;
+    static materialConfig: IMaterialData;
+    model: IEditForm;
+    create(data?: DesignPanelNode): DesignPanelNode;
+}

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

@@ -0,0 +1,298 @@
+import { EditorType, t } from '@gct-paas/core';
+import { DesignNodeMode, DesignNodeType, MaterialGroup } from '../../constant/index.mjs';
+import { DesignPanelNode } from './design-panel.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 DesignPanelProvider extends NodeBaseProvider {
+  mode = DesignNodeMode.CONTAINER;
+  type = DesignNodeType.PANEL;
+  component = "DesignPanelComponent";
+  static materialConfig = {
+    group: MaterialGroup.LAYOUT,
+    label: "面板",
+    type: DesignNodeType.PANEL,
+    icon: "icon-Collapse",
+    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",
+                    title: t("sys.designView.components.panel.form.group"),
+                    isContainer: true,
+                    layout: "grid",
+                    children: [
+                      {
+                        type: "hidden",
+                        name: "i18nConfig"
+                      },
+                      {
+                        type: "item",
+                        name: "title",
+                        label: t("sys.designView.components.panel.form.label"),
+                        labelPosition: "top",
+                        defaultValue: t(
+                          "sys.designView.components.panel.title"
+                        ),
+                        noColon: true,
+                        editor: {
+                          type: EditorType.I18N,
+                          max: 32,
+                          props: {}
+                        }
+                      },
+                      {
+                        type: "item",
+                        name: "icon",
+                        label: t("sys.designView.components.panel.form.label2"),
+                        labelPosition: "top",
+                        noColon: true,
+                        editor: {
+                          type: EditorType.ICON_SELECT
+                        }
+                      },
+                      {
+                        type: "container",
+                        name: "group_1",
+                        layout: "grid",
+                        children: [
+                          {
+                            type: "item",
+                            name: "label_info",
+                            labelWidth: "0",
+                            defaultValue: t(
+                              "sys.designView.components.panel.form.label3"
+                            ),
+                            gridItem: {
+                              span: 14
+                            },
+                            editor: {
+                              type: EditorType.SPAN
+                            },
+                            style: {
+                              margin: 0
+                            }
+                          },
+                          {
+                            type: "item",
+                            name: "defaultCollapse",
+                            defaultValue: true,
+                            noColon: true,
+                            gridItem: {
+                              span: 10
+                            },
+                            editor: {
+                              type: EditorType.CHECK_SWITCH,
+                              label: t(
+                                "sys.designView.components.panel.code.defaultCollapse"
+                              )
+                            },
+                            style: {
+                              margin: 0
+                            }
+                          }
+                        ]
+                      },
+                      {
+                        type: "item",
+                        name: "collapse",
+                        noColon: true,
+                        labelWidth: "0",
+                        dictionary: {
+                          tag: "Is the panel folded",
+                          mode: "static",
+                          items: [
+                            {
+                              label: t(
+                                "sys.designView.components.panel.code.support"
+                              ),
+                              value: 1
+                            },
+                            {
+                              label: t(
+                                "sys.designView.components.panel.code.notSupport"
+                              ),
+                              value: 0
+                            }
+                          ]
+                        },
+                        editor: {
+                          type: EditorType.RADIO
+                        }
+                      }
+                    ]
+                  }
+                ]
+              }
+            ]
+          },
+          {
+            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-font",
+                    type: "collapse-pane",
+                    isContainer: true,
+                    layout: "grid",
+                    title: t("sys.designView.form.style"),
+                    children: [
+                      {
+                        type: "item",
+                        label: "标题文字",
+                        name: "labelFont",
+                        labelPosition: "top",
+                        editor: {
+                          type: DesignEditorType.STYLE_FONT
+                        }
+                      }
+                    ]
+                  },
+                  {
+                    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
+                        }
+                      }
+                    ]
+                  },
+                  {
+                    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
+                        }
+                      }
+                    ]
+                  }
+                ]
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  };
+  create(data) {
+    return new DesignPanelNode(data);
+  }
+}
+
+export { DesignPanelProvider };

package/es/plugins/design-personal-center/components/design-personal-center.component.css

@@ -0,0 +1,48 @@
+.gct-personal-center[data-v-81233401] {
+  position: relative;
+  overflow: auto;
+}
+.gct-personal-center .bgc-wrap[data-v-81233401] {
+  height: 228px;
+  width: 100%;
+  background-color: var(--ant-primary-color);
+  position: absolute;
+  top: 0;
+  left: 0;
+}
+.gct-personal-center-main[data-v-81233401] {
+  width: 100%;
+  height: 100%;
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: 1;
+}
+.gct-personal-center-main .profile[data-v-81233401] {
+  border-radius: 50%;
+}
+.gct-personal-center-main .toggle[data-v-81233401] {
+  background-color: rgba(255, 255, 255, 0.1);
+  border-radius: 20px;
+  height: fit-content;
+  display: flex;
+  align-items: center;
+}
+.gct-personal-center-main .toggle .icon-qiehuan[data-v-81233401] {
+  font-size: 12px;
+}
+.gct-personal-center-main .post[data-v-81233401] {
+  background-color: rgba(255, 255, 255, 0.1);
+  border-radius: 4px;
+}
+.gct-personal-center-main .content[data-v-81233401] {
+  background-color: #fff;
+  border-radius: 8px;
+}
+.gct-personal-center-main .content .icon-a-Rightarrow[data-v-81233401] {
+  font-size: 12px;
+}
+.gct-personal-center-main .logout-btn[data-v-81233401] {
+  background-color: #fff;
+  border-radius: 8px;
+}

package/es/plugins/design-personal-center/components/design-personal-center.component.vue.d.ts

@@ -0,0 +1,36 @@
+declare const _default: 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>;
+    };
+}>, {}, {}, {}, {}, 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, {}, HTMLDivElement>;
+export default _default;

package/es/plugins/design-personal-center/components/design-personal-center.component.vue.mjs

@@ -0,0 +1,7 @@
+import _sfc_main from './design-personal-center.component.vue2.mjs';
+import './design-personal-center.component.css';/* empty css                                       */
+import _export_sfc from '../../../_virtual/_plugin-vue_export-helper.mjs';
+
+const DesignPersonalCenterComponent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-81233401"]]);
+
+export { DesignPersonalCenterComponent as default };

package/es/plugins/design-personal-center/components/design-personal-center.component.vue2.mjs

@@ -0,0 +1,97 @@
+import { defineComponent, toRefs, openBlock, createElementBlock, createElementVNode, unref, createCommentVNode, createTextVNode, toDisplayString, createStaticVNode } from 'vue';
+import { PersonalCenterType } from '@gct-paas/core';
+import { nodeContainerProps } from '../../../props/index.mjs';
+
+const _hoisted_1 = { class: "gct-personal-center h365px" };
+const _hoisted_2 = { class: "gct-personal-center-main ks-column px14px" };
+const _hoisted_3 = { class: "ks-row mt18px mb22px text-[#fff]" };
+const _hoisted_4 = {
+  key: 0,
+  class: "w56px h56px border bg-[#fff] ml4px profile"
+};
+const _hoisted_5 = { class: "mx12px ks-col" };
+const _hoisted_6 = { class: "ks-row-middle" };
+const _hoisted_7 = {
+  key: 0,
+  class: "iconfont icon-a-nanxing_male2 ml4px"
+};
+const _hoisted_8 = {
+  class: "ks-row",
+  style: { "align-items": "flex-start" }
+};
+const _hoisted_9 = {
+  key: 0,
+  class: "mr8px"
+};
+const _hoisted_10 = { class: "px8px py4px toggle" };
+const _hoisted_11 = { class: "ks-col content" };
+const _hoisted_12 = { class: "content-item p10px" };
+const _hoisted_13 = { class: "ks-row-middle py10px" };
+const _hoisted_14 = { class: "ks-col text-[16px] text-[#212528]" };
+const _hoisted_15 = { class: "ks-row-middle py10px" };
+const _hoisted_16 = { class: "ks-col text-[16px] text-[#212528]" };
+const _hoisted_17 = { class: "ks-row-middle py10px" };
+const _hoisted_18 = { class: "ks-col text-[16px] text-[#212528]" };
+const _hoisted_19 = { class: "w100% py12px mt10px mb18px text-center font-bold text-[16px] logout-btn" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "design-personal-center.component",
+  props: nodeContainerProps,
+  setup(__props) {
+    const props = __props;
+    const { displayContent } = toRefs(props.data.data);
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        _cache[7] || (_cache[7] = createElementVNode("div", { class: "bgc-wrap" }, null, -1)),
+        createElementVNode("div", _hoisted_2, [
+          createElementVNode("div", _hoisted_3, [
+            unref(displayContent).includes(unref(PersonalCenterType).PROFILE) ? (openBlock(), createElementBlock("div", _hoisted_4)) : createCommentVNode("", true),
+            createElementVNode("div", _hoisted_5, [
+              createElementVNode("div", _hoisted_6, [
+                _cache[0] || (_cache[0] = createElementVNode("span", { class: "font-bold text-[18px]" }, "姓名", -1)),
+                unref(displayContent).includes(unref(PersonalCenterType).GENDER) ? (openBlock(), createElementBlock("i", _hoisted_7)) : createCommentVNode("", true)
+              ]),
+              createElementVNode("div", _hoisted_8, [
+                unref(displayContent).includes(unref(PersonalCenterType).ENTERPRISE) ? (openBlock(), createElementBlock("div", _hoisted_9, " 冠骋信息技术 ")) : createCommentVNode("", true),
+                _cache[1] || (_cache[1] = createElementVNode("div", {
+                  class: "px6px py2px post text-[12px]",
+                  style: { "min-width": "60px" }
+                }, " 职务名称 ", -1))
+              ])
+            ]),
+            createElementVNode("div", _hoisted_10, [
+              createTextVNode(toDisplayString(_ctx.$t("sys.app.version.toggle")) + " ", 1),
+              _cache[2] || (_cache[2] = createElementVNode("i", { class: "iconfont icon-qiehuan ml4px" }, null, -1))
+            ])
+          ]),
+          createElementVNode("div", _hoisted_11, [
+            createElementVNode("div", _hoisted_12, [
+              createElementVNode("div", _hoisted_13, [
+                createElementVNode("div", _hoisted_14, toDisplayString(_ctx.$t("sys.basicInfo")), 1),
+                _cache[3] || (_cache[3] = createElementVNode("div", null, [
+                  createElementVNode("i", { class: "iconfont icon-a-Rightarrow text-[#D9D9D9] font-bold" })
+                ], -1))
+              ]),
+              createElementVNode("div", _hoisted_15, [
+                createElementVNode("div", _hoisted_16, toDisplayString(_ctx.$t("sys.changePassword")), 1),
+                _cache[4] || (_cache[4] = createElementVNode("div", null, [
+                  createElementVNode("i", { class: "iconfont icon-a-Rightarrow text-[#D9D9D9] font-bold" })
+                ], -1))
+              ]),
+              _cache[6] || (_cache[6] = createStaticVNode('<div class="ks-row-middle py10px" data-v-81233401><div class="ks-col text-[16px] text-[#212528]" data-v-81233401>语言设置</div><div class="ks-row-middle" data-v-81233401><span class="text-[#979797] text-[12px] mr8px" data-v-81233401>简体中文</span><i class="iconfont icon-a-Rightarrow text-[#D9D9D9] font-bold" data-v-81233401></i></div></div>', 1)),
+              createElementVNode("div", _hoisted_17, [
+                createElementVNode("div", _hoisted_18, toDisplayString(_ctx.$t("sys.timeZoneSelection")), 1),
+                _cache[5] || (_cache[5] = createElementVNode("div", { class: "ks-row-middle" }, [
+                  createElementVNode("span", { class: "text-[#979797] text-[12px] mr8px" }, "UTC+08:00"),
+                  createElementVNode("i", { class: "iconfont icon-a-Rightarrow text-[#D9D9D9] font-bold" })
+                ], -1))
+              ])
+            ])
+          ]),
+          createElementVNode("div", _hoisted_19, toDisplayString(_ctx.$t("sys.dropdownItemLoginOut")), 1)
+        ])
+      ]);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/es/plugins/design-personal-center/design-personal-center.data.d.ts

@@ -0,0 +1,27 @@
+import { IDesignNodeData } from '../../interface';
+import { DesignContainerNode } from '../../data';
+/**
+ * 标签页数据
+ *
+ * @author zhanghanrui
+ * @date 2024-07-29 16:07:12
+ * @export
+ * @interface IDesignTabsData
+ * @extends {IDesignNodeData}
+ */
+export interface IDesignPersonalCenterData extends IDesignNodeData {
+    displayContent: string[];
+}
+/**
+ * 设计选项卡节点
+ *
+ * @author zhanghanrui
+ * @date 2024-07-12 13:07:43
+ * @export
+ * @class DesignTabsNode
+ * @extends {DesignContainerNode<IDesignNodeData>}
+ */
+export declare class DesignPersonalCenterNode extends DesignContainerNode<IDesignNodeData> {
+    type: string;
+    protected createData(): IDesignPersonalCenterData;
+}

package/es/plugins/design-personal-center/design-personal-center.data.mjs

@@ -0,0 +1,21 @@
+import { DesignNodeType } from '../../constant/index.mjs';
+import { DesignContainerNode } from '../../data/design-container-node/design-container-node.mjs';
+import '@jsplumb/browser-ui';
+import 'lodash-es';
+import { PersonalCenterType } from '@gct-paas/core';
+
+class DesignPersonalCenterNode extends DesignContainerNode {
+  type = DesignNodeType.PERSONAL_CENTER;
+  createData() {
+    return {
+      name: "我的",
+      displayContent: [
+        PersonalCenterType.PROFILE,
+        PersonalCenterType.GENDER,
+        PersonalCenterType.ENTERPRISE
+      ]
+    };
+  }
+}
+
+export { DesignPersonalCenterNode };

package/es/plugins/design-personal-center/design-personal-center.provider.d.ts

@@ -0,0 +1,13 @@
+import { IEditForm } from '@gct-paas/core';
+import { DesignNodeMode } from '../../constant';
+import { IMaterialData, INodeProvider } from '../../interface';
+import { DesignPersonalCenterNode } from './design-personal-center.data';
+import { NodeBaseProvider } from '../../provider';
+export declare class DesignPersonalCenterProvider extends NodeBaseProvider<DesignPersonalCenterNode> implements INodeProvider<DesignPersonalCenterNode> {
+    mode: DesignNodeMode;
+    type: string;
+    component: string;
+    static materialConfig: IMaterialData;
+    model: IEditForm;
+    create(data?: DesignPersonalCenterNode): DesignPersonalCenterNode;
+}