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

package/es/components/mobile-container/mobile-container.mjs

@@ -1,81 +1,42 @@
-import { defineComponent, createVNode, ref } from 'vue';
-import dayjs from 'dayjs';
-import { CloseOutlined } from '@ant-design/icons-vue';
-import { useNamespace } from '@gct-paas/core';
 import './mobile-container.css';/* empty css                       */
-
-const MobileContainer = /* @__PURE__ */ defineComponent({
-  name: 'MobileContainer',
-  props: {
-    headerBgColor: {
-      type: Boolean,
-      default: false
-    },
-    showTitleBar: {
-      type: Boolean,
-      default: true
-    },
-    title: {
-      type: String
-      // TODO: 待实现
-      // default: () => gct.appInfo.name,
-    }
-  },
-  setup() {
-    const ns = useNamespace('mobile-container');
-    const time = ref(dayjs().format('HH:mm'));
-    return {
-      ns,
-      time
-    };
-  },
-  render() {
-    return createVNode("div", {
-      "class": this.ns.b()
-    }, [createVNode("div", {
-      "class": this.ns.b('phone')
-    }, [createVNode("div", {
-      "class": this.ns.b('phone-header')
-    }, [createVNode("div", {
-      "class": this.ns.be('phone-header', 'left')
-    }, [createVNode("span", {
-      "class": this.ns.be('phone-header', 'time')
-    }, [this.time])]), createVNode("div", {
-      "class": this.ns.be('phone-header', 'right')
-    }, [createVNode("span", {
-      "class": this.ns.be('phone-header', 'signal')
-    }, [createVNode("i", {
-      "class": "iconfont icon-xinhao_signal"
-    }, null)]), createVNode("span", {
-      "class": this.ns.be('phone-header', 'wifi')
-    }, [createVNode("i", {
-      "class": "iconfont icon-wuxianwangluo_wifi"
-    }, null)]), createVNode("span", {
-      "class": this.ns.be('phone-header', 'battery')
-    }, [createVNode("i", {
-      "class": "iconfont icon-dianchi"
-    }, null)])])]), createVNode("div", {
-      "class": [this.ns.b('phone-content')]
-    }, [this.showTitleBar !== false ? createVNode("div", {
-      "class": [this.ns.b('phone-app-header'), this.ns.is('bg-color', this.headerBgColor)]
-    }, [createVNode("div", {
-      "class": this.ns.be('phone-app-header', 'right')
-    }, [createVNode("span", {
-      "class": this.ns.be('phone-app-header', 'back')
-    }, [createVNode("i", {
-      "class": "iconfont icon-a-Leftarrow"
-    }, null)])]), createVNode("div", {
-      "class": this.ns.be('phone-app-header', 'center')
-    }, [createVNode("span", {
-      "class": this.ns.be('phone-app-header', 'text')
-    }, [this.title])]), createVNode("div", {
-      "class": this.ns.be('phone-app-header', 'right')
-    }, [createVNode("span", {
-      "class": this.ns.be('phone-app-header', 'close')
-    }, [createVNode(CloseOutlined, null, null)])])]) : null, createVNode("div", {
-      "class": [this.ns.b('phone-app-content'), this.ns.is('hidden-title-bar', !(this.showTitleBar !== false))]
-    }, [this.$slots.default?.()])])])]);
-  }
+import { useNamespace } from "@gct-paas/core";
+import { createVNode, defineComponent, ref } from "vue";
+import { CloseOutlined } from "@ant-design/icons-vue";
+import dayjs from "dayjs";
+//#region src/components/mobile-container/mobile-container.tsx
+var MobileContainer = /* @__PURE__ */ defineComponent({
+	name: "MobileContainer",
+	props: {
+		headerBgColor: {
+			type: Boolean,
+			default: false
+		},
+		showTitleBar: {
+			type: Boolean,
+			default: true
+		},
+		title: {
+			type: String,
+			default: () => _gct.store.appInfo.name
+		}
+	},
+	setup() {
+		return {
+			ns: useNamespace("mobile-container"),
+			time: ref(dayjs().format("HH:mm"))
+		};
+	},
+	render() {
+		return createVNode("div", { "class": this.ns.b() }, [createVNode("div", { "class": this.ns.b("phone") }, [createVNode("div", { "class": this.ns.b("phone-header") }, [createVNode("div", { "class": this.ns.be("phone-header", "left") }, [createVNode("span", { "class": this.ns.be("phone-header", "time") }, [this.time])]), createVNode("div", { "class": this.ns.be("phone-header", "right") }, [
+			createVNode("span", { "class": this.ns.be("phone-header", "signal") }, [createVNode("i", { "class": "iconfont icon-xinhao_signal" }, null)]),
+			createVNode("span", { "class": this.ns.be("phone-header", "wifi") }, [createVNode("i", { "class": "iconfont icon-wuxianwangluo_wifi" }, null)]),
+			createVNode("span", { "class": this.ns.be("phone-header", "battery") }, [createVNode("i", { "class": "iconfont icon-dianchi" }, null)])
+		])]), createVNode("div", { "class": [this.ns.b("phone-content")] }, [this.showTitleBar !== false ? createVNode("div", { "class": [this.ns.b("phone-app-header"), this.ns.is("bg-color", this.headerBgColor)] }, [
+			createVNode("div", { "class": this.ns.be("phone-app-header", "right") }, [createVNode("span", { "class": this.ns.be("phone-app-header", "back") }, [createVNode("i", { "class": "iconfont icon-a-Leftarrow" }, null)])]),
+			createVNode("div", { "class": this.ns.be("phone-app-header", "center") }, [createVNode("span", { "class": this.ns.be("phone-app-header", "text") }, [this.title])]),
+			createVNode("div", { "class": this.ns.be("phone-app-header", "right") }, [createVNode("span", { "class": this.ns.be("phone-app-header", "close") }, [createVNode(CloseOutlined, null, null)])])
+		]) : null, createVNode("div", { "class": [this.ns.b("phone-app-content"), this.ns.is("hidden-title-bar", !(this.showTitleBar !== false))] }, [this.$slots.default?.()])])])]);
+	}
 });
-
+//#endregion
 export { MobileContainer };

package/es/components/modal-name-editor/modal-name-editor.d.ts

@@ -21,7 +21,7 @@ export declare const ModalNameEditor: import('vue').DefineComponent<import('vue'
     onEditName: () => void;
     onBlurOrEnter: () => void;
     onChange: () => void;
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("change" | "update:value")[], "change" | "update:value", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("update:value" | "change")[], "update:value" | "change", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     value: {
         type: StringConstructor;
         default: string;
@@ -35,8 +35,8 @@ export declare const ModalNameEditor: import('vue').DefineComponent<import('vue'
         default: number;
     };
 }>> & Readonly<{
-    onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:value"?: ((...args: any[]) => any) | undefined;
+    onChange?: ((...args: any[]) => any) | undefined;
 }>, {
     value: string;
     max: number;

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

@@ -1,174 +1,135 @@
-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)])]);
-  }
+import { useNamespace } from "@gct-paas/core";
+import { computed, createVNode, defineComponent, nextTick, ref, resolveComponent, watch } from "vue";
+import { onClickOutside } from "@vueuse/core";
+//#region src/components/modal-name-editor/modal-name-editor.tsx
+var ModalNameEditor = /* @__PURE__ */ defineComponent({
+	name: "ModalNameEditor",
+	props: {
+		value: {
+			type: String,
+			default: "未命名"
+		},
+		defaultName: {
+			type: String,
+			default: "未命名名称"
+		},
+		max: {
+			type: Number,
+			default: 100
+		}
+	},
+	emits: ["update:value", "change"],
+	setup(props, { emit }) {
+		const ns = useNamespace("modal-name-editor");
+		const isEdit = ref(false);
+		const nameInputRef = ref();
+		const name = ref(props.value);
+		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);
+		const val = computed({
+			get() {
+				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 = () => {
+			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 {
+					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 = () => {
+			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)])
+		]);
+	}
 });
-
+//#endregion
 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/index.mjs

@@ -0,0 +1,3 @@
+import "./useUserOccupy.mjs";
+import "./user-lock.vue.mjs";
+import "./user-occupy.vue.mjs";

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,7 @@
+//#region src/components/user-occupy/occupy.const.ts
+/**
+* occupy 的 mqtt 唯一实例的 key 标识
+*/
+var OCCUPY_MQTT_KEY = "occupy_mqtt_key";
+//#endregion
+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 {};