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

package/es/plugins/design-custom-exp-menu/design-custom-exp-menu.provider.mjs

@@ -0,0 +1,159 @@
+import { EditorType, FormContainerType, t } from '@gct-paas/core';
+import { DesignNodeMode, DesignNodeType, MaterialGroup } from '../../constant/index.mjs';
+import { DesignCustomExpNodeNode } from './design-custom-exp-menu.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 DesignCustomExpMenuProvider extends NodeBaseProvider {
+  mode = DesignNodeMode.PAGE;
+  type = DesignNodeType.CUSTOM_EXP_MENU;
+  component = "DesignCustomExpMenuComponent";
+  static materialConfig = {
+    group: MaterialGroup.LAYOUT,
+    label: "面板",
+    type: DesignNodeType.CUSTOM_EXP_MENU,
+    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-style",
+                type: "collapse",
+                isContainer: true,
+                layout: "flex",
+                children: [
+                  {
+                    name: "collapse-pane-layout",
+                    type: "collapse-pane",
+                    isContainer: true,
+                    layout: "grid",
+                    title: t("sys.developer.designView.bottomExp"),
+                    children: [
+                      {
+                        type: "item",
+                        name: "menus",
+                        labelWidth: "0",
+                        editor: {
+                          type: DesignEditorType.CUSTOM_EXP_MENU
+                        }
+                      }
+                    ]
+                  }
+                ]
+              }
+            ]
+          },
+          {
+            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.developer.designView.bottomExp2"),
+                    children: [
+                      {
+                        isContainer: true,
+                        type: FormContainerType.FORM_TITLE_GROUP,
+                        title: t("sys.developer.designView.menuName"),
+                        layout: "grid",
+                        name: "group_name",
+                        children: [
+                          {
+                            type: "item",
+                            label: t("sys.developer.designView.fontWeight"),
+                            name: "fontWeight",
+                            noColon: true,
+                            labelAlign: "left",
+                            labelWidth: "34px",
+                            dictionary: {
+                              tag: "font_weight",
+                              mode: "static",
+                              items: [
+                                {
+                                  label: "极细体",
+                                  value: 1
+                                },
+                                {
+                                  label: "细体",
+                                  value: 2
+                                },
+                                {
+                                  label: "常规体",
+                                  value: 3
+                                },
+                                {
+                                  label: "中黑体",
+                                  value: 4
+                                },
+                                {
+                                  label: "中粗体",
+                                  value: 5
+                                }
+                              ]
+                            },
+                            editor: {
+                              type: EditorType.SELECT
+                            }
+                          },
+                          {
+                            type: "item",
+                            label: t("sys.developer.designView.notSelectColor"),
+                            name: "notSelectColor",
+                            noColon: true,
+                            labelAlign: "left",
+                            labelWidth: "68px",
+                            editor: {
+                              type: EditorType.COLOR
+                            }
+                          }
+                        ]
+                      }
+                    ]
+                  }
+                ]
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  };
+  create(data) {
+    return new DesignCustomExpNodeNode(
+      data
+    );
+  }
+}
+
+export { DesignCustomExpMenuProvider };

package/es/plugins/design-editor/index.d.ts

@@ -0,0 +1,5 @@
+import { App } from 'vue';
+declare const _default: {
+    install(app: App): void;
+};
+export default _default;

package/es/plugins/design-editor/index.mjs

@@ -0,0 +1,13 @@
+import UploadFile from './upload-file/index.mjs';
+import UploadImage from './upload-image/index.mjs';
+import UserSignature from './user-signature/index.mjs';
+
+const DesignEditors = {
+  install(app) {
+    app.use(UploadFile);
+    app.use(UploadImage);
+    app.use(UserSignature);
+  }
+};
+
+export { DesignEditors as default };

package/es/plugins/design-editor/upload-file/index.d.ts

@@ -0,0 +1,4 @@
+declare const _default: {
+    install(): void;
+};
+export default _default;

package/es/plugins/design-editor/upload-file/index.mjs

@@ -0,0 +1,15 @@
+import { FIELD_TYPE } from '@gct-paas/core';
+import { UploadFile as UploadFile$1 } from './upload-file.mjs';
+import 'lodash-es';
+import 'qx-util';
+import '../../../constant/page-designer.mjs';
+import { widthDesignEditorInstall } from '../../../utils/design-install/design-install.mjs';
+import 'axios';
+import '../../../utils/field-attrs/basicAttrs.mjs';
+import '../../../utils/field-filter/index.mjs';
+import '../../../utils/find-deep-types/find-deep-types.mjs';
+import '@gct-paas/schema';
+
+const UploadFile = widthDesignEditorInstall(FIELD_TYPE.ATTACHMENT, UploadFile$1);
+
+export { UploadFile as default };

package/es/plugins/design-editor/upload-file/upload-file.css

@@ -0,0 +1,124 @@
+@charset "UTF-8";
+/* stylelint-disable scss/no-global-function-names */
+/* bem('block', 'element', 'modifier') => 'ibiz-block__element--modifier' */
+/**
+ * 定义 Block 块
+ * @param {String} $block - Block 块名称
+ * @example
+ *   @include b('button') {
+ *     padding: 10px;
+ *   }
+ */
+/**
+ * 定义 Element 元素
+ * @param {String|List} $element - Element 元素名称，支持单个或多个
+ * @example
+ *   @include b('button') {
+ *     @include e('text') {
+ *       color: #000;
+ *     }
+ *   }
+ *   // 或传入多个元素
+ *   @include b('button') {
+ *     @include e(('text', 'icon')) {
+ *       margin: 5px;
+ *     }
+ *   }
+ */
+/**
+ * 定义 Modifier 修饰符
+ * @param {String|List} $modifier - Modifier 修饰符名称，支持单个或多个
+ * @example
+ *   @include b('button') {
+ *     @include m('primary') {
+ *       background: blue;
+ *     }
+ *   }
+ *   // 或传入多个修饰符
+ *   @include b('button') {
+ *     @include m(('primary', 'large')) {
+ *       background: blue;
+ *       font-size: 16px;
+ *     }
+ *   }
+ */
+/**
+ * 定义状态选择器
+ * @param {String} $state - 状态名称
+ * @example
+ *   @include b('button') {
+ *     @include when('disabled') {
+ *       opacity: 0.5;
+ *     }
+ *   }
+ */
+/**
+ * 深色主题样式
+ * @param {String} $block - Block 块名称
+ * @example
+ *   @include dark('button') {
+ *     background: #333;
+ *     color: #fff;
+ *   }
+ */
+/* stylelint-disable scss/no-global-function-names */
+.gct-design-editor-upload-file__actions {
+  display: inline-flex;
+  height: 32px;
+  padding: 4px;
+  border-radius: 4px;
+  background-color: #f3f5f9;
+  gap: 4px;
+}
+
+.gct-design-editor-upload-file__action-item.is-active {
+  background-color: #fff;
+}
+
+.gct-design-editor-upload-file__action-item {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 24px;
+  height: 24px;
+  border-radius: 4px;
+}
+
+.gct-design-editor-upload-file__file-list {
+  display: flex;
+  align-items: center;
+  height: 32px;
+  margin-top: 12px;
+}
+
+.gct-design-editor-upload-file__file-item--icon {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 24px;
+  height: 24px;
+  margin-right: 8px;
+  font-size: 24px;
+}
+
+.gct-design-editor-upload-file__file-item--name {
+  font-size: 14px;
+}
+
+.gct-design-editor-upload-file__file-item {
+  display: flex;
+  flex: 1;
+  align-items: center;
+}
+
+.gct-design-editor-upload-file__file-card {
+  width: 116px;
+  height: 116px;
+  margin-top: 12px;
+  border: 1px solid #e8ebf0;
+  text-align: center;
+}
+
+.gct-design-editor-upload-file {
+  width: 100%;
+}

package/es/plugins/design-editor/upload-file/upload-file.d.ts

@@ -0,0 +1,46 @@
+export declare const UploadFile: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    count: {
+        type: NumberConstructor;
+        required: boolean;
+    };
+    data: {
+        type: import('vue').PropType<import('../../..').IDesignEditorNode>;
+        required: boolean;
+        default: () => {};
+    };
+    field: {
+        type: ObjectConstructor;
+        required: boolean;
+    };
+    value: {
+        type: import('vue').PropType<any>;
+        default: string;
+    };
+    parent: {
+        type: import('vue').PropType<import('../../..').IDesignNode>;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    count: {
+        type: NumberConstructor;
+        required: boolean;
+    };
+    data: {
+        type: import('vue').PropType<import('../../..').IDesignEditorNode>;
+        required: boolean;
+        default: () => {};
+    };
+    field: {
+        type: ObjectConstructor;
+        required: boolean;
+    };
+    value: {
+        type: import('vue').PropType<any>;
+        default: string;
+    };
+    parent: {
+        type: import('vue').PropType<import('../../..').IDesignNode>;
+    };
+}>> & Readonly<{}>, {
+    data: import('../../..').IDesignEditorNode<import('../../..').IDesignEditorData>;
+    value: any;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/es/plugins/design-editor/upload-file/upload-file.mjs

@@ -0,0 +1,51 @@
+import { defineComponent, ref, createVNode, resolveComponent, createTextVNode } from 'vue';
+import { useNamespace } from '@gct-paas/core';
+import { nodeEditorProps } from '../../../props/index.mjs';
+import './upload-file.css';/* empty css                  */
+
+const UploadFile = /* @__PURE__ */ defineComponent({
+  name: 'UploadFile',
+  props: nodeEditorProps,
+  setup() {
+    const ns = useNamespace('design-editor-upload-file');
+    const tab = ref(true);
+    return () => {
+      return createVNode("div", {
+        "class": ns.b()
+      }, [createVNode("div", {
+        "class": ns.e('actions')
+      }, [createVNode("div", {
+        "class": [ns.e('action-item'), ns.is('active', tab.value)],
+        "onClick": () => tab.value = true
+      }, [createVNode("i", {
+        "class": "iconfont icon-liebiaozhanshi"
+      }, null)]), createVNode("div", {
+        "onClick": () => tab.value = false,
+        "class": [ns.e('action-item'), ns.is('active', !tab.value)]
+      }, [createVNode("i", {
+        "class": "iconfont icon-kapianzhanshi"
+      }, null)])]), tab.value ? createVNode("div", {
+        "class": ns.e('file-list')
+      }, [createVNode("div", {
+        "class": ns.e('file-item')
+      }, [createVNode("span", {
+        "class": ns.em('file-item', 'icon')
+      }, [createVNode(resolveComponent("assets-svg-icon"), {
+        "src": "/assets/card-design/attachment.svg"
+      }, null)]), createVNode("span", {
+        "class": ns.em('file-item', 'name')
+      }, [createTextVNode("\u793A\u4F8B\u5185\u5BB9.docx")])]), createVNode("div", {
+        "class": "text-[#c3c3c3]"
+      }, [createTextVNode("83.92M")])]) : createVNode("div", {
+        "class": ns.e('file-card')
+      }, [createVNode(resolveComponent("assets-svg-icon"), {
+        "class": "text-32px mt12px",
+        "src": "/assets/card-design/attachment.svg"
+      }, null), createVNode("div", null, [createTextVNode("\u793A\u4F8B\u5185\u5BB9.docx")]), createVNode("div", {
+        "class": "text-[#c3c3c3] mt4px"
+      }, [createTextVNode("83.92M")])])]);
+    };
+  }
+});
+
+export { UploadFile };

package/es/plugins/design-editor/upload-image/index.d.ts

@@ -0,0 +1,4 @@
+declare const _default: {
+    install(): void;
+};
+export default _default;

package/es/plugins/design-editor/upload-image/index.mjs

@@ -0,0 +1,15 @@
+import { FIELD_TYPE } from '@gct-paas/core';
+import { UploadImage as UploadImage$1 } from './upload-image.mjs';
+import 'lodash-es';
+import 'qx-util';
+import '../../../constant/page-designer.mjs';
+import { widthDesignEditorInstall } from '../../../utils/design-install/design-install.mjs';
+import 'axios';
+import '../../../utils/field-attrs/basicAttrs.mjs';
+import '../../../utils/field-filter/index.mjs';
+import '../../../utils/find-deep-types/find-deep-types.mjs';
+import '@gct-paas/schema';
+
+const UploadImage = widthDesignEditorInstall(FIELD_TYPE.IMAGE, UploadImage$1);
+
+export { UploadImage as default };

package/es/plugins/design-editor/upload-image/upload-image.css

@@ -0,0 +1,79 @@
+@charset "UTF-8";
+/* stylelint-disable scss/no-global-function-names */
+/* bem('block', 'element', 'modifier') => 'ibiz-block__element--modifier' */
+/**
+ * 定义 Block 块
+ * @param {String} $block - Block 块名称
+ * @example
+ *   @include b('button') {
+ *     padding: 10px;
+ *   }
+ */
+/**
+ * 定义 Element 元素
+ * @param {String|List} $element - Element 元素名称，支持单个或多个
+ * @example
+ *   @include b('button') {
+ *     @include e('text') {
+ *       color: #000;
+ *     }
+ *   }
+ *   // 或传入多个元素
+ *   @include b('button') {
+ *     @include e(('text', 'icon')) {
+ *       margin: 5px;
+ *     }
+ *   }
+ */
+/**
+ * 定义 Modifier 修饰符
+ * @param {String|List} $modifier - Modifier 修饰符名称，支持单个或多个
+ * @example
+ *   @include b('button') {
+ *     @include m('primary') {
+ *       background: blue;
+ *     }
+ *   }
+ *   // 或传入多个修饰符
+ *   @include b('button') {
+ *     @include m(('primary', 'large')) {
+ *       background: blue;
+ *       font-size: 16px;
+ *     }
+ *   }
+ */
+/**
+ * 定义状态选择器
+ * @param {String} $state - 状态名称
+ * @example
+ *   @include b('button') {
+ *     @include when('disabled') {
+ *       opacity: 0.5;
+ *     }
+ *   }
+ */
+/**
+ * 深色主题样式
+ * @param {String} $block - Block 块名称
+ * @example
+ *   @include dark('button') {
+ *     background: #333;
+ *     color: #fff;
+ *   }
+ */
+/* stylelint-disable scss/no-global-function-names */
+.gct-design-editor-upload-image__preview {
+  width: 80px;
+  height: 80px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: var(--color-text-secondary);
+  border: 1px dashed #d9d9d9;
+  background-color: #f7f8fa;
+  border-radius: 4px;
+}
+.gct-design-editor-upload-image__preview .iconfont {
+  font-size: 40px;
+  color: rgb(195, 195, 195);
+}

package/es/plugins/design-editor/upload-image/upload-image.d.ts

@@ -0,0 +1,46 @@
+export declare const UploadImage: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    count: {
+        type: NumberConstructor;
+        required: boolean;
+    };
+    data: {
+        type: import('vue').PropType<import('../../..').IDesignEditorNode>;
+        required: boolean;
+        default: () => {};
+    };
+    field: {
+        type: ObjectConstructor;
+        required: boolean;
+    };
+    value: {
+        type: import('vue').PropType<any>;
+        default: string;
+    };
+    parent: {
+        type: import('vue').PropType<import('../../..').IDesignNode>;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    count: {
+        type: NumberConstructor;
+        required: boolean;
+    };
+    data: {
+        type: import('vue').PropType<import('../../..').IDesignEditorNode>;
+        required: boolean;
+        default: () => {};
+    };
+    field: {
+        type: ObjectConstructor;
+        required: boolean;
+    };
+    value: {
+        type: import('vue').PropType<any>;
+        default: string;
+    };
+    parent: {
+        type: import('vue').PropType<import('../../..').IDesignNode>;
+    };
+}>> & Readonly<{}>, {
+    data: import('../../..').IDesignEditorNode<import('../../..').IDesignEditorData>;
+    value: any;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/es/plugins/design-editor/upload-image/upload-image.mjs

@@ -0,0 +1,23 @@
+import { defineComponent, createVNode } from 'vue';
+import { useNamespace } from '@gct-paas/core';
+import { nodeEditorProps } from '../../../props/index.mjs';
+import './upload-image.css';/* empty css                   */
+
+const UploadImage = /* @__PURE__ */ defineComponent({
+  name: 'UploadImage',
+  props: nodeEditorProps,
+  setup() {
+    const ns = useNamespace('design-editor-upload-image');
+    return () => {
+      return createVNode("div", {
+        "class": ns.b()
+      }, [createVNode("div", {
+        "class": ns.e('preview')
+      }, [createVNode("i", {
+        "class": "iconfont icon-tupian-shili"
+      }, null)])]);
+    };
+  }
+});
+
+export { UploadImage };

package/es/plugins/design-editor/user-signature/index.d.ts

@@ -0,0 +1,4 @@
+declare const _default: {
+    install(): void;
+};
+export default _default;

package/es/plugins/design-editor/user-signature/index.mjs

@@ -0,0 +1,15 @@
+import { FIELD_TYPE } from '@gct-paas/core';
+import { UserSignature as UserSignature$1 } from './user-signature.mjs';
+import 'lodash-es';
+import 'qx-util';
+import '../../../constant/page-designer.mjs';
+import { widthDesignEditorInstall } from '../../../utils/design-install/design-install.mjs';
+import 'axios';
+import '../../../utils/field-attrs/basicAttrs.mjs';
+import '../../../utils/field-filter/index.mjs';
+import '../../../utils/find-deep-types/find-deep-types.mjs';
+import '@gct-paas/schema';
+
+const UserSignature = widthDesignEditorInstall(FIELD_TYPE.SIGNATURE, UserSignature$1);
+
+export { UserSignature as default };