@gct-paas/design 0.1.4-dev.6 → 0.1.4-dev.8

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,82 @@
+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/design-view/getFieldSchema.d.ts

@@ -0,0 +1,26 @@
+import { FieldMetaDTO, ModelMetaDTO } from '@gct-paas/api/apaas';
+import { LowCodeWidget } from '@gct-paas/schema';
+export declare class FieldSchema {
+    static modelData: Map<string, ModelMetaDTO>;
+    static FiledData: Map<string, Record<string, FieldMetaDTO>>;
+    static responsePromise: Map<string, Promise<void>>;
+    static silent: boolean;
+    static getMap(modelKey: string, useCache?: boolean): Promise<void>;
+    /**
+     * 获取模型下字段信息
+     * @param modelKey 模型key
+     * @param field 字段key
+     * @param useCache 是否是用缓存
+     * @returns  字段信息
+     */
+    static getConfigByField(modelKey: string, field: string, useCache?: boolean): Promise<FieldMetaDTO>;
+    /**
+     * 获取模型信息
+     * @param modelKey 模型key
+     * @returns 模型信息
+     */
+    static getConfigByModel(modelKey: string): Promise<ModelMetaDTO>;
+    static clearCacheMap(useRequest?: boolean): void;
+}
+/**字段运行时需要同步的数据 */
+export declare function initFieldWidgetRuntime(widget: LowCodeWidget.BasicSchema, isVanField?: boolean): Promise<FieldMetaDTO>;

package/es/hooks/design-view/getFieldSchema.mjs

@@ -0,0 +1,78 @@
+class FieldSchema {
+  static modelData = /* @__PURE__ */ new Map();
+  static FiledData = /* @__PURE__ */ new Map();
+  static responsePromise = /* @__PURE__ */ new Map();
+  static silent = false;
+  static async getMap(modelKey, useCache = true) {
+    if (!modelKey) return Promise.reject();
+    if (!this.responsePromise.has(modelKey) || !useCache) {
+      const P = (async () => {
+        const data = await _api.apaas.modelMeta.getDetail(
+          { modelKey }
+          // { errorMessageMode: this.silent ? 'none' : undefined },
+        );
+        this.modelData.set(modelKey, data);
+        if (data?.fieldMetaList) {
+          const fieldMap = data.fieldMetaList.reduce(
+            (total, curr) => {
+              if (curr.key) {
+                total[curr.key] = curr;
+              }
+              return total;
+            },
+            {}
+          );
+          if (fieldMap) {
+            this.FiledData.set(modelKey, fieldMap);
+          }
+        }
+      })();
+      this.responsePromise.set(modelKey, P);
+    }
+    return this.responsePromise.get(modelKey);
+  }
+  /**
+   * 获取模型下字段信息
+   * @param modelKey 模型key
+   * @param field 字段key
+   * @param useCache 是否是用缓存
+   * @returns  字段信息
+   */
+  static async getConfigByField(modelKey, field, useCache = true) {
+    await this.getMap(modelKey, useCache);
+    return this.FiledData.get(modelKey)[field];
+  }
+  /**
+   * 获取模型信息
+   * @param modelKey 模型key
+   * @returns 模型信息
+   */
+  static async getConfigByModel(modelKey) {
+    await this.getMap(modelKey);
+    return this.modelData.get(modelKey);
+  }
+  static clearCacheMap(useRequest = false) {
+    if (useRequest) {
+      this.responsePromise.clear();
+    }
+    this.modelData.clear();
+    this.FiledData.clear();
+  }
+}
+async function initFieldWidgetRuntime(widget, isVanField = false) {
+  const { modelKey, field, isCustomField, fieldName, readonly, fieldType } = widget.props;
+  if (!widget.isField && !isVanField || field === "table_name_") return {};
+  const fieldInfo = isCustomField ? { name: fieldName } : modelKey && await FieldSchema.getConfigByField(modelKey, field);
+  if ((!fieldInfo || fieldInfo.type !== fieldType) && !isCustomField)
+    return Promise.reject("该字段可能已经被删除");
+  if (fieldInfo.required && !readonly) {
+    widget.props.required = true;
+  }
+  widget.props.fieldRequired = fieldInfo.required;
+  if (fieldInfo?.specificConfig?.digits !== void 0) {
+    widget.props.precision = fieldInfo?.specificConfig?.digits;
+  }
+  return fieldInfo;
+}
+
+export { FieldSchema, initFieldWidgetRuntime };