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

package/es/components/modal-name-editor/modal-name-editor.mjs

@@ -0,0 +1,174 @@
+import { defineComponent, createVNode, resolveComponent, ref, computed, watch, nextTick } from 'vue';
+import { useNamespace } from '@gct-paas/core';
+import { onClickOutside } from '@vueuse/core';
+import './modal-name-editor.css';/* empty css                        */
+
+// TODO: Change 的变更需要抛出给上层组件，上层使用的地方进行相应的修改，不是里边干
+// import { useReportDataSetDesignStore } from '../report-data-set-design/store';
+// import { useReportViewController } from '../report-design/hooks';
+
+const ModalNameEditor = /* @__PURE__ */ defineComponent({
+  name: 'ModalNameEditor',
+  props: {
+    value: {
+      type: String,
+      default: '未命名'
+    },
+    defaultName: {
+      type: String,
+      default: '未命名名称'
+    },
+    // save: {
+    //   type: Function as PropType<(name: string) => Promise<void>>,
+    //   required: true,
+    // },
+    max: {
+      type: Number,
+      default: 100
+    }
+  },
+  emits: ['update:value', 'change'],
+  setup(props, {
+    emit
+  }) {
+    const ns = useNamespace('modal-name-editor');
+    // const store = useReportDataSetDesignStore();
+    // 是否正在编辑
+    const isEdit = ref(false);
+    // 开始编辑时，记录旧值
+    // const oldVal = ref<string>('');\
+    // 报表设计界面总控制器
+    // const c = useReportViewController();
+    // 输入框实例
+    const nameInputRef = ref();
+    // 输入框的值
+    const name = ref(props.value);
+    // 显示的名称（可能是 defaultName）
+    const displayName = computed(() => {
+      return name.value || props.defaultName;
+    });
+    const isError = computed(() => {
+      if (displayName.value.length > props.max) {
+        return true;
+      }
+      return false;
+    });
+    // 输入值发生变更时，重新赋值组件内编辑
+    watch(() => props.value, () => {
+      if (name.value !== props.value) {
+        name.value = props.value;
+      }
+    });
+    // 是否正在保存
+    const isSaving = ref(false);
+    // 用户是否已经开始修改（用于区分是否还应该显示默认名称）
+    const hasUserModified = ref(false);
+    // val
+    const val = computed({
+      get() {
+        // 如果正在编辑且用户已经修改过，则直接显示 name.value（即使为空）
+        if (isEdit.value && hasUserModified.value) {
+          return name.value;
+        }
+        return displayName.value;
+      },
+      set(val) {
+        hasUserModified.value = true; // 标记用户已经修改
+        const trimmedVal = val.trim();
+        if (name.value !== trimmedVal) {
+          name.value = trimmedVal;
+          emit('update:value', trimmedVal);
+        }
+      }
+    });
+    // 开启编辑
+    const onEditName = () => {
+      // oldVal.value = val.value;
+      isEdit.value = true;
+      hasUserModified.value = false; // 重置修改标记
+      nextTick(() => {
+        nameInputRef.value.focus();
+        nameInputRef.value.select();
+      });
+    };
+    // 保存编辑
+    const onSaveName = async () => {
+      // 只有当名称不为空且不是使用默认名称时才保存
+      if (name.value && name.value.trim()) {
+        isSaving.value = true;
+        try {
+          // await props.save(name.value);
+          emit('update:value', name.value);
+        } finally {
+          isSaving.value = false;
+        }
+      }
+      isEdit.value = false;
+      hasUserModified.value = false; // 重置修改标记
+    };
+    // 触发保存
+    const onBlurOrEnter = () => {
+      if (isEdit.value) {
+        if (isError.value === true) {
+          nextTick(() => {
+            nameInputRef.value.focus();
+            nameInputRef.value.select();
+          });
+          return;
+        }
+        onSaveName();
+        isEdit.value = false;
+      }
+    };
+    // 点击外面时，关闭编辑
+    onClickOutside(nameInputRef, async () => {
+      onBlurOrEnter();
+    });
+    const onChange = () => {
+      // c.state.modified = true;
+      // store.isChanged = true;
+      emit('change');
+    };
+    return {
+      ns,
+      isEdit,
+      isError,
+      isSaving,
+      val,
+      nameInputRef,
+      onEditName,
+      onBlurOrEnter,
+      onChange
+    };
+  },
+  render() {
+    return createVNode("div", {
+      "class": this.ns.b()
+    }, [createVNode("div", {
+      "class": [this.ns.e('name'), this.ns.is('hidden', this.isEdit)],
+      "title": this.val,
+      "onDblclick": this.onEditName
+    }, [this.val]), createVNode("div", {
+      "class": [this.ns.e('input'), this.ns.is('hidden', !this.isEdit)]
+    }, [this.isSaving ? createVNode(resolveComponent("loading-outlined"), null, null) : null, createVNode(resolveComponent("a-input"), {
+      "value": this.val,
+      "onUpdate:value": $event => this.val = $event,
+      "ref": "nameInputRef",
+      "size": "small",
+      "bordered": false,
+      "onBlur": this.onBlurOrEnter,
+      "onPressEnter": this.onBlurOrEnter,
+      "disabled": this.isSaving,
+      "onChange": this.onChange
+    }, null), createVNode("div", {
+      "class": [this.ns.e('error-info'), this.ns.is('hidden', !this.isError)]
+    }, [`最大${this.max}字`])]), createVNode("div", {
+      "class": [this.ns.e('edit'), this.ns.is('hidden', this.isEdit)],
+      "onClick": this.onEditName
+    }, [createVNode("i", {
+      "class": "iconfont icon-bianji"
+    }, null)])]);
+  }
+});
+
+export { ModalNameEditor };

package/es/components/user-occupy/index.d.ts

@@ -0,0 +1,4 @@
+import { default as UserLock } from './user-lock.vue';
+import { default as UserOccupy } from './user-occupy.vue';
+export { UserLock, UserOccupy };
+export { useUserOccupy } from './useUserOccupy';

package/es/components/user-occupy/occupy.const.d.ts

@@ -0,0 +1,4 @@
+/**
+ * occupy 的 mqtt 唯一实例的 key 标识
+ */
+export declare const OCCUPY_MQTT_KEY = "occupy_mqtt_key";

package/es/components/user-occupy/occupy.const.mjs

@@ -0,0 +1,3 @@
+const OCCUPY_MQTT_KEY = "occupy_mqtt_key";
+
+export { OCCUPY_MQTT_KEY };

package/es/components/user-occupy/useUserOccupy.d.ts

@@ -0,0 +1,38 @@
+import { PageOccupyResponse } from '@gct-paas/api/apaas';
+import { DebouncedFunc } from 'lodash-es';
+import { getGetPageOccupyMsgQuery } from '@gct-paas/api/apaas/apis/designer-lock.service';
+interface IUserLockInfo {
+    id?: string;
+    name?: string;
+}
+export declare function useUserOccupy(): {
+    initOccupy: (data: getGetPageOccupyMsgQuery) => void;
+    loadOccupyInfo: () => Promise<void>;
+    occupyInfo: import('vue').Ref<{
+        cacheNum?: number | undefined;
+        id?: string | undefined;
+        occupyId?: string | undefined;
+        occupyName?: string | undefined;
+        querySpanNum?: number | undefined;
+    }, PageOccupyResponse | {
+        cacheNum?: number | undefined;
+        id?: string | undefined;
+        occupyId?: string | undefined;
+        occupyName?: string | undefined;
+        querySpanNum?: number | undefined;
+    }>;
+    occupy: DebouncedFunc<() => Promise<void>>;
+    cancelOccupy: () => Promise<void>;
+    setLockInfo: (data: IUserLockInfo) => void;
+    lockInfo: import('vue').Ref<{
+        id?: string | undefined;
+        name?: string | undefined;
+    }, IUserLockInfo | {
+        id?: string | undefined;
+        name?: string | undefined;
+    }>;
+    unlockAvailable: import('vue').ComputedRef<boolean>;
+    lock: () => Promise<void>;
+    unlock: () => Promise<void>;
+};
+export {};

package/es/components/user-occupy/useUserOccupy.mjs

@@ -0,0 +1,218 @@
+import { ref, computed, createVNode } from 'vue';
+import { throttle } from 'lodash-es';
+import { Modal } from 'ant-design-vue';
+import { ExclamationCircleOutlined } from '@ant-design/icons-vue';
+import { ScriptTypeEnum, PageTypeEnum } from '../../constant/page-designer.mjs';
+import { t } from '@gct-paas/core';
+import '../../hooks/design-view/design-state.mjs';
+import '../../hooks/design-view/layout/useScope.mjs';
+import '../../hooks/design-view/global/useGlobal.mjs';
+import '../../schema/modal/modal.mjs';
+import '../../schema/common-config/common-style.mjs';
+import '../../schema/common-config/display-editor-config.mjs';
+import '../../schema/common-config/common-field-editor-config.mjs';
+import '../../schema/common-config/base-button-config.mjs';
+import '../../schema/common-config/permission-editor-config.mjs';
+import '../../schema/common-config/button-editor-config.mjs';
+import '../../schema/common-config/formItem-editor-config.mjs';
+import '@gct-paas/schema';
+import '@vueuse/core';
+import '../../hooks/develop/useCacheHistory.mjs';
+import './user-occupy.css';import './user-lock.css';import '../field-transfer/components/field-transfer-modal.css';import '../field-transfer/less/AdvancedTransfer.css';import '../field-transfer/less/TransferTree.css';import '../field-transfer/less/TreeItem.css';import '../field-cascader/src/FieldCascader.css';import '../design-view-layout/design-view-layout.css';import '../modal-name-editor/modal-name-editor.css';import '../design-step-check/design-step-check.css';import '../design-save-tip/design-save-tip.css';import '../mobile-container/mobile-container.css';import '../design-icon-button/design-icon-button.css';import '../editor/style/font-editor/align-group.css';import '../editor/style/font-editor/font-style-group.css';import '../editor/style/position-editor/position-editor.css';import '../editor/style/spacing-editor/spacing-editor.css';import '../editor/style/border-editor/border-editor.css';import '../editor/style/border-editor/border-radius.css';import '../editor/style/border-editor/border-box.css';/* empty css                                            */
+/* empty css                                               */
+/* empty css                                               */
+/* empty css                                                 */
+import '../icon/upleft-icon.vue.mjs';
+import '../icon/downleft-icon.vue.mjs';
+import '../icon/downright-icon.vue.mjs';
+import '../icon/upright-icon.vue.mjs';
+/* empty css                                                   */
+import '../editor/style/font-editor/util.mjs';
+/* empty css                                                */
+/* empty css                                           */
+/* empty css                                             */
+import 'dayjs';
+/* empty css                                         */
+/* empty css                                       */
+/* empty css                                           */
+/* empty css                                           */
+/* empty css                                             */
+import '../field-cascader/src/hooks.mjs';
+/* empty css                                        */
+import '@gct-paas/core-web';
+import '../field-transfer/components/Cascader/FieldCascader.mjs';
+/* empty css                                    */
+/* empty css                                        */
+/* empty css                                            */
+/* empty css                                                     */
+/* empty css                */
+/* empty css                  */
+import '../../hooks/design-view/widget/useSelectedWidget.mjs';
+import '../../utils/begin-drag/begin-drag.mjs';
+import 'axios';
+import '../../utils/design-view/index.mjs';
+import '../../utils/field-attrs/basicAttrs.mjs';
+import '../../utils/field-filter/index.mjs';
+import '../../utils/find-deep-types/find-deep-types.mjs';
+import '../../hooks/design-view/widget/useWidget.mjs';
+import { newKeyTag } from '../../hooks/design-view/page/usePage.mjs';
+import '../../hooks/design-view/page/usePageOccupy.mjs';
+import '../../hooks/design-view/layout/useToolkit.mjs';
+import '../../hooks/use-model-field/use-model-field.mjs';
+import 'qx-util';
+import { OCCUPY_MQTT_KEY } from './occupy.const.mjs';
+
+const i18nKeyMap = {
+  [PageTypeEnum.WEB]: "sys.page",
+  [PageTypeEnum.MOBILE]: "sys.page",
+  [PageTypeEnum.PAD]: "sys.page",
+  [ScriptTypeEnum.DEFAULT]: "sys.script"
+};
+let params = {};
+function useUserOccupy() {
+  const occupyInfo = ref({});
+  const lockInfo = ref({});
+  const timeout = computed(() => {
+    return occupyInfo.value.querySpanNum * 1e3;
+  });
+  const wait = computed(() => {
+    return (occupyInfo.value.cacheNum - 10) / 2 * 1e3;
+  });
+  const unlockAvailable = computed(() => {
+    const { userId, username } = _gct.store.userInfo;
+    return lockInfo.value.id === userId || username === "admin";
+  });
+  let occupyTimer = null;
+  async function _loadOccupyInfo() {
+    if (!params.id || !params.type || params.id.startsWith(newKeyTag)) return;
+    const res = await _api.apaas.designerLock.getGetPageOccupyMsg(
+      params
+    );
+    const data = {
+      ...res
+    };
+    if (!data.querySpanNum) data.querySpanNum = 120;
+    if (!data.cacheNum) data.cacheNum = 500;
+    occupyInfo.value = data;
+    if (res?.occupyId) {
+      destoryOccupyTimer();
+    } else if (!occupyTimer) {
+      occupyTimer = setInterval(() => {
+        _loadOccupyInfo();
+      }, timeout.value);
+    }
+  }
+  function destoryOccupyTimer() {
+    console.log("【销毁占用轮询】");
+    if (!occupyTimer) return;
+    console.log("【销毁占用轮询 清除定时器】");
+    clearInterval(occupyTimer);
+    occupyTimer = null;
+  }
+  function initMqttOccupy(data) {
+    const CLEAN_CACHE = `CLEAN_CACHE`;
+    const mqttClient = _gct.mqtt.create(OCCUPY_MQTT_KEY, {
+      username: _gct.store.userInfo?.mqttProperties?.username,
+      password: _gct.store.userInfo?.mqttProperties?.password,
+      will: {
+        topic: `CANCELOCCUPY/${_gct.store.context.aid}/${_gct.store.context.bid}`,
+        payload: JSON.stringify({
+          ...data,
+          userId: _gct.store.userInfo.userId
+        })
+      }
+    });
+    mqttClient.subscribe(CLEAN_CACHE, () => {
+      const currentUrl = window.location.href;
+      if (currentUrl.includes("?")) {
+        if (currentUrl.includes("reloadTime")) {
+          const arr = currentUrl.split("reloadTime=");
+          arr[1] = Date.now().toString();
+          window.location.href = arr.join("reloadTime=");
+        } else {
+          window.location.href = currentUrl + "&reloadTime=" + Date.now();
+        }
+      } else {
+        window.location.href = currentUrl + "?reloadTime=" + Date.now();
+      }
+      location.reload();
+    });
+  }
+  function initOccupy(data) {
+    params = data;
+    initMqttOccupy(params);
+  }
+  async function loadOccupyInfo() {
+    await _loadOccupyInfo();
+  }
+  async function _occupy() {
+    if (!params.id || !params.type) return;
+    if (lockInfo.value.id) return;
+    if (_gct.store.userInfo.userId !== occupyInfo.value.occupyId && occupyInfo.value.occupyId)
+      return;
+    try {
+      await _api.apaas.designerLock.getGetPageOccupyMsg(params);
+    } catch (err) {
+      console.warn("【占用异常】", err);
+    } finally {
+      await _loadOccupyInfo();
+    }
+  }
+  const occupy = throttle(
+    _occupy,
+    wait.value,
+    {
+      trailing: false
+    }
+  );
+  async function cancelOccupy() {
+    if (!params.id || !params.type) return;
+    if (lockInfo.value.id) return;
+    occupy.cancel();
+    await _api.apaas.designerLock.postCancelOccupyPage(params);
+    await _loadOccupyInfo();
+  }
+  function setLockInfo(data) {
+    lockInfo.value = data;
+  }
+  async function lock() {
+    if (occupyInfo.value.occupyId) return;
+    if (lockInfo.value.id) return;
+    Modal.confirm({
+      title: t("sys.sureToLockSth", { sth: t(i18nKeyMap[params.type]) }),
+      icon: createVNode(ExclamationCircleOutlined),
+      okText: t("sys.ok"),
+      cancelText: t("sys.cancel"),
+      async onOk() {
+        await _api.apaas.designerLock.postLockPage(params);
+        _gct.message.success(t("sys.operationSuccess"));
+        lockInfo.value = {
+          id: _gct.store.userInfo.userId,
+          name: _gct.store.userInfo.fullname
+        };
+      }
+    });
+  }
+  async function unlock() {
+    await _api.apaas.designerLock.postUnLockPage(params);
+    _gct.message.success(t("sys.operationSuccess"));
+    lockInfo.value = {
+      id: "",
+      name: ""
+    };
+  }
+  return {
+    initOccupy,
+    loadOccupyInfo,
+    occupyInfo,
+    occupy,
+    cancelOccupy,
+    setLockInfo,
+    lockInfo,
+    unlockAvailable,
+    lock,
+    unlock
+  };
+}
+
+export { useUserOccupy };

package/es/components/user-occupy/user-lock.css

@@ -0,0 +1,29 @@
+.user-lock[data-v-b40d46ff] {
+  color: rgba(255, 255, 255, 0.72);
+  cursor: pointer;
+}
+.user-lock .user-lock-info[data-v-b40d46ff] {
+  padding-right: 4px;
+  color: rgba(255, 255, 255, 0.72);
+}
+.user-lock .iconfont[data-v-b40d46ff] {
+  color: rgba(255, 255, 255, 0.72);
+  margin-right: 6px;
+  margin-left: 6px;
+}
+.user-lock[data-v-b40d46ff]:hover {
+  color: #ffffff;
+}
+.user-lock:hover .iconfont[data-v-b40d46ff],
+.user-lock:hover .user-lock-info[data-v-b40d46ff] {
+  color: #ffffff;
+}
+.user-lock.locked[data-v-b40d46ff] {
+  color: #ff8c4b;
+}
+.user-lock.locked .iconfont[data-v-b40d46ff] {
+  color: #ff8c4b;
+}
+.user-lock.locked .user-lock-info[data-v-b40d46ff] {
+  color: #ffffff;
+}

package/es/components/user-occupy/user-lock.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+export default _default;

package/es/components/user-occupy/user-lock.vue.mjs

@@ -0,0 +1,7 @@
+import _sfc_main from './user-lock.vue3.mjs';
+import './user-lock.css';/* empty css                */
+import _export_sfc from '../../_virtual/_plugin-vue_export-helper.mjs';
+
+const userLock = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-b40d46ff"]]);
+
+export { userLock as default };

package/es/components/user-occupy/user-lock.vue3.mjs

@@ -0,0 +1,35 @@
+import { defineComponent, openBlock, createElementBlock, normalizeClass, unref, Fragment, createElementVNode, toDisplayString, createCommentVNode } from 'vue';
+import { t } from '@gct-paas/core';
+import { useUserOccupy } from './useUserOccupy.mjs';
+
+const _hoisted_1 = { class: "user-lock-info" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "user-lock",
+  setup(__props) {
+    const { lockInfo, lock, unlock, unlockAvailable } = useUserOccupy();
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["user-lock", { locked: unref(lockInfo).id }])
+      }, [
+        unref(lockInfo).id ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+          createElementVNode("span", _hoisted_1, toDisplayString(unref(lockInfo).name + unref(t)("sys.pageDesigner.locked")), 1),
+          unref(unlockAvailable) ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+            _cache[2] || (_cache[2] = createElementVNode("i", { class: "iconfont icon-Lock mr-6px" }, null, -1)),
+            createElementVNode("span", {
+              onClick: _cache[0] || (_cache[0] = //@ts-ignore
+              (...args) => unref(unlock) && unref(unlock)(...args))
+            }, toDisplayString(unref(t)("sys.pageDesigner.unlock")), 1)
+          ], 64)) : createCommentVNode("", true)
+        ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+          _cache[3] || (_cache[3] = createElementVNode("i", { class: "iconfont icon-Unlock" }, null, -1)),
+          createElementVNode("span", {
+            onClick: _cache[1] || (_cache[1] = //@ts-ignore
+            (...args) => unref(lock) && unref(lock)(...args))
+          }, toDisplayString(unref(t)("sys.pageDesigner.lock")), 1)
+        ], 64))
+      ], 2);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/es/components/user-occupy/user-occupy.css

@@ -0,0 +1,25 @@
+.gct-svg-icon[data-v-24cb9749] {
+  margin-right: 8px;
+  font-size: 16px;
+}
+.user-occupy[data-v-24cb9749] {
+  color: #fff;
+  display: flex;
+  align-items: center;
+  line-height: 1em;
+  font-size: 12px;
+}
+.user-occupy__username[data-v-24cb9749] {
+  color: var(--ant-primary-color);
+  display: inline-block;
+  white-space: nowrap;
+  overflow: hidden;
+  vertical-align: bottom;
+}
+.user-occupy .iconfont[data-v-24cb9749] {
+  margin-right: 6px;
+}
+.designer-stage .user-occupy[data-v-24cb9749],
+.so-toolbar .user-occupy[data-v-24cb9749] {
+  color: #5c616a;
+}

package/es/components/user-occupy/user-occupy.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/es/components/user-occupy/user-occupy.vue.mjs

@@ -0,0 +1,7 @@
+import _sfc_main from './user-occupy.vue3.mjs';
+import './user-occupy.css';/* empty css                  */
+import _export_sfc from '../../_virtual/_plugin-vue_export-helper.mjs';
+
+const userOccupy = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-24cb9749"]]);
+
+export { userOccupy as default };

package/es/components/user-occupy/user-occupy.vue3.mjs

@@ -0,0 +1,36 @@
+import { defineComponent, computed, resolveComponent, unref, openBlock, createElementBlock, createVNode, createTextVNode, toDisplayString, createElementVNode, createCommentVNode } from 'vue';
+import { t } from '@gct-paas/core';
+import { useUserOccupy } from './useUserOccupy.mjs';
+
+const _hoisted_1 = {
+  key: 0,
+  class: "user-occupy"
+};
+const _hoisted_2 = ["title"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "user-occupy",
+  setup(__props) {
+    const { occupyInfo } = useUserOccupy();
+    const truncatedName = computed(() => {
+      if (!occupyInfo.value.occupyName) return "";
+      if (occupyInfo.value.occupyName.length <= 12) {
+        return occupyInfo.value.occupyName;
+      }
+      return occupyInfo.value.occupyName.substring(0, 12) + "...";
+    });
+    return (_ctx, _cache) => {
+      const _component_svg_icon = resolveComponent("svg-icon");
+      return unref(occupyInfo).occupyId ? (openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(_component_svg_icon, { src: "/assets/design-view/icon_shejizhong.svg" }),
+        createTextVNode(" " + toDisplayString(unref(t)("sys.user")) + " ", 1),
+        createElementVNode("span", {
+          class: "user-occupy__username",
+          title: unref(occupyInfo).occupyName
+        }, toDisplayString(truncatedName.value), 9, _hoisted_2),
+        createTextVNode(" " + toDisplayString(unref(t)("sys.pageDesigner.designing")) + "... ", 1)
+      ])) : createCommentVNode("", true);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/es/constant/design-editor-type.d.ts

@@ -0,0 +1,50 @@
+/**
+ * 设计器编辑器类型
+ *
+ * @author lingxiaoming
+ * @date 2024-07-17 04:29:23
+ * @export
+ * @enum {number}
+ */
+export declare enum DesignEditorType {
+    /**
+     * 图片上传编辑器
+     */
+    UPLOAD_IMAGE = "upload-image",
+    /**
+     * 文件上传编辑器
+     */
+    UPLOAD_FILE = "upload-file",
+    /**
+     * 定位编辑器
+     */
+    STYLE_POSITION = "style-position",
+    /**
+     * 文本编辑器
+     */
+    STYLE_FONT = "style-font",
+    /**
+     * 边距编辑器
+     */
+    STYLE_SPACING = "style-spacing",
+    /**
+     * 边框编辑器
+     */
+    STYLE_BORDER = "style-border",
+    /**
+     * 子项编辑器
+     */
+    CHILD_LIST_EDITOR = "chid-list-editor",
+    /**
+     * 自定义导航菜单项编辑器
+     */
+    CUSTOM_EXP_MENU = "custom-exp-menu",
+    /**
+     * 自定义导航菜单预置系统页面选择器
+     */
+    SYSTEM_PAGE_SELECT = "system-page-select",
+    /**
+     * 字段值标签样式配置
+     */
+    CONTENT_TAG_STYLE = "content-tag-style"
+}

package/es/constant/design-editor-type.mjs

@@ -0,0 +1,15 @@
+var DesignEditorType = /* @__PURE__ */ ((DesignEditorType2) => {
+  DesignEditorType2["UPLOAD_IMAGE"] = "upload-image";
+  DesignEditorType2["UPLOAD_FILE"] = "upload-file";
+  DesignEditorType2["STYLE_POSITION"] = "style-position";
+  DesignEditorType2["STYLE_FONT"] = "style-font";
+  DesignEditorType2["STYLE_SPACING"] = "style-spacing";
+  DesignEditorType2["STYLE_BORDER"] = "style-border";
+  DesignEditorType2["CHILD_LIST_EDITOR"] = "chid-list-editor";
+  DesignEditorType2["CUSTOM_EXP_MENU"] = "custom-exp-menu";
+  DesignEditorType2["SYSTEM_PAGE_SELECT"] = "system-page-select";
+  DesignEditorType2["CONTENT_TAG_STYLE"] = "content-tag-style";
+  return DesignEditorType2;
+})(DesignEditorType || {});
+
+export { DesignEditorType };