@gct-paas/core-web 0.1.6-dev.16 → 0.1.6-dev.18

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

@@ -0,0 +1,117 @@
+@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 {
+  position: relative;
+  display: flex;
+  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;
+  top: 24px;
+  z-index: 10000;
+  padding: var(--gct-padding-2);
+  color: var(--gct-color-danger-hover);
+  background-color: var(--gct-color-danger-light-hover);
+  border-radius: var(--gct-border-radius-s);
+}
+
+.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

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

@@ -0,0 +1,124 @@
+import './modal-name-editor.css';/* empty css                        */
+import { computed, createVNode, defineComponent, nextTick, ref, resolveComponent, watch } from "vue";
+import { useNamespace } from "@gct-paas/core";
+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/number-range/number-range.vue.mjs

@@ -1,7 +1,7 @@
 import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export-helper.mjs";
 import number_range_vue_vue_type_script_setup_true_lang_default from "./number-range.vue_vue_type_script_setup_true_lang.mjs";
-import './number-range.vue_vue_type_style_index_0_scoped_283a5280_lang.css';/* empty css                                                                   */
+import './number-range.vue_vue_type_style_index_0_scoped_9970d677_lang.css';/* empty css                                                                   */
 //#region src/components/number-range/number-range.vue
-var number_range_default = /* @__PURE__ */ _plugin_vue_export_helper_default(number_range_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-283a5280"]]);
+var number_range_default = /* @__PURE__ */ _plugin_vue_export_helper_default(number_range_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-9970d677"]]);
 //#endregion
 export { number_range_default as default };

package/es/components/number-range/number-range.vue_vue_type_script_setup_true_lang.mjs

@@ -69,7 +69,7 @@ var number_range_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ d
 					"precision",
 					"placeholder"
 				]),
-				createElementVNode("div", _hoisted_2, [renderSlot(_ctx.$slots, "middle-text", {}, () => [createTextVNode(toDisplayString(_ctx.$t("sys.webRender.to")), 1)], true)]),
+				createElementVNode("div", _hoisted_2, [renderSlot(_ctx.$slots, "middle-text", {}, () => [createTextVNode(toDisplayString(unref(t)("sys.webRender.to")), 1)], true)]),
 				createVNode(_component_a_input_number, {
 					value: __props.rangeMax,
 					min: 0,

package/es/components/number-range/{number-range.vue_vue_type_style_index_0_scoped_283a5280_lang.css → number-range.vue_vue_type_style_index_0_scoped_9970d677_lang.css}

@@ -1,8 +1,8 @@
-.range-box[data-v-283a5280] {
+.range-box[data-v-9970d677] {
   display: flex;
   align-items: center;
 }
-.range-box .text[data-v-283a5280] {
+.range-box .text[data-v-9970d677] {
   width: 90px;
   text-align: center;
 }

package/es/components/open-select-user-modal/SelectUserContainer.vue.d.ts

@@ -0,0 +1,20 @@
+import { ModalProps } from 'ant-design-vue';
+import { SceneType } from './controller/index.ts';
+type __VLS_Props = {
+    baseProps: {
+        /** 模型key */
+        modelKey: string;
+        /** 勾选的内容 */
+        selectValues: string[];
+        showTabs: string[];
+        multiple: boolean;
+        sceneType?: SceneType;
+        /** 需要额外隐藏的id集合 */
+        hiddenKeys?: string[];
+        readonly?: boolean;
+    };
+    options?: ModalProps;
+    callback?: Fn;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/es/components/open-select-user-modal/SelectUserContainer.vue.mjs

@@ -0,0 +1,8 @@
+import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export-helper.mjs";
+import SelectUserContainer_vue_vue_type_script_setup_true_name_SelectUserContainer_lang_default from "./SelectUserContainer.vue_vue_type_script_setup_true_name_SelectUserContainer_lang.mjs";
+import './SelectUserContainer.vue_vue_type_style_index_1_lang.css';import './SelectUserContainer.vue_vue_type_style_index_0_scoped_64a9b545_lang.css';/* empty css                                                                          */
+/* empty css                                                          */
+//#region src/components/open-select-user-modal/SelectUserContainer.vue
+var SelectUserContainer_default = /* @__PURE__ */ _plugin_vue_export_helper_default(SelectUserContainer_vue_vue_type_script_setup_true_name_SelectUserContainer_lang_default, [["__scopeId", "data-v-64a9b545"]]);
+//#endregion
+export { SelectUserContainer_default as default };