@web-utils/component 5.0.0-beta02 → 5.0.0-beta04

package/x-input-tag/index.mjs

@@ -1,145 +0,0 @@
-import { t as e } from "../chunks/_plugin-vue_export-helper.7vrlOII_.mjs";
-import { Fragment as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createTextVNode as a, openBlock as o, renderList as s, resolveComponent as c, toDisplayString as l, vShow as u, withCtx as d, withDirectives as f, withKeys as p } from "vue";
-//#region src/components/XInputTag.vue
-var m = {
-	name: "XInputTag",
-	inject: {
-		elForm: { default: "" },
-		elFormItem: { default: "" }
-	},
-	props: {
-		modelValue: {
-			type: [Array, String],
-			default: () => []
-		},
-		disabled: Boolean,
-		separator: {
-			type: String,
-			default: ","
-		},
-		count: {
-			type: Boolean,
-			default: !0
-		},
-		arrayMode: {
-			type: Boolean,
-			default: !0
-		},
-		objectMode: {
-			type: Boolean,
-			default: !0
-		}
-	},
-	emits: ["update:modelValue"],
-	data() {
-		return {
-			inputVisible: !1,
-			inputValue: "",
-			maxTag: 20
-		};
-	},
-	computed: {
-		inputDisabled() {
-			return this.disabled || (this.elForm || {}).disabled;
-		},
-		tags: { get() {
-			if (this.arrayMode) {
-				var e;
-				return (e = this.modelValue) != null && e.length ? this.objectMode ? this.modelValue.map((e) => e.id > 0 ? e : {
-					...e,
-					id: Math.random()
-				}) : this.modelValue : [];
-			} else {
-				var t;
-				let e = ((t = this.modelValue) == null ? void 0 : t.split(this.separator)) || [];
-				return e.length && e[0] ? e.map((e) => this.objectMode ? {
-					name: e,
-					id: Math.random()
-				} : e) : [];
-			}
-		} }
-	},
-	methods: {
-		async showInput() {
-			this.inputVisible = !0, await this.$nextTick(), this.$refs.saveTagInput.$refs.input.focus();
-		},
-		handleClose(e) {
-			let t = this.tags.filter((t) => t !== e);
-			this.$emit("update:modelValue", this.arrayMode ? t : t.map((e) => e.name || e).join(this.separator));
-		},
-		async handleInputConfirm() {
-			if (this.tags.length >= this.maxTag) {
-				this.$message.warning({
-					message: "标签已达上限,请删除一些标签再添加！",
-					showClose: !0
-				}), this.inputVisible = !1, this.inputValue = "";
-				return;
-			}
-			let e = this.inputValue;
-			if (e) {
-				var t;
-				if (this.tags.some((t) => (t.name || t) === e)) {
-					this.inputVisible = !1, this.inputValue = "", this.$message.warning({
-						message: "标签已存在！",
-						showClose: !0
-					});
-					return;
-				}
-				let n = [...this.tags];
-				n.push(this.objectMode ? {
-					id: Date.now(),
-					name: this.inputValue
-				} : this.inputValue), this.$emit("update:modelValue", this.arrayMode ? n : n.map((e) => e.name || e).join(this.separator)), await this.$nextTick(), (t = this.elFormItem) == null || t.clearValidate();
-			}
-			this.inputVisible = !1, this.inputValue = "";
-		}
-	}
-}, h = { class: "x-input-tag" }, g = {
-	key: 1,
-	style: { color: "#b5b5b5" }
-}, _ = {
-	key: 4,
-	class: "tags-count"
-};
-function v(e, m, v, y, b, x) {
-	let S = c("ElTag"), C = c("ElInput"), w = c("ElButton");
-	return o(), i("div", h, [
-		x.tags && x.tags.length && x.tags[0] ? (o(!0), i(t, { key: 0 }, s(x.tags, (e, t) => (o(), n(S, {
-			key: e.id || e,
-			size: "default",
-			"disable-transitions": "",
-			closable: !x.inputDisabled,
-			onClose: (n) => x.handleClose(e, t)
-		}, {
-			default: d(() => [a(l(e.name || e), 1)]),
-			_: 2
-		}, 1032, ["closable", "onClose"]))), 128)) : x.inputDisabled ? (o(), i("span", g, "无")) : r("v-if", !0),
-		x.inputDisabled ? r("v-if", !0) : f((o(), n(C, {
-			key: 2,
-			ref: "saveTagInput",
-			modelValue: b.inputValue,
-			"onUpdate:modelValue": m[0] || (m[0] = (e) => b.inputValue = e),
-			class: "input-new-tag",
-			size: "default",
-			onKeyup: p(x.handleInputConfirm, ["enter"]),
-			onBlur: x.handleInputConfirm
-		}, null, 8, [
-			"modelValue",
-			"onKeyup",
-			"onBlur"
-		])), [[u, b.inputVisible]]),
-		!x.inputDisabled && !b.inputVisible ? f((o(), n(w, {
-			key: 3,
-			class: "button-new-tag",
-			size: "default",
-			onClick: x.showInput
-		}, {
-			default: d(() => [...m[1] || (m[1] = [a(" + 添加 ", -1)])]),
-			_: 1
-		}, 8, ["onClick"])), [[u, x.tags.length < b.maxTag]]) : r("v-if", !0),
-		v.count ? (o(), i("span", _, l(x.tags.length && x.tags[0] ? x.tags.length : ""), 1)) : r("v-if", !0)
-	]);
-}
-var y = /* @__PURE__ */ e(m, [["render", v]]);
-//#endregion
-export { y as default };

package/x-input-tag/style.css

@@ -1 +0,0 @@
-.el-form-item.is-error .x-input-tag{border-color:#f56c6c}.x-input-tag{border:1px solid var(--border-color);border-radius:4px;height:120px;padding-top:4px;padding-right:4px;line-height:0;overflow:auto}.x-input-tag .el-tag .el-tag__close:hover{background-color:#ee8677}.x-input-tag .el-tag,.x-input-tag .button-new-tag{margin-bottom:4px;margin-left:4px}.x-input-tag .el-input.input-new-tag{width:120px;margin-bottom:4px;margin-left:4px}.x-input-tag .tags-count{color:#b7b7b7;font-size:.9em;position:absolute;bottom:10px;right:6px}