@gct-paas/design 0.1.6-dev.3 → 0.1.6-dev.30

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

@@ -1,117 +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-modal-name-editor__name {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  max-width: 300px;
-}
-
-.gct-modal-name-editor.is-edit {
-  cursor: default;
-}
-
-.gct-modal-name-editor__input {
-  display: flex;
-  position: relative;
-  align-items: center;
-}
-.gct-modal-name-editor__input .anticon-loading {
-  margin-right: var(--gct-spacing-4);
-}
-.gct-modal-name-editor__input .ant-input.ant-input-sm {
-  padding: 0;
-  color: rgb(var(--gct-color-text-1));
-}
-.gct-modal-name-editor__input .ant-input.ant-input-sm.ant-input-disabled {
-  background-color: transparent;
-}
-.gct-modal-name-editor__input .ant-input[disabled] {
-  color: rgb(var(--gct-color-text-1));
-}
-
-.gct-modal-name-editor__error-info {
-  font-size: 12px;
-  line-height: 16px;
-  position: absolute;
-  z-index: 10000;
-  top: 24px;
-  padding: var(--gct-padding-2);
-  border-radius: var(--gct-border-radius-s);
-  background-color: var(--gct-color-danger-light-hover);
-  color: var(--gct-color-danger-hover);
-}
-
-.gct-modal-name-editor__edit {
-  margin-left: var(--gct-spacing-4);
-  color: rgb(var(--gct-colo-text-1));
-}
-
-.gct-modal-name-editor {
-  display: flex;
-  align-items: center;
-  height: 22px;
-  cursor: pointer;
-}

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

@@ -1,34 +0,0 @@
-export declare const ModalNameEditor: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-    value: {
-        type: StringConstructor;
-        default: string;
-    };
-    defaultName: {
-        type: StringConstructor;
-        default: string;
-    };
-    max: {
-        type: NumberConstructor;
-        default: number;
-    };
-}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("change" | "update:value")[], "change" | "update:value", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    value: {
-        type: StringConstructor;
-        default: string;
-    };
-    defaultName: {
-        type: StringConstructor;
-        default: string;
-    };
-    max: {
-        type: NumberConstructor;
-        default: number;
-    };
-}>> & Readonly<{
-    onChange?: ((...args: any[]) => any) | undefined;
-    "onUpdate:value"?: ((...args: any[]) => any) | undefined;
-}>, {
-    value: string;
-    defaultName: string;
-    max: number;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

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

@@ -1,124 +0,0 @@
-import './modal-name-editor.css';/* empty css                        */
-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 () => {
-			return createVNode("div", { "class": ns.b() }, [
-				createVNode("div", {
-					"class": [ns.e("name"), ns.is("hidden", isEdit.value)],
-					"title": val.value,
-					"onDblclick": onEditName
-				}, [val.value]),
-				createVNode("div", { "class": [ns.e("input"), ns.is("hidden", !isEdit.value)] }, [
-					isSaving.value ? createVNode(resolveComponent("loading-outlined"), null, null) : null,
-					createVNode(resolveComponent("a-input"), {
-						"value": val.value,
-						"onUpdate:value": ($event) => val.value = $event,
-						"ref": nameInputRef,
-						"size": "small",
-						"bordered": false,
-						"onBlur": onBlurOrEnter,
-						"onPressEnter": onBlurOrEnter,
-						"disabled": isSaving.value,
-						"onChange": onChange
-					}, null),
-					createVNode("div", { "class": [ns.e("error-info"), ns.is("hidden", !isError.value)] }, [`最大${props.max}字`])
-				]),
-				createVNode("div", {
-					"class": [ns.e("edit"), ns.is("hidden", isEdit.value)],
-					"onClick": onEditName
-				}, [createVNode("i", { "class": "iconfont icon-bianji" }, null)])
-			]);
-		};
-	}
-});
-//#endregion
-export { ModalNameEditor };

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

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

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

@@ -1,7 +0,0 @@
-//#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/user-lock.vue_vue_type_style_index_0_scoped_b40d46ff_lang.css

@@ -1,29 +0,0 @@
-.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/hooks/develop/useKeyParser.d.ts

@@ -1,16 +0,0 @@
-import { Ref } from 'vue';
-/**
- * key值转换器
- * @param prefix 前缀
- * @param suffix 后缀 仅空字符串代表不需要后缀
- * @returns
- */
-export declare function useKeyParser(prefix: Ref<string | undefined> | string, suffix?: Ref<string | undefined> | string): {
-    keyPrefix: Ref<string, string>;
-    keySuffix: Ref<string, string>;
-    keyReset: () => void;
-    keyPad: (key: string) => string | undefined;
-    keyClip: (formKey: string) => string;
-    keyPrePad: (key: string) => string | undefined;
-    keyPreClip: (formKey: string) => string;
-};

package/es/hooks/develop/useKeyParser.mjs

@@ -1,79 +0,0 @@
-import { ProjectName } from "@gct-paas/core";
-import { isRef, ref, unref, watch } from "vue";
-//#region src/hooks/develop/useKeyParser.ts
-var SourceTypeEnum = /* @__PURE__ */ function(SourceTypeEnum) {
-	SourceTypeEnum["SELF_BUILT"] = "SELF_BUILT";
-	SourceTypeEnum["IMPORT"] = "IMPORT";
-	return SourceTypeEnum;
-}(SourceTypeEnum || {});
-/**
-* key值转换器
-* @param prefix 前缀
-* @param suffix 后缀 仅空字符串代表不需要后缀
-* @returns
-*/
-function useKeyParser(prefix, suffix) {
-	const hasDollar = ref(false);
-	const upperCase = ref(false);
-	const keyPrefix = ref("");
-	const keySuffix = ref("");
-	const branchId = _gct.store.context.bid || "";
-	function keyReset() {
-		const prefixString = unref(prefix);
-		const suffixString = unref(suffix);
-		if (!prefixString) return;
-		hasDollar.value = prefixString.startsWith("$");
-		upperCase.value = /\$?[A-Z]+_/.test(prefixString);
-		keyPrefix.value = (hasDollar.value ? "$" : "") + (_gct.store.appInfo.sourceType === SourceTypeEnum.IMPORT ? upperCase.value ? "I" : "i" : "") + (hasDollar.value ? prefixString.substring(1) : prefixString) + (prefixString.endsWith("_") ? "" : "_");
-		keySuffix.value = suffixString === "" ? "" : _gct.store.projectName === ProjectName.WEB_RENDER ? "" : branchId ? "_" + (upperCase.value ? branchId.toUpperCase() : branchId) : "";
-	}
-	keyReset();
-	if (isRef(prefix)) watch(prefix, () => {
-		keyReset();
-	});
-	if (isRef(suffix)) watch(suffix, () => {
-		keyReset();
-	});
-	/**
-	* 补全key信息 包含 导入信息 模块信息 分支信息
-	* @param key
-	* @returns
-	*/
-	function keyPad(key) {
-		if (!key) return;
-		return `${keyPrefix.value}${key}${keySuffix.value}`;
-	}
-	/**
-	* 裁剪key
-	* @param key
-	*/
-	function keyClip(formKey) {
-		const id = unref(prefix).match(/\$?(([a-zA-Z]+_)*[a-zA-Z]+)_?/)[1];
-		const prefixPos = formKey.indexOf(id) + id.length;
-		const suffixPos = !keySuffix.value || unref(suffix) === "" ? formKey.length : formKey.lastIndexOf("_");
-		keyPrefix.value = formKey.substring(0, prefixPos + 1);
-		keySuffix.value = formKey.substring(suffixPos);
-		return formKey.substring(prefixPos + 1, suffixPos);
-	}
-	function keyPreClip(formKey) {
-		const id = unref(prefix).match(/\$?(([a-zA-Z]+_)*[a-zA-Z]+)_?/)[1];
-		const prefixPos = formKey.indexOf(id) + id.length;
-		keyPrefix.value = formKey.substring(0, prefixPos + 1);
-		return formKey.substring(prefixPos + 1);
-	}
-	function keyPrePad(key) {
-		if (!key) return;
-		return `${keyPrefix.value}${key}`;
-	}
-	return {
-		keyPrefix,
-		keySuffix,
-		keyReset,
-		keyPad,
-		keyClip,
-		keyPrePad,
-		keyPreClip
-	};
-}
-//#endregion
-export { useKeyParser };

package/es/interface/i-view-step/i-view-step.d.ts

@@ -1,32 +0,0 @@
-/**
- * 设计视图步骤接口
- *
- * @export
- * @interface IViewStep
- */
-export interface IViewStep {
-    /**
-     * 步骤标识符
-     *
-     * @type {string}
-     */
-    tag: string;
-    /**
-     * 步骤名称
-     *
-     * @type {string}
-     */
-    name: string;
-    /**
-     * 步骤图标（只支持 svg）
-     *
-     * @type {string}
-     */
-    icon?: string;
-    /**
-     * 步骤描述
-     *
-     * @type {string}
-     */
-    description?: string;
-}