@gct-paas/core 0.0.1-dev.9 → 0.1.0

package/es/controller/gct-form/gct-form.controller.mjs

@@ -0,0 +1,214 @@
+import '../../state/index.mjs';
+import '../../node_modules/.pnpm/qx-util@0.4.8/node_modules/qx-util/out/index.mjs';
+import { QXEvent } from '../../node_modules/.pnpm/qx-util@0.4.8/node_modules/qx-util/out/utils/qx-event/qx-event.mjs';
+import { FormState } from '../../state/form/form.state.mjs';
+
+"use strict";
+class GctFormController {
+  constructor(model) {
+    this.model = model;
+    this.init();
+  }
+  evt = new QXEvent();
+  state = new FormState();
+  item = {};
+  provider = {};
+  context = {};
+  params = {};
+  /**
+   * 所有属性的项标识，由 item 和 hidden 类型的表单项的 name 组成
+   *
+   * @author zhanghanrui
+   * @date 2024-04-02 20:04:20
+   * @protected
+   * @type {string[]}
+   */
+  fields = [];
+  /**
+   * 所有[item、hidden]表单项的映射，key 为表单项的 name
+   *
+   * @author zhanghanrui
+   * @date 2024-04-02 20:04:39
+   * @protected
+   * @type {(Record<string, IFormItem | IFormHiddenItem>)}
+   */
+  modelMap = {};
+  /**
+   * 表单初始化
+   *
+   * @author zhanghanrui
+   * @date 2024-04-01 13:04:27
+   * @protected
+   */
+  init() {
+    if (this.model.children) {
+      this.initFormItems(this.model.children);
+    }
+    this.initEvent();
+    this.calcState();
+  }
+  /**
+   * 初始化表单事件订阅相关
+   *
+   * @author zhanghanrui
+   * @date 2024-04-02 14:04:31
+   * @protected
+   */
+  initEvent() {
+  }
+  /**
+   * 计算表单状态，数据变更或加载数据后调用
+   *
+   * @author zhanghanrui
+   * @date 2024-04-02 21:04:15
+   * @protected
+   */
+  calcState() {
+  }
+  /**
+   * 初始化表单项控制器
+   *
+   * @author zhanghanrui
+   * @date 2024-04-01 13:04:38
+   * @protected
+   * @param {IFormItemBasic[]} models
+   */
+  initFormItems(models) {
+    models.forEach((model) => {
+      let provider = null;
+      if (model.type === "item" || model.type === "hidden") {
+        this.fields.push(model.name);
+        this.modelMap[model.name] = model;
+      }
+      if (model.type === "item") {
+        provider = _gct.register.formItem.create(
+          `${model.type}___${model.editor.type}___${model.name}`
+        );
+        if (!provider) {
+          provider = _gct.register.formItem.create(
+            `${model.type}___${model.editor.type}`
+          );
+        }
+      }
+      if (!provider) {
+        provider = _gct.register.formItem.create(model.type);
+      }
+      if (!provider) {
+        console.error(`\u672A\u627E\u5230\u8868\u5355\u9879\u63D0\u4F9B\u8005\uFF1A${model.type}`, model);
+        return;
+      }
+      this.provider[model.name] = provider;
+      if (model.type === "item") {
+        const item = model;
+        this.item[item.name] = provider.createController(this, item);
+      } else if (model.type === "hidden") {
+        const hidden = model;
+        this.item[hidden.name] = provider.createController(this, hidden);
+      } else if (model.type === "container" || model.container) {
+        const container = model;
+        this.item[model.name] = provider.createController(this, container);
+        if (container.children) {
+          this.initFormItems(container.children);
+        }
+      }
+    });
+  }
+  /**
+   * 计算表单项隐藏
+   *
+   * @author zhanghanrui
+   * @date 2024-08-01 11:08:23
+   * @protected
+   */
+  calcHidden() {
+    const keys = Object.keys(this.item);
+    keys.forEach((key) => {
+      const c = this.item[key];
+      if (c.model.hidden) {
+        const bol = c.model.hidden(this, c, this.state.data);
+        if (bol != null) {
+          c.state.visible = !bol;
+        }
+      }
+    });
+  }
+  /**
+   * 获取当前表单数据
+   *
+   * @author zhanghanrui
+   * @date 2024-04-02 20:04:16
+   * @return {*}  {IData}
+   */
+  getData() {
+    const data = {};
+    this.fields.forEach((field) => {
+      const c = this.item[field];
+      if (c && (c.state.visible === true || c.model.type === "hidden")) {
+        data[c.key] = c.value;
+      }
+    });
+    return data;
+  }
+  /**
+   * 重置表单数据
+   *
+   * @author zhanghanrui
+   * @date 2024-04-02 20:04:11
+   */
+  resetData() {
+    this.fields.forEach((key) => {
+      const c = this.item[key];
+      if (c) {
+        c.reset();
+      }
+    });
+  }
+  async load() {
+    try {
+      if (!this.model.loadRequest) {
+        return {};
+      }
+      this.state.loading = true;
+      const data = await this.model.loadRequest({ id: this.context.id });
+      this.fields.forEach((key) => {
+        const c = this.item[key];
+        if (c) {
+          c.value = data[c.key];
+        }
+        c.defaultValue();
+      });
+      this.state.loaded = true;
+      return data;
+    } finally {
+      this.state.loading = false;
+    }
+  }
+  destroy() {
+    this.state.destroyed = true;
+    this.evt.reset();
+    this.fields.forEach((key) => {
+      const c = this.item[key];
+      if (c) {
+        c.destroy();
+      }
+    });
+  }
+  validate() {
+    return Promise.resolve(true);
+  }
+  validateItem(_key) {
+    return Promise.resolve(true);
+  }
+  loaded() {
+    this.calcHidden();
+    this.fields.forEach((key) => {
+      const c = this.item[key];
+      c.defaultValue();
+    });
+    this.calcState();
+  }
+  mounted() {
+  }
+}
+
+export { GctFormController };

package/es/controller/index.d.ts

@@ -0,0 +1,15 @@
+export { EditFormController, useEditFormController, } from './edit-form/edit-form.controller';
+export { EditorController } from './editor-item/editor-item.controller';
+export { FormController, useFormController } from './form/form.controller';
+export { GctFormController } from './gct-form/gct-form.controller';
+export { FormCollapsePaneController } from './form-collapse-pane/form-collapse-pane.controller';
+export { FormCollapseController } from './form-collapse/form-collapse.controller';
+export { FormTabController } from './form-tab/form-tab.controller';
+export { FormTabPaneController } from './form-tab-pane/form-tab-pane.controller';
+export { FormGroupController } from './form-group/form-group.controller';
+export { FormEditItemController } from './form-edit-item/form-edit-item.controller';
+export { FormItemController } from './form-item/form-item.controller';
+export { FormItemBasicController, useFormItemController, } from './form-item-basic/form-item-basic.controller';
+export { FormHiddenItemController } from './form-item-hidden/form-item-hidden.controller';
+export { LengthUnitEditorController } from './editor/length-unit-editor.controller';
+export { ColorEditorController } from './editor/color-editor.controller';

package/es/controller/index.mjs

@@ -0,0 +1,17 @@
+export { EditFormController, useEditFormController } from './edit-form/edit-form.controller.mjs';
+export { EditorController } from './editor-item/editor-item.controller.mjs';
+export { FormController, useFormController } from './form/form.controller.mjs';
+export { GctFormController } from './gct-form/gct-form.controller.mjs';
+export { FormCollapsePaneController } from './form-collapse-pane/form-collapse-pane.controller.mjs';
+export { FormCollapseController } from './form-collapse/form-collapse.controller.mjs';
+export { FormTabController } from './form-tab/form-tab.controller.mjs';
+export { FormTabPaneController } from './form-tab-pane/form-tab-pane.controller.mjs';
+export { FormGroupController } from './form-group/form-group.controller.mjs';
+export { FormEditItemController } from './form-edit-item/form-edit-item.controller.mjs';
+export { FormItemController } from './form-item/form-item.controller.mjs';
+export { FormItemBasicController, useFormItemController } from './form-item-basic/form-item-basic.controller.mjs';
+export { FormHiddenItemController } from './form-item-hidden/form-item-hidden.controller.mjs';
+export { LengthUnitEditorController } from './editor/length-unit-editor.controller.mjs';
+export { ColorEditorController } from './editor/color-editor.controller.mjs';
+
+"use strict";

package/es/enums/page-designer/panel.d.ts

@@ -44,6 +44,8 @@ export declare enum PropGroup {
     DISPLAY = "display",
     /**标签 */
     LABEL = "label",
+    /**vue3 */
+    VUE3 = "vue3",
     /**字段列表 */
     FIELD = "field",
     /**数据相关 */

package/es/enums/page-designer/panel.mjs

@@ -47,6 +47,7 @@ var PropGroup = /* @__PURE__ */ ((PropGroup2) => {
   PropGroup2["ADVANCED"] = "advance";
   PropGroup2["DISPLAY"] = "display";
   PropGroup2["LABEL"] = "label";
+  PropGroup2["VUE3"] = "vue3";
   PropGroup2["FIELD"] = "field";
   PropGroup2["DATA"] = "data";
   PropGroup2["OTHER"] = "other";

package/es/global/gct/gct.d.ts

@@ -1,6 +1,10 @@
 import { I18n } from 'vue-i18n';
 import { GlobalStoreUtil } from '../../store';
-import { DesignerRegister, RenderRegister } from '../../register';
+import { DesignerRegister, EditorRegister, FormItemRegister, RenderRegister } from '../../register';
+import { IMessageUtil } from '../../interface';
+import { ApiManage as ApaasApi } from '../../service/gct-apaas';
+import { ApiManage as PlatformApi } from '../../service/gct-platform';
+import { DictionaryUtil } from '../../utils';
 /**
  * gct paas 平台全局对象
  *
@@ -22,7 +26,18 @@ export declare class GctGlobal {
     /**
      * 全局 store 实例
      */
-    readonly store: import('pinia').Store<"global-store", import('../..').IGlobalState, import('../..').IGlobalGetters, import('../..').IGlobalActions>;
+    readonly store: import('pinia').Store<"global-store", import('../../interface').IGlobalState, import('../../interface').IGlobalGetters, import('../../interface').IGlobalActions>;
+    /**
+     * 消息提示工具类（预览、移动、网页，需要分别实现）
+     *
+     * @type {IMessageUtil}
+     */
+    message: IMessageUtil;
+    /**
+     * 全局数据字典工具类
+     *
+     */
+    dictionary: DictionaryUtil;
     /**
      * 综合性注册中心
      */
@@ -35,13 +50,22 @@ export declare class GctGlobal {
             mobile: RenderRegister;
             web: RenderRegister;
         };
+        editor: typeof EditorRegister;
+        formItem: typeof FormItemRegister;
+    };
+    /**
+     * 所有后台 api 服务
+     */
+    readonly api: {
+        apaas: ApaasApi;
+        platform: PlatformApi;
     };
     /**
      * i18n 实例的 t 方法，多语言转换
      *
      * @param {string} key
-     * @param {string} def
+     * @param {string} [def]
      * @returns {*}  {string}
      */
-    t(key: string, def: string): string;
+    t(key: string, def?: string): string;
 }

package/es/global/gct/gct.mjs

@@ -1,6 +1,12 @@
 import { createI18n } from 'vue-i18n';
 import { GlobalStoreUtil } from '../../store/index.mjs';
 import '../../register/index.mjs';
+import { ApiManage as ApiManage$1 } from '../../service/gct-apaas/index.mjs';
+import { ApiManage } from '../../service/gct-platform/index.mjs';
+import '../../utils/index.mjs';
+import { DictionaryUtil } from '../../utils/dictionary/dictionary.mjs';
+import { FormItemRegister } from '../../register/form-item-register/form-item-register.mjs';
+import { EditorRegister } from '../../register/editor-register/editor-register.mjs';
 import { RenderRegister } from '../../register/render-register/render-register.mjs';
 import { DesignerRegister } from '../../register/designer-register/designer-register.mjs';
 
@@ -21,6 +27,17 @@ class GctGlobal {
    * 全局 store 实例
    */
   store = this.storeUtil.store;
+  /**
+   * 消息提示工具类（预览、移动、网页，需要分别实现）
+   *
+   * @type {IMessageUtil}
+   */
+  message;
+  /**
+   * 全局数据字典工具类
+   *
+   */
+  dictionary = new DictionaryUtil();
   /**
    * 综合性注册中心
    */
@@ -32,13 +49,22 @@ class GctGlobal {
     render: {
       mobile: new RenderRegister(),
       web: new RenderRegister()
-    }
+    },
+    editor: EditorRegister,
+    formItem: FormItemRegister
+  };
+  /**
+   * 所有后台 api 服务
+   */
+  api = {
+    apaas: new ApiManage$1(),
+    platform: new ApiManage()
   };
   /**
    * i18n 实例的 t 方法，多语言转换
    *
    * @param {string} key
-   * @param {string} def
+   * @param {string} [def]
    * @returns {*}  {string}
    */
   t(key, def) {

package/es/hooks/index.d.ts

@@ -1 +1,5 @@
+export { useForm } from './use-form/use-form';
+export { useGctFormValue, useGctFormValueByText, } from './use-gct-form-value/use-gct-form-value';
+export { useModal } from './use-modal/use-modal';
 export { useNamespace } from './use-namespace/use-namespace';
+export { copyTextToClipboard, isDef, useCopyToClipboard, } from './useCopyToClipboard';

package/es/hooks/index.mjs

@@ -1,3 +1,7 @@
+export { useForm } from './use-form/use-form.mjs';
+export { useGctFormValue, useGctFormValueByText } from './use-gct-form-value/use-gct-form-value.mjs';
+export { useModal } from './use-modal/use-modal.mjs';
 export { useNamespace } from './use-namespace/use-namespace.mjs';
+export { copyTextToClipboard, isDef, useCopyToClipboard } from './useCopyToClipboard.mjs';
 
 "use strict";

package/es/hooks/use-form/use-form.d.ts

@@ -0,0 +1,10 @@
+import { IFormController } from '../../interface';
+/**
+ * 获取表单控制器
+ *
+ * @author zhanghanrui
+ * @date 2024-04-02 17:04:17
+ * @export
+ * @return {*}  {IFormController}
+ */
+export declare function useForm(): IFormController;

package/es/hooks/use-form/use-form.mjs

@@ -0,0 +1,9 @@
+import { inject } from 'vue';
+
+"use strict";
+function useForm() {
+  const c = inject("formController");
+  return c;
+}
+
+export { useForm };

package/es/hooks/use-gct-form-value/use-gct-form-value.d.ts

@@ -0,0 +1,22 @@
+import { WritableComputedRef } from 'vue';
+/**
+ * 获取编辑器双向数据绑定值对象，自动发送更新事件
+ *
+ * @export
+ * @template T
+ * @param {string} [key] 可以指定字段字段名(指定后直接改 form)，默认取 props 中的 value
+ * @returns {*}  {WritableComputedRef<T>}
+ */
+export declare function useGctFormValue<T = any>(key?: string): WritableComputedRef<T> | null;
+/**
+ * 获取编辑器双向数据绑定值对象，自动发送更新事件（纯字符串）
+ *
+ * @author zhanghanrui
+ * @date 2024-04-03 13:04:25
+ * @export
+ * @template T
+ * @param {string} [prefix]
+ * @param {string} [suffix]
+ * @return {*}  {WritableComputedRef<T>}
+ */
+export declare function useGctFormValueByText(prefix?: string, suffix?: string): WritableComputedRef<string>;

package/es/hooks/use-gct-form-value/use-gct-form-value.mjs

@@ -0,0 +1,93 @@
+import { computed, getCurrentInstance } from 'vue';
+import { useForm } from '../use-form/use-form.mjs';
+
+"use strict";
+function useGctFormValue(key) {
+  let val = null;
+  if (key) {
+    const form = useForm();
+    const formItem = form.item[key];
+    if (formItem) {
+      val = computed({
+        get() {
+          return formItem.value;
+        },
+        set(v) {
+          if (typeof v === "string") {
+            v = v.trim();
+          }
+          if (typeof v != "object" && formItem.value == v) {
+            return;
+          }
+          formItem.value = v;
+        }
+      });
+    }
+  } else {
+    let vue = getCurrentInstance().proxy;
+    const props = vue.$props;
+    const emit = vue.$emit;
+    val = computed({
+      get: () => {
+        return props.value;
+      },
+      set: (newVal) => {
+        if (typeof newVal === "string") {
+          newVal = newVal.trim();
+        }
+        if (typeof newVal != "object" && props.value == newVal) {
+          return;
+        }
+        emit("update:value", newVal);
+      }
+    });
+    vue = null;
+  }
+  return val;
+}
+function useGctFormValueByText(prefix, suffix) {
+  let vue = getCurrentInstance().proxy;
+  const props = vue.$props;
+  const emit = vue.$emit;
+  const prefixSize = prefix ? prefix.length : 0;
+  const suffixSize = suffix ? suffix.length : 0;
+  const val = computed({
+    get: () => {
+      if (!props.value) {
+        return "";
+      }
+      let value = props.value;
+      if (prefixSize > 0 && value.startsWith(prefix)) {
+        value = value.substring(prefixSize);
+      }
+      if (suffixSize > 0 && value.endsWith(suffix)) {
+        value = value.substring(0, value.length - suffixSize);
+      }
+      return value;
+    },
+    set: (newVal) => {
+      if (props.value === newVal) {
+        return;
+      }
+      if (typeof newVal === "string") {
+        newVal = newVal.trim();
+      }
+      if (newVal == "") {
+        emit("update:value", "");
+        return;
+      }
+      let value = newVal;
+      if (prefixSize > 0) {
+        value = prefix + value;
+      }
+      if (suffixSize > 0) {
+        value = value + suffix;
+      }
+      emit("update:value", value);
+    }
+  });
+  vue = null;
+  return val;
+}
+
+export { useGctFormValue, useGctFormValueByText };

package/es/hooks/use-modal/use-modal.d.ts

@@ -0,0 +1,10 @@
+import { IModal, IModalData } from '../../interface';
+/**
+ * 获取模态打开时的模态实例
+ *
+ * @author zhanghanrui
+ * @date 2024-04-02 23:04:32
+ * @export
+ * @return {*}  {IModal}
+ */
+export declare function useModal(ok?: () => Promise<IModalData | null>): IModal | undefined;

package/es/hooks/use-modal/use-modal.mjs

@@ -0,0 +1,14 @@
+import { inject } from 'vue';
+
+"use strict";
+function useModal(ok) {
+  const modal = inject("modal");
+  if (modal) {
+    if (ok) {
+      modal.ok = ok;
+    }
+  }
+  return modal;
+}
+
+export { useModal };

package/es/hooks/useCopyToClipboard.d.ts

@@ -0,0 +1,11 @@
+export declare function isDef<T = unknown>(val?: T): val is T;
+interface Options {
+    target?: HTMLElement;
+}
+export declare function useCopyToClipboard(initial?: string): {
+    clipboardRef: import('vue').Ref<string, string>;
+    isSuccessRef: import('vue').Ref<boolean, boolean>;
+    copiedRef: import('vue').Ref<boolean, boolean>;
+};
+export declare function copyTextToClipboard(input: string, { target }?: Options): boolean;
+export {};

package/es/hooks/useCopyToClipboard.mjs

@@ -0,0 +1,58 @@
+import { ref, watch } from 'vue';
+
+"use strict";
+function isDef(val) {
+  return typeof val !== "undefined";
+}
+function useCopyToClipboard(initial) {
+  const clipboardRef = ref(initial || "");
+  const isSuccessRef = ref(false);
+  const copiedRef = ref(false);
+  watch(
+    clipboardRef,
+    (str) => {
+      if (isDef(str)) {
+        copiedRef.value = true;
+        isSuccessRef.value = copyTextToClipboard(str);
+      }
+    },
+    { immediate: !!initial, flush: "sync" }
+  );
+  return { clipboardRef, isSuccessRef, copiedRef };
+}
+function copyTextToClipboard(input, { target = document.body } = {}) {
+  const element = document.createElement("textarea");
+  const previouslyFocusedElement = document.activeElement;
+  element.value = input;
+  element.setAttribute("readonly", "");
+  element.style.contain = "strict";
+  element.style.position = "absolute";
+  element.style.left = "-9999px";
+  element.style.fontSize = "12pt";
+  const selection = document.getSelection();
+  let originalRange;
+  if (selection && selection.rangeCount > 0) {
+    originalRange = selection.getRangeAt(0);
+  }
+  target.append(element);
+  element.select();
+  element.selectionStart = 0;
+  element.selectionEnd = input.length;
+  let isSuccess = false;
+  try {
+    isSuccess = document.execCommand("copy");
+  } catch (e) {
+    throw new Error(e);
+  }
+  element.remove();
+  if (originalRange && selection) {
+    selection.removeAllRanges();
+    selection.addRange(originalRange);
+  }
+  if (previouslyFocusedElement) {
+    previouslyFocusedElement.focus();
+  }
+  return isSuccess;
+}
+
+export { copyTextToClipboard, isDef, useCopyToClipboard };

package/es/index.d.ts

@@ -1,4 +1,5 @@
 export * from './constants';
+export * from './controller';
 export * from './enums';
 export * from './global';
 export * from './hooks';