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

package/es/plugins/design-menu-list/components/design-menu-list.component.css

@@ -1,131 +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-menu-list-component-search {
-  pointer-events: none;
-}
-.gct-design-menu-list-component-search .van-search__content {
-  border-radius: 8px;
-  background-color: #fff;
-}
-
-.gct-design-menu-list-component-menu-group {
-  margin: 0 14px;
-  border-radius: 8px;
-  background-color: #fff;
-  padding-bottom: 16px;
-}
-
-.gct-design-menu-list-component-menu-group-header {
-  height: 50px;
-  padding: 14px;
-  font-weight: 600;
-  font-size: 16px;
-  color: #212528;
-}
-
-.gct-design-menu-list-component-menu-group-content {
-  display: flex;
-  flex-wrap: wrap;
-  padding: 8px;
-}
-
-.gct-design-menu-list-component-menu-item {
-  display: flex !important;
-  flex-direction: column;
-  align-items: center;
-  overflow: hidden;
-}
-.gct-design-menu-list-component-menu-item--horizontal {
-  flex-direction: row;
-  min-height: 56px !important;
-}
-.gct-design-menu-list-component-menu-item--horizontal .gct-design-menu-list-component-menu-item__name {
-  text-align: left;
-}
-
-.gct-design-menu-list-component-menu-item__icon {
-  flex-shrink: 0;
-  width: 40px;
-  height: 40px;
-  border-radius: 6px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
-.gct-design-menu-list-component-menu-item__name {
-  width: 100%;
-  overflow: hidden;
-  line-height: 14px;
-  font-size: 12px;
-  color: #444;
-  text-wrap: nowrap;
-  padding: 8px;
-  text-align: center;
-  text-overflow: ellipsis;
-}
-.gct-design-menu-list-component-menu-item__name.is-wrap {
-  text-wrap: wrap;
-}

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

@@ -1,18 +0,0 @@
-import { PropType } from 'vue';
-import { IDesignNode } from '../../../interface';
-import { IDesignMenuListNode } from '../design-menu-list.data';
-export declare const DesignMenuListComponent: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-    data: {
-        type: PropType<IDesignNode<IDesignMenuListNode>>;
-        required: true;
-    };
-}>, {
-    ns: import('@gct-paas/core').Namespace;
-    renderMenus: () => import("vue/jsx-runtime").JSX.Element;
-    renderSearch: () => import("vue/jsx-runtime").JSX.Element | undefined;
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    data: {
-        type: PropType<IDesignNode<IDesignMenuListNode>>;
-        required: true;
-    };
-}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/es/plugins/design-menu-list/components/design-menu-list.component.mjs

@@ -1,110 +0,0 @@
-import { defineComponent, createVNode, resolveComponent, toRefs, computed, isVNode } from 'vue';
-import { useNamespace, t } from '@gct-paas/core';
-import './design-menu-list.component.css';/* empty css                                 */
-
-function _isSlot(s) {
-  return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !isVNode(s);
-}
-const DesignMenuListComponent = /* @__PURE__ */ defineComponent({
-  name: 'DesignMenuListComponent',
-  props: {
-    data: {
-      type: Object,
-      required: true
-    }
-  },
-  setup(props) {
-    const ns = useNamespace('design-menu-list-component');
-    const {
-      data
-    } = toRefs(props.data);
-    const menus = computed(() => {
-      if (!data.value || !data.value.rowNum || !data.value.colNum) {
-        return [];
-      }
-      const {
-        rowNum,
-        colNum
-      } = data.value;
-      const arr = [];
-      for (let i = 0; i < rowNum * colNum; i++) {
-        arr.push({
-          id: i,
-          name: `菜单名称`
-        });
-      }
-      return arr;
-    });
-    const span = computed(() => {
-      if (!data.value || !data.value.rowNum || !data.value.colNum) {
-        return null;
-      }
-      return `${100 / data.value.colNum}%`;
-    });
-    const renderMenuItem = (menu, i) => {
-      return createVNode(resolveComponent("van-col"), {
-        "style": {
-          width: span.value
-        },
-        "class": [ns.b('menu-item'), ns.bm('menu-item', data.value.mode)]
-      }, {
-        default: () => [createVNode("div", {
-          "class": ns.be('menu-item', 'icon')
-        }, [createVNode("img", {
-          "src": `/assets/svg/icon-${i % 10 + 1}.svg`
-        }, null)]), createVNode("div", {
-          "class": [ns.be('menu-item', 'name'), ns.is('wrap', data.value.titleOverflow === 'wrap')]
-        }, [menu.name])]
-      });
-    };
-    const renderMenus = () => {
-      let _slot;
-      return createVNode("div", {
-        "class": ns.b('menu-group')
-      }, [createVNode("div", {
-        "class": ns.b('menu-group-header')
-      }, [createVNode("div", {
-        "class": ns.be('menu-group-header', 'menu-title-text')
-      }, [t('sys.appDesigner.designView.components.menuList.group')])]), createVNode(resolveComponent("van-row"), {
-        "class": ns.b('menu-group-content')
-      }, _isSlot(_slot = menus.value.map((item, i) => {
-        return renderMenuItem(item, i);
-      })) ? _slot : {
-        default: () => [_slot]
-      })]);
-    };
-    const renderSearch = () => {
-      if (data.value.enableSearch !== true) {
-        return;
-      }
-      return createVNode("div", {
-        "class": ns.b('search')
-      }, [createVNode(resolveComponent("van-search"), {
-        "placeholder": t('sys.searchText'),
-        "background": "transparent"
-      }, null)]);
-    };
-    return {
-      ns,
-      renderMenus,
-      renderSearch
-    };
-  },
-  render() {
-    let _slot2;
-    return createVNode("div", {
-      "class": this.ns.b()
-    }, [this.renderSearch(), createVNode("div", {
-      "class": this.ns.b('card')
-    }, [this.data.data.enabledRange ? createVNode(resolveComponent("van-swipe"), {
-      "class": "my-swipe",
-      "autoplay": 9999999
-    }, {
-      default: () => [createVNode(resolveComponent("van-swipe-item"), null, _isSlot(_slot2 = this.renderMenus()) ? _slot2 : {
-        default: () => [_slot2]
-      }), createVNode(resolveComponent("van-swipe-item"), null, null), createVNode(resolveComponent("van-swipe-item"), null, null), createVNode(resolveComponent("van-swipe-item"), null, null), createVNode(resolveComponent("van-swipe-item"), null, null)]
-    }) : this.renderMenus()])]);
-  }
-});
-
-export { DesignMenuListComponent };

package/es/plugins/design-menu-list/design-menu-list.data.d.ts

@@ -1,62 +0,0 @@
-import { IDesignNodeData } from '../../interface';
-import { DesignContainerNode } from '../../data';
-export interface IDesignMenuListNode extends IDesignNodeData {
-    /**
-     * 是否启用搜索
-     *
-     * @author zhanghanrui
-     * @date 2024-07-17 15:07:10
-     * @type {boolean}
-     */
-    enableSearch: boolean;
-    /**
-     * 列表模式
-     *
-     * @author zhanghanrui
-     * @date 2024-07-17 15:07:02
-     * @type {'horizontal' | 'vertical'}
-     */
-    mode: 'horizontal' | 'vertical';
-    /**
-     * 名称显示模式
-     * @author lingxiaoming
-     * @date 2024-07-19 01:39:27
-     * @type {('hidden' 截取 | 'wrap' 换行)}
-     */
-    titleOverflow: 'hidden' | 'wrap';
-    /**
-     * 启用显示范围
-     *
-     * @author zhanghanrui
-     * @date 2024-07-17 15:07:20
-     * @type {boolean}
-     */
-    enabledRange: boolean;
-    /**
-     * 行数
-     * @author lingxiaoming
-     * @date 2024-07-19 02:47:47
-     * @type {number}
-     */
-    rowNum: number;
-    /**
-     * 列数
-     * @author lingxiaoming
-     * @date 2024-07-19 02:48:07
-     * @type {number}
-     */
-    colNum: number;
-}
-/**
- * 设计选项卡节点
- *
- * @author zhanghanrui
- * @date 2024-07-12 13:07:43
- * @export
- * @class DesignMenuListNode
- * @extends {DesignContainerNode<IDesignMenuListNode>}
- */
-export declare class DesignMenuListNode extends DesignContainerNode<IDesignMenuListNode> {
-    type: string;
-    protected createData(): IDesignMenuListNode;
-}

package/es/plugins/design-menu-list/design-menu-list.data.mjs

@@ -1,21 +0,0 @@
-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 DesignMenuListNode extends DesignContainerNode {
-  type = DesignNodeType.MENU_LIST;
-  createData() {
-    return {
-      name: "菜单列表",
-      enableSearch: true,
-      mode: "vertical",
-      titleOverflow: "hidden",
-      enabledRange: true,
-      rowNum: 5,
-      colNum: 4
-    };
-  }
-}
-
-export { DesignMenuListNode };

package/es/plugins/design-menu-list/design-menu-list.provider.d.ts

@@ -1,23 +0,0 @@
-import { IEditForm } from '@gct-paas/core';
-import { DesignNodeMode } from '../../constant';
-import { IMaterialData, INodeProvider } from '../../interface';
-import { DesignMenuListNode } from './design-menu-list.data';
-import { NodeBaseProvider } from '../../provider';
-/**
- * 菜单列表
- *
- * @author zhanghanrui
- * @date 2024-07-16 17:07:10
- * @export
- * @class DesignMenuListProvider
- * @extends {NodeBaseProvider<DesignMenuListNode>}
- * @implements {INodeProvider<DesignMenuListNode>}
- */
-export declare class DesignMenuListProvider extends NodeBaseProvider<DesignMenuListNode> implements INodeProvider<DesignMenuListNode> {
-    mode: DesignNodeMode;
-    type: string;
-    component: string;
-    static materialConfig: IMaterialData;
-    model: IEditForm;
-    create(data?: DesignMenuListNode): DesignMenuListNode;
-}

package/es/plugins/design-menu-list/design-menu-list.provider.mjs

@@ -1,265 +0,0 @@
-import { EditorType, t } from '@gct-paas/core';
-import { DesignNodeMode, DesignNodeType, MaterialGroup } from '../../constant/index.mjs';
-import { DesignMenuListNode } from './design-menu-list.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';
-
-const ListStyleMap = {
-  ["vertical" /* UPDT */]: "上图下文",
-  ["horizontal" /* LPRT */]: "左图右文"
-};
-const TitleOverflowMap = {
-  ["hidden" /* HIDDEN */]: "截取",
-  ["wrap" /* WRAP */]: "换行"
-};
-class DesignMenuListProvider extends NodeBaseProvider {
-  mode = DesignNodeMode.ITEM;
-  type = DesignNodeType.MENU_LIST;
-  component = "DesignMenuListComponent";
-  static materialConfig = {
-    group: MaterialGroup.SYSTEM,
-    label: "菜单列表",
-    type: DesignNodeType.MENU_LIST,
-    icon: "icon-kapianliebiao",
-    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.appDesigner.designView.components.menuList.form.group"
-                    ),
-                    children: [
-                      {
-                        type: "item",
-                        name: "empty",
-                        label: t(
-                          "sys.appDesigner.designView.components.menuList.form.label"
-                        ),
-                        style: "margin-bottom: 0;",
-                        labelAlign: "left",
-                        noColon: true,
-                        editor: {
-                          type: EditorType.INFO
-                        }
-                      },
-                      {
-                        type: "item",
-                        name: "enableSearch",
-                        label: t(
-                          "sys.appDesigner.designView.components.menuList.form.label2"
-                        ),
-                        labelAlign: "left",
-                        editorAlign: "right",
-                        noColon: true,
-                        defaultValue: true,
-                        style: "--gct-form-item-label-color: #8F8F8F;",
-                        editor: {
-                          type: EditorType.CHECK_SWITCH,
-                          isSwitch: true,
-                          props: {
-                            size: "small"
-                          }
-                        }
-                      },
-                      {
-                        type: "item",
-                        name: "mode",
-                        label: t(
-                          "sys.appDesigner.designView.components.menuList.form.label3"
-                        ),
-                        labelPosition: "top",
-                        labelAlign: "left",
-                        noColon: true,
-                        defaultValue: "vertical" /* UPDT */,
-                        dictionary: {
-                          tag: "listStyle",
-                          mode: "static",
-                          items: Object.keys(ListStyleMap).map((key) => {
-                            return { value: key, label: ListStyleMap[key] };
-                          })
-                        },
-                        editor: {
-                          type: EditorType.RADIO,
-                          buttonMode: true,
-                          props: {
-                            size: "small"
-                          }
-                        }
-                      },
-                      {
-                        type: "item",
-                        name: "titleOverflow",
-                        label: t(
-                          "sys.appDesigner.designView.components.menuList.form.label4"
-                        ),
-                        labelPosition: "top",
-                        labelAlign: "left",
-                        noColon: true,
-                        labelWidth: "150px",
-                        defaultValue: "hidden" /* HIDDEN */,
-                        dictionary: {
-                          tag: "titleOverflow",
-                          mode: "static",
-                          items: Object.keys(TitleOverflowMap).map((key) => {
-                            return { value: key, label: TitleOverflowMap[key] };
-                          })
-                        },
-                        editor: {
-                          type: EditorType.RADIO,
-                          buttonMode: true,
-                          props: {
-                            size: "small"
-                          }
-                        }
-                      },
-                      {
-                        type: "item",
-                        name: "empty",
-                        label: t(
-                          "sys.appDesigner.designView.components.menuList.form.label5"
-                        ),
-                        style: "margin-bottom: 0;",
-                        labelAlign: "left",
-                        noColon: true,
-                        editor: {
-                          type: EditorType.INFO
-                        }
-                      },
-                      {
-                        type: "item",
-                        name: "enabledRange",
-                        label: t(
-                          "sys.appDesigner.designView.components.menuList.form.label6"
-                        ),
-                        labelAlign: "left",
-                        editorAlign: "right",
-                        labelWidth: "150px",
-                        noColon: true,
-                        defaultValue: true,
-                        style: "--gct-form-item-label-color: #8F8F8F;",
-                        editor: {
-                          type: EditorType.CHECK_SWITCH,
-                          isSwitch: true,
-                          props: {
-                            size: "small"
-                          }
-                        }
-                      },
-                      {
-                        type: "container",
-                        layout: "grid",
-                        name: "container1",
-                        children: [
-                          {
-                            type: "item",
-                            name: "rowNum",
-                            gridItem: {
-                              span: 12
-                            },
-                            editor: {
-                              type: EditorType.NUMBER,
-                              addonAfter: t("sys.row"),
-                              class: "suffix-number-input",
-                              min: 1,
-                              max: 10
-                            }
-                          },
-                          {
-                            type: "item",
-                            name: "colNum",
-                            gridItem: {
-                              span: 12
-                            },
-                            editor: {
-                              type: EditorType.NUMBER,
-                              addonAfter: t("sys.col"),
-                              class: "suffix-number-input",
-                              min: 1,
-                              max: 5
-                            }
-                          }
-                        ]
-                      }
-                    ]
-                  }
-                ]
-              }
-            ]
-          },
-          {
-            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-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
-                        }
-                      }
-                    ]
-                  }
-                ]
-              }
-            ]
-          }
-        ]
-      }
-    ]
-  };
-  create(data) {
-    return new DesignMenuListNode(data);
-  }
-}
-
-export { DesignMenuListProvider };

package/es/plugins/design-page/design-page.data.d.ts

@@ -1,15 +0,0 @@
-import { IDesignPageNodeData } from '../../interface';
-import { DesignContainerNode } from '../../data';
-/**
- * 设计选项卡节点
- *
- * @author zhanghanrui
- * @date 2024-07-12 13:07:43
- * @export
- * @class DesignTabsNode
- * @extends {DesignContainerNode<IDesignPageNodeData>}
- */
-export declare class DesignPageNode extends DesignContainerNode<IDesignPageNodeData> {
-    type: string;
-    protected createData(): IDesignPageNodeData;
-}

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

@@ -1,17 +0,0 @@
-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 DesignPageNode extends DesignContainerNode {
-  type = DesignNodeType.PAGE;
-  createData() {
-    return {
-      name: "",
-      background: "",
-      padding: ""
-    };
-  }
-}
-
-export { DesignPageNode };

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

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