@gct-paas/design 0.1.4-dev.10 → 0.1.4-dev.11

package/es/editor/style-position/style-position.mjs

@@ -1,44 +0,0 @@
-import { defineComponent, createVNode, resolveComponent, mergeProps } from 'vue';
-import { useNamespace, EditorController, useGctFormValue } from '@gct-paas/core';
-
-/**
- * 定位编辑器
- */
-const StylePosition = /* @__PURE__ */ defineComponent({
-  name: 'StylePosition',
-  inheritAttrs: false,
-  props: {
-    itemModel: {
-      type: Object,
-      required: true
-    },
-    model: {
-      type: Object,
-      required: true
-    },
-    value: {
-      type: Object
-    }
-  },
-  emits: ['update:value'],
-  setup(props) {
-    const ns = useNamespace('style-position');
-    const c = new EditorController(props.model);
-    const val = useGctFormValue();
-    return {
-      ns,
-      c,
-      val
-    };
-  },
-  render() {
-    return createVNode(resolveComponent("position-editor"), mergeProps({
-      "value": this.val,
-      "onUpdate:value": $event => this.val = $event
-    }, this.model.props || {}, {
-      "class": [this.ns.b(), this.ns.is('readonly', this.model.readonly)]
-    }), null);
-  }
-});
-
-export { StylePosition };

package/es/editor/style-spacing/index.d.ts

@@ -1,8 +0,0 @@
-import { IEditorProvider } from '@gct-paas/core';
-export declare class StyleSpacingProvider implements IEditorProvider {
-    component: string;
-}
-declare const _default: {
-    install(app: import('vue').App): void;
-};
-export default _default;

package/es/editor/style-spacing/index.mjs

@@ -1,15 +0,0 @@
-import { widthEditorInstall } from '@gct-paas/core';
-import { DesignEditorType } from '../../constant/design-editor-type.mjs';
-import '../../constant/page-designer.mjs';
-import { StyleSpacing as StyleSpacing$1 } from './style-spacing.mjs';
-
-class StyleSpacingProvider {
-  component = "style-spacing";
-}
-const StyleSpacing = widthEditorInstall(
-  DesignEditorType.STYLE_SPACING,
-  () => new StyleSpacingProvider(),
-  StyleSpacing$1
-);
-
-export { StyleSpacingProvider, StyleSpacing as default };

package/es/editor/style-spacing/style-spacing.d.ts

@@ -1,40 +0,0 @@
-import { PropType } from 'vue';
-import { IFormItem, EditorController } from '@gct-paas/core';
-import { IStyleSpacing } from '../../interface';
-/**
- * 边距编辑器
- */
-export declare const StyleSpacing: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-    itemModel: {
-        type: PropType<IFormItem>;
-        required: true;
-    };
-    model: {
-        type: PropType<IStyleSpacing>;
-        required: true;
-    };
-    value: {
-        type: StringConstructor;
-    };
-}>, {
-    ns: import('@gct-paas/core').Namespace;
-    c: EditorController<IStyleSpacing>;
-    val: import('vue').WritableComputedRef<any, any>;
-    margin: import('vue').WritableComputedRef<any, any>;
-    padding: import('vue').WritableComputedRef<any, any>;
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "update:value"[], "update:value", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    itemModel: {
-        type: PropType<IFormItem>;
-        required: true;
-    };
-    model: {
-        type: PropType<IStyleSpacing>;
-        required: true;
-    };
-    value: {
-        type: StringConstructor;
-    };
-}>> & Readonly<{
-    "onUpdate:value"?: ((...args: any[]) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-export default StyleSpacing;

package/es/editor/style-spacing/style-spacing.mjs

@@ -1,69 +0,0 @@
-import { defineComponent, createVNode, resolveComponent, mergeProps, computed } from 'vue';
-import { useNamespace, EditorController, useGctFormValue } from '@gct-paas/core';
-
-/**
- * 边距编辑器
- */
-const StyleSpacing = /* @__PURE__ */ defineComponent({
-  name: 'StyleSpacing',
-  inheritAttrs: false,
-  props: {
-    itemModel: {
-      type: Object,
-      required: true
-    },
-    model: {
-      type: Object,
-      required: true
-    },
-    value: {
-      type: String
-    }
-  },
-  emits: ['update:value'],
-  setup(props) {
-    const ns = useNamespace('style-spacing');
-    const c = new EditorController(props.model);
-    const val = useGctFormValue();
-    const padding = computed({
-      get() {
-        return val.value?.[1];
-      },
-      set(v) {
-        const newVal = val.value ? [...val.value] : [];
-        newVal[1] = v;
-        val.value = newVal;
-      }
-    });
-    const margin = computed({
-      get() {
-        return val.value?.[0];
-      },
-      set(v) {
-        const newVal = val.value ? [...val.value] : [];
-        newVal[0] = v;
-        val.value = newVal;
-      }
-    });
-    return {
-      ns,
-      c,
-      val,
-      margin,
-      padding
-    };
-  },
-  render() {
-    return createVNode(resolveComponent("spacing-editor"), mergeProps({
-      "padding": this.padding,
-      "onUpdate:padding": $event => this.padding = $event,
-      "margin": this.margin,
-      "onUpdate:margin": $event => this.margin = $event
-    }, this.model.props || {}, {
-      "showArea": this.model.showArea,
-      "class": [this.ns.b(), this.ns.is('readonly', this.model.readonly)]
-    }), null);
-  }
-});
-
-export { StyleSpacing };

package/es/editor/system-page-select/i-system-page-select.d.ts

@@ -1,23 +0,0 @@
-import { IEditorBasic } from '@gct-paas/core';
-import { DesignEditorType } from '../../constant';
-/**
- *
- *
- * @author zhanghanrui
- * @date 2024-09-22 14:09:38
- * @export
- * @interface ISystemPageSelectModel
- * @extends {IEditorBasic}
- */
-export interface ISystemPageSelectModel extends IEditorBasic {
-    readonly type: DesignEditorType.CUSTOM_EXP_MENU;
-    /**
-     * 最大激活数量，默认最大激活5个
-     *
-     * @default 5
-     * @author zhanghanrui
-     * @date 2024-08-24 14:08:09
-     * @type {number}
-     */
-    activeMax?: number;
-}

package/es/editor/system-page-select/index.d.ts

@@ -1,9 +0,0 @@
-import { IEditorProvider } from '@gct-paas/core';
-export declare class SystemPageSelectProvider implements IEditorProvider {
-    component: string;
-}
-declare const _default: {
-    install(app: import('vue').App): void;
-};
-export default _default;
-export type { ISystemPageSelectModel } from './i-system-page-select';

package/es/editor/system-page-select/index.mjs

@@ -1,15 +0,0 @@
-import { widthEditorInstall } from '@gct-paas/core';
-import { DesignEditorType } from '../../constant/design-editor-type.mjs';
-import '../../constant/page-designer.mjs';
-import { SystemPageSelect as SystemPageSelect$1 } from './system-page-select.mjs';
-
-class SystemPageSelectProvider {
-  component = "SystemPageSelect";
-}
-const SystemPageSelect = widthEditorInstall(
-  DesignEditorType.SYSTEM_PAGE_SELECT,
-  () => new SystemPageSelectProvider(),
-  SystemPageSelect$1
-);
-
-export { SystemPageSelectProvider, SystemPageSelect as default };

package/es/editor/system-page-select/system-page-select.css

@@ -1,119 +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-system-page-select {
-  background-color: #f7f7f7;
-  display: flex;
-  align-items: center;
-  justify-content: space-around;
-  padding: 24px;
-  border-radius: 4px;
-}
-.gct-system-page-select__item {
-  position: relative;
-  cursor: pointer;
-}
-
-.gct-system-page-select__title {
-  text-align: center;
-  font-size: 14px;
-  padding: 8px;
-}
-
-.gct-system-page-select-menu {
-  width: 88px;
-  height: 84px;
-  padding: 8px 0;
-  text-align: center;
-  font-size: 12px;
-  background: #FFF;
-  border: 1px solid transparent;
-  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.12);
-  border-radius: 4px;
-}
-.gct-system-page-select-menu.is-active {
-  border: 1px solid var(--ant-primary-color);
-}
-.gct-system-page-select-menu.is-active .iconfont {
-  color: var(--ant-primary-color);
-}
-
-.gct-system-page-select-menu__label {
-  font-size: 12px;
-}
-
-.gct-system-page-select-menu__select-icon {
-  position: absolute;
-  top: -2px;
-  right: 4px;
-  width: 10px;
-  height: 10px;
-}
-.gct-system-page-select-menu__select-icon .iconfont {
-  font-size: 10px;
-}
-
-.gct-system-page-select-menu__icon .iconfont {
-  font-size: 32px;
-}

package/es/editor/system-page-select/system-page-select.d.ts

@@ -1,38 +0,0 @@
-import { PropType } from 'vue';
-import { IFormItem } from '@gct-paas/core';
-import { ISystemPageSelectModel } from './i-system-page-select';
-export declare const SystemPageSelect: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-    itemModel: {
-        type: PropType<IFormItem>;
-        required: true;
-    };
-    model: {
-        type: PropType<ISystemPageSelectModel>;
-        required: true;
-    };
-    value: {
-        type: StringConstructor;
-    };
-}>, {
-    ns: import('@gct-paas/core').Namespace;
-    val: import('vue').WritableComputedRef<any, any>;
-    menus: {
-        label: string;
-        title: string;
-        value: string;
-        icon: string;
-    }[];
-    onActive: (e: MouseEvent, value: string) => void;
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    itemModel: {
-        type: PropType<IFormItem>;
-        required: true;
-    };
-    model: {
-        type: PropType<ISystemPageSelectModel>;
-        required: true;
-    };
-    value: {
-        type: StringConstructor;
-    };
-}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/es/editor/system-page-select/system-page-select.mjs

@@ -1,82 +0,0 @@
-import { defineComponent, createVNode } from 'vue';
-import { useNamespace, useGctFormValue } from '@gct-paas/core';
-import './system-page-select.css';/* empty css                         */
-
-const SystemPageSelect = /* @__PURE__ */ defineComponent({
-  name: 'SystemPageSelect',
-  props: {
-    itemModel: {
-      type: Object,
-      required: true
-    },
-    model: {
-      type: Object,
-      required: true
-    },
-    value: {
-      type: String
-    }
-  },
-  setup() {
-    const ns = useNamespace('system-page-select');
-    const val = useGctFormValue();
-    const menus = [{
-      label: '消息首页',
-      title: '消息',
-      value: 'message',
-      icon: 'icon-yidongduan-xiaoxi'
-    }, {
-      label: '工作台首页',
-      title: '工作台',
-      value: 'workbench',
-      icon: 'icon-yidongduan-gongzuotai'
-    }, {
-      label: '个人中心首页',
-      title: '我的',
-      value: 'personalCenter',
-      icon: 'icon-yidongduan-wode'
-    }, {
-      label: '审批首页',
-      title: '审批',
-      value: 'todo',
-      icon: 'icon-daiban'
-    }];
-    const onActive = (e, value) => {
-      e.stopPropagation();
-      val.value = value;
-    };
-    return {
-      ns,
-      val,
-      menus,
-      onActive
-    };
-  },
-  render() {
-    return createVNode("div", {
-      "class": this.ns.b()
-    }, [this.menus.map(_ => {
-      const isActive = _.value === this.val;
-      return createVNode("div", {
-        "class": this.ns.e('item'),
-        "onClick": e => this.onActive(e, _.value)
-      }, [createVNode("div", {
-        "class": [this.ns.b('menu'), this.ns.is('active', isActive)]
-      }, [createVNode("div", {
-        "class": this.ns.be('menu', 'select-icon')
-      }, [createVNode("i", {
-        "class": `iconfont ${isActive ? 'icon-Successful' : ''}`
-      }, null)]), createVNode("div", {
-        "class": this.ns.be('menu', 'icon')
-      }, [createVNode("i", {
-        "class": `iconfont ${_.icon}`
-      }, null)]), createVNode("div", {
-        "class": this.ns.be('menu', 'label')
-      }, [_.label])]), createVNode("div", {
-        "class": this.ns.e('title')
-      }, [_.title])]);
-    })]);
-  }
-});
-
-export { SystemPageSelect };

package/es/hooks/use-design-view-controller/use-design-view-controller.d.ts

@@ -1,11 +0,0 @@
-import { IDesignViewController } from '../../interface';
-/**
- * 获取设计界面控制器
- *
- * @author zhanghanrui
- * @date 2024-07-08 11:07:59
- * @export
- * @param {() => IDesignViewController} [fn]
- * @return {*}  {IDesignViewController}
- */
-export declare function useDesignViewController(fn?: () => IDesignViewController): IDesignViewController;

package/es/hooks/use-design-view-controller/use-design-view-controller.mjs

@@ -1,26 +0,0 @@
-import { inject, provide, onMounted, onUnmounted } from 'vue';
-import { ControllerType } from '../../constant/index.mjs';
-import { DesignViewController } from '../../controller/view/design-view.controller.mjs';
-
-function useDesignViewController(fn) {
-  let c = inject(
-    ControllerType.DESIGN_VIEW
-  );
-  if (!c) {
-    if (fn) {
-      c = fn();
-    } else {
-      c = new DesignViewController();
-    }
-    provide(ControllerType.DESIGN_VIEW, c);
-    onMounted(() => {
-      c.mounted();
-    });
-    onUnmounted(() => {
-      c.unmounted();
-    });
-  }
-  return c;
-}
-
-export { useDesignViewController };

package/es/interface/editor/child-list-editor/child-list-editor.d.ts

@@ -1,114 +0,0 @@
-import { IEditorBasic } from '@gct-paas/core';
-import { DesignEditorType } from '../../../constant';
-/**
- * 子项编辑器
- *
- * @author zhanghanrui
- * @date 2024-07-29 14:07:55
- * @export
- * @interface IChildListEditor
- * @extends {IEditorBasic}
- */
-export interface IChildListEditor extends IEditorBasic {
-    readonly type: DesignEditorType.CHILD_LIST_EDITOR;
-    /**
-     * 标题
-     *
-     * @author zhanghanrui
-     * @date 2024-07-29 15:07:10
-     * @type {string}
-     */
-    title: string;
-    /**
-     * 默认激活的子数据标识
-     *
-     * @author zhanghanrui
-     * @date 2024-07-29 17:07:49
-     * @type {string}
-     */
-    defaultSelectChildKey?: string;
-    /**
-     * 编辑的子项，默认是 name
-     *
-     * @author zhanghanrui
-     * @date 2024-07-30 13:07:38
-     * @type {string}
-     */
-    childEditFieldKey?: string;
-    /**
-     * 是否可以新增
-     *
-     * @description 默认不可以新增
-     * @default true
-     * @author zhanghanrui
-     * @date 2024-07-29 14:07:21
-     * @type {boolean}
-     */
-    add?: boolean;
-    /**
-     * 是否允许拖拽排序
-     *
-     * @description 默认不启用拖拽排序
-     * @default false
-     * @author zhanghanrui
-     * @date 2024-07-29 15:07:20
-     * @type {boolean}
-     */
-    sort?: boolean;
-    /**
-     * 是否可以删除项
-     *
-     * @description 默认不启用删除
-     * @default true
-     * @author zhanghanrui
-     * @date 2024-07-29 15:07:19
-     * @type {boolean}
-     */
-    delete?: boolean;
-    /**
-     * 默认的编辑器
-     *
-     * @description 默认使用文本编辑器
-     * @default 'text'
-     * @author zhanghanrui
-     * @date 2024-07-29 15:07:31
-     * @type {('i18n' | 'text' | 'number')}
-     */
-    editorType?: 'i18n' | 'text' | 'number';
-    /**
-     * 编辑器属性
-     *
-     * @author zhanghanrui
-     * @date 2024-08-01 17:08:26
-     * @type {IParams}
-     */
-    editorProps?: IParams;
-    /**
-     * 是否允许选中项
-     *
-     * @description 默认不可以选择
-     * @default false
-     * @author zhanghanrui
-     * @date 2024-07-29 15:07:57
-     * @type {boolean}
-     */
-    select?: boolean;
-    /**
-     * 显示标题
-     *
-     * @description 默认不显示标题
-     * @default false
-     * @author zhanghanrui
-     * @date 2024-07-30 13:07:14
-     * @type {boolean}
-     */
-    showLabel?: boolean;
-    /**
-     * 子项类型
-     *
-     * @author zhanghanrui
-     * @date 2024-07-29 15:07:00
-     * @type {string}
-     */
-    childDesignType: string;
-}

package/es/interface/editor/index.d.ts

@@ -1,9 +0,0 @@
-export type { IChildListEditor } from './child-list-editor/child-list-editor';
-export type { IStyleBorder } from './style-border/i-style-border';
-export type { IStyleBorderController } from './style-border/i-style-border.controller';
-export type { IStyleSpacing } from './style-spacing/i-style-spacing';
-export type { IStyleSpacingController } from './style-spacing/i-style-spacing.controller';
-export type { IStyleFont } from './style-font/i-style-font';
-export type { IStyleFontController } from './style-font/i-style-font.controller';
-export type { IStylePosition } from './style-position/i-style-position';
-export type { IStylePositionController } from './style-position/i-style-position.controller';

package/es/interface/editor/style-border/i-style-border.controller.d.ts

@@ -1,11 +0,0 @@
-import { IEditorController } from '@gct-paas/core';
-import { IStyleBorder } from './i-style-border';
-/**
- * 边框编辑器控制器
- * @author lingxiaoming
- * @date 2024-07-17 04:35:50
- * @export
- * @interface IStyleBorderController
- * @extends {IEditorController<IStyleBorder>}
- */
-export type IStyleBorderController = IEditorController<IStyleBorder>;

package/es/interface/editor/style-border/i-style-border.d.ts

@@ -1,22 +0,0 @@
-import { IEditorBasic } from '@gct-paas/core';
-import { DesignEditorType } from '../../../constant';
-/**
- * 边框编辑器模型
- * @author lingxiaoming
- * @date 2024-07-17 04:32:52
- * @export
- * @interface IStyleBorder
- * @extends {IEditorBasic}
- */
-export interface IStyleBorder extends IEditorBasic {
-    readonly type: DesignEditorType.STYLE_BORDER;
-    /**
-     * 显示编辑区域(默认全显示)
-     * - radius 圆角
-     * - basics 边框线
-     * @author lingxiaoming
-     * @date 2024-07-17 06:10:19
-     * @type {(Array<'radius' | 'basics'>)}
-     */
-    showArea?: ('radius' | 'basics')[];
-}

package/es/interface/editor/style-font/i-style-font.controller.d.ts

@@ -1,11 +0,0 @@
-import { IEditorController } from '@gct-paas/core';
-import { IStyleFont } from './i-style-font';
-/**
- * 文本样式编辑器控制器
- * @author lingxiaoming
- * @date 2024-07-17 04:35:50
- * @export
- * @interface IStyleFontController
- * @extends {IEditorController<IStyleFont>}
- */
-export type IStyleFontController = IEditorController<IStyleFont>;