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

package/es/plugins/design-custom-exp-menu/components/design-custom-exp-menu-component.css

@@ -1,87 +0,0 @@
-@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-custom-exp-menu-component {
-  height: 100%;
-  background-color: #F7F8FA;
-  display: flex;
-  flex-direction: column;
-}
-.gct-design-custom-exp-menu-component__preview {
-  flex-grow: 1;
-}
-
-.gct-design-custom-exp-menu-component__menus {
-  flex-shrink: 0;
-  height: 60px;
-}
-
-.gct-design-custom-exp-menu-component__icon {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-.gct-design-custom-exp-menu-component__icon .iconfont {
-  font-size: 18px;
-}

package/es/plugins/design-custom-exp-menu/components/design-custom-exp-menu.component.d.ts

@@ -1,9 +0,0 @@
-import { IMobileHomeMenuItem } from '@gct-paas/core';
-export declare const DesignCustomExpMenuComponent: import('vue').DefineComponent<{}, {
-    ns: import('@gct-paas/core').Namespace;
-    tabs: import('vue').ComputedRef<IMobileHomeMenuItem[]>;
-    activeTab: import('vue').ComputedRef<number>;
-    labelStyle: import('vue').ComputedRef<{
-        'font-weight': string;
-    }>;
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/es/plugins/design-custom-exp-menu/components/design-custom-exp-menu.component.mjs

@@ -1,109 +0,0 @@
-import { defineComponent, createVNode, resolveComponent, computed, isVNode } from 'vue';
-import { useNamespace } 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 '@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';
-import './design-custom-exp-menu-component.css';/* empty css                                       */
-
-function _isSlot(s) {
-  return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !isVNode(s);
-}
-const DesignCustomExpMenuComponent = /* @__PURE__ */ defineComponent({
-  name: 'DesignCustomExpMenuComponent',
-  setup() {
-    const ns = useNamespace('design-custom-exp-menu-component');
-    const c = useDesignViewController();
-    const tabs = computed(() => {
-      const items = c.store.pageNode?.data.menus || [];
-      return items.filter(_ => _.isHidden !== true);
-    });
-    const activeTab = computed(() => {
-      return -1;
-    });
-    const labelStyle = computed(() => {
-      let fontWeight = '';
-      switch (c.store.pageNode?.data.fontWeight) {
-        case 1:
-          fontWeight = '100';
-          break;
-        case 2:
-          fontWeight = '300';
-          break;
-        case 3:
-          fontWeight = '400';
-          break;
-        case 4:
-          fontWeight = '700';
-          break;
-        case 5:
-          fontWeight = '900';
-          break;
-        default:
-          fontWeight = '400';
-      }
-      return {
-        'font-weight': fontWeight
-      };
-    });
-    return {
-      ns,
-      tabs,
-      activeTab,
-      labelStyle
-    };
-  },
-  render() {
-    let _slot;
-    return createVNode("div", {
-      "class": this.ns.b()
-    }, [createVNode("div", {
-      "class": this.ns.e('preview')
-    }, null), createVNode("div", {
-      "class": this.ns.e('menus')
-    }, [createVNode(resolveComponent("van-tabbar"), {
-      "fixed": false,
-      "modelValue": this.activeTab,
-      "onUpdate:modelValue": $event => this.activeTab = $event
-    }, _isSlot(_slot = this.tabs.map(tab => {
-      return createVNode(resolveComponent("van-tabbar-item"), null, {
-        default: () => {
-          return createVNode("span", {
-            "class": this.ns.e('label'),
-            "style": this.labelStyle
-          }, [tab.label]);
-        },
-        icon: () => {
-          if (!tab.icon) {
-            return;
-          }
-          return createVNode("span", {
-            "class": this.ns.e('icon')
-          }, [tab.icon.icon.startsWith('iconfont:') ? createVNode("i", {
-            "class": `iconfont ${tab.icon.icon.replace('iconfont:', '')}`
-          }, null) : createVNode(resolveComponent("icon-next"), {
-            "value": tab.icon.icon,
-            "color": tab.icon.color,
-            "size": 18
-          }, null)]);
-        }
-      });
-    })) ? _slot : {
-      default: () => [_slot]
-    })])]);
-  }
-});
-
-export { DesignCustomExpMenuComponent };

package/es/plugins/design-custom-exp-menu/design-custom-exp-menu.data.d.ts

@@ -1,51 +0,0 @@
-import { IDesignNodeData } from '../../interface';
-import { IMobileHomeMenuItem } from '@gct-paas/core';
-import { DesignContainerNode } from '../../data';
-/**
- * 自定义导航菜单节点数据
- *
- * @author zhanghanrui
- * @date 2024-08-24 10:08:12
- * @export
- * @interface IDesignCustomExpMenuNode
- * @extends {IDesignNodeData}
- */
-export interface IDesignCustomExpMenuNode extends IDesignNodeData {
-    /**
-     * 菜单项
-     *
-     * @author zhanghanrui
-     * @date 2024-08-24 11:08:40
-     * @type {IMobileHomeMenuItem[]}
-     */
-    menus: IMobileHomeMenuItem[];
-    /**
-     * 字重
-     *
-     * @author zhanghanrui
-     * @date 2024-08-24 11:08:11
-     * @type {number}
-     */
-    fontWeight: number;
-    /**
-     * 未选中颜色
-     *
-     * @author zhanghanrui
-     * @date 2024-08-24 11:08:24
-     * @type {string}
-     */
-    notSelectColor: string;
-}
-/**
- * 自定义导航菜单节点实例
- *
- * @author zhanghanrui
- * @date 2024-08-24 10:08:51
- * @export
- * @class DesignCustomExpNodeNode
- * @extends {DesignContainerNode<IDesignCustomExpMenuNode>}
- */
-export declare class DesignCustomExpNodeNode extends DesignContainerNode<IDesignCustomExpMenuNode> {
-    type: string;
-    protected createData(): IDesignCustomExpMenuNode;
-}

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

@@ -1,89 +0,0 @@
-import { uuid } from '@jsplumb/browser-ui';
-import { t } from '@gct-paas/core';
-import { DesignNodeType } from '../../constant/index.mjs';
-import { DesignContainerNode } from '../../data/design-container-node/design-container-node.mjs';
-import 'lodash-es';
-
-class DesignCustomExpNodeNode extends DesignContainerNode {
-  type = DesignNodeType.CUSTOM_EXP_MENU;
-  createData() {
-    const menus = [
-      {
-        id: uuid(),
-        menuMode: "system",
-        presetType: "message",
-        label: t("sys.developer.designView.message"),
-        isHome: false,
-        isHidden: false,
-        icon: {
-          icon: "iconfont:icon-yidongduan-xiaoxi",
-          color: "var(--van-text-color)"
-        },
-        selectIcon: {
-          icon: "iconfont:icon-yidongduan-xiaoxi",
-          color: "var(--ant-primary-color)"
-        },
-        isSystem: true
-      },
-      {
-        id: uuid(),
-        menuMode: "system",
-        presetType: "workbench",
-        label: t("sys.developer.designView.workbench"),
-        isHome: true,
-        isHidden: false,
-        icon: {
-          icon: "iconfont:icon-yidongduan-gongzuotai",
-          color: "var(--van-text-color)"
-        },
-        selectIcon: {
-          icon: "iconfont:icon-yidongduan-gongzuotai",
-          color: "var(--ant-primary-color)"
-        },
-        isSystem: true
-      },
-      {
-        id: uuid(),
-        menuMode: "system",
-        presetType: "personalCenter",
-        label: t("sys.developer.designView.personalCenter"),
-        isHome: false,
-        isHidden: false,
-        icon: {
-          icon: "iconfont:icon-yidongduan-wode",
-          color: "var(--van-text-color)"
-        },
-        selectIcon: {
-          icon: "iconfont:icon-yidongduan-wode",
-          color: "var(--ant-primary-color)"
-        },
-        isSystem: true
-      },
-      {
-        id: uuid(),
-        menuMode: "system",
-        presetType: "todo",
-        label: t("sys.developer.designView.todo"),
-        isHome: false,
-        isHidden: false,
-        icon: {
-          icon: "iconfont:icon-daiban",
-          color: "var(--van-text-color)"
-        },
-        selectIcon: {
-          icon: "iconfont:icon-daiban",
-          color: "var(--ant-primary-color)"
-        },
-        isSystem: true
-      }
-    ];
-    return {
-      name: "",
-      menus,
-      fontWeight: 3,
-      notSelectColor: "#8F8F8F"
-    };
-  }
-}
-
-export { DesignCustomExpNodeNode };

package/es/plugins/design-custom-exp-menu/design-custom-exp-menu.provider.d.ts

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

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

@@ -1,159 +0,0 @@
-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

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

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

@@ -1,13 +0,0 @@
-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

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

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

@@ -1,15 +0,0 @@
-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

@@ -1,124 +0,0 @@
-@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%;
-}