@snabcentr/vue-ui-lib 6.0.1 → 6.0.2

package/dist/sc-vue-ui-lib.js

@@ -24494,6 +24494,10 @@ var nD = it({
 		inactive: {
 			type: Boolean,
 			default: !1
+		},
+		showActions: {
+			type: Boolean,
+			default: void 0
 		}
 	},
 	setup(e) {
@@ -24516,7 +24520,7 @@ var nD = it({
 				"allow-edit",
 				"update-quantity-on-input",
 				"class"
-			]), e.allowEdit ? z(t.$slots, "actions", {}, void 0, void 0, 0) : A("", !0)]),
+			]), e.showActions ?? e.allowEdit ? z(t.$slots, "actions", {}, void 0, void 0, 0) : A("", !0)]),
 			M("div", { class: lt(["grid grid-flow-col grid-rows-2 gap-1 text-base", n.value]) }, [
 				r[0] ||= M("span", null, "Цена за ед.", -1),
 				P(na, {
@@ -24528,7 +24532,8 @@ var nD = it({
 					product: e.product,
 					"cost-field-name": "cost"
 				}, null, 8, ["product"])
-			], 2)
+			], 2),
+			z(t.$slots, "extra")
 		])]));
 	}
 }), TD = { class: "flex items-center gap-1.5" }, ED = {
@@ -24652,6 +24657,10 @@ var MD = it({
 			type: Function,
 			default: void 0
 		},
+		isItemRemovable: {
+			type: Function,
+			default: void 0
+		},
 		updateQuantityOnInput: {
 			type: Boolean,
 			default: !0
@@ -24662,23 +24671,28 @@ var MD = it({
 	}),
 	emits: ["update:selectedRowKeys"],
 	setup(e) {
-		let t = e, n = Et(e, "selectedRowKeys"), r = (e) => Re(e, "ord"), i = O(() => r(t.products)), a = (e) => t.isItemInactive ? t.isItemInactive(e) : !!e.isRemoved || !!e.replacementId, o = (e) => t.isItemSelectable ? t.isItemSelectable(e) : !a(e), s = (e, t) => {
+		let t = e, n = Et(e, "selectedRowKeys"), r = (e) => Re(e, "ord"), i = O(() => r(t.products)), a = (e) => t.isItemInactive ? t.isItemInactive(e) : !!e.isRemoved || !!e.replacementId, o = (e) => t.isItemSelectable ? t.isItemSelectable(e) : !a(e), s = (e) => t.isItemRemovable ? t.isItemRemovable(e) : !a(e), c = (e, t) => {
 			t ? n.value.includes(e) || (n.value = [...n.value, e]) : n.value = n.value.filter((t) => t !== e);
-		}, c = (e) => t.selectable ? { class: n.value.includes(e.id) ? void 0 : "opacity-60" } : {}, l = (e, t) => {
+		}, l = (e) => t.selectable ? { class: n.value.includes(e.id) ? void 0 : "opacity-60" } : {}, u = (e, t) => {
 			let n = i.value, r = e.logicGroupId;
 			if (!r) return 1;
 			let a = n.at(t - 1);
 			if (t && a && a.logicGroupId === r) return 0;
 			let o = n.slice(t), s = o.findIndex((e) => e.logicGroupId !== r);
 			return s === -1 ? o.length : s;
-		}, u = (e) => a(e) ? null : I(nn, {
+		}, d = (e) => s(e) ? I(nn, {
 			quaternary: !0,
 			size: "small",
 			type: "error",
 			onClick: () => {
 				t.eventEmitter?.emit("order-item:delete", { item: e });
 			}
-		}, () => I(MD)), d = R(br.getDeviceTypeByResolution()), f = R(window.innerWidth), p = O(() => !Te(t.maxHeight)), m = () => {
+		}, () => I(MD)) : null, f = (e, n) => (t.extraColumns ?? []).flatMap((t) => {
+			let r = t.render?.(e, n);
+			if (Te(r) || r === "" || r === !1) return [];
+			let i = we(t.title) ? t.title(t) : t.title;
+			return [I("div", { class: "flex flex-col items-start gap-1 text-sm" }, [I("span", { class: "text-sc-dark-grey" }, [i]), r])];
+		}), p = R(br.getDeviceTypeByResolution()), m = R(window.innerWidth), h = O(() => !Te(t.maxHeight) || !Te(t.groups)), g = () => {
 			let e = [
 				{
 					title: "№ п.п.",
@@ -24691,13 +24705,14 @@ var MD = it({
 					title: "Артикул",
 					key: "codeNumber",
 					resizable: !0,
-					width: f.value >= 1536 ? 156 : 120,
+					width: m.value >= 1536 ? 156 : 120,
 					render: (e) => I("span", { class: `text-base${a(e) ? " line-through opacity-50" : ""}` }, [e.product.code])
 				},
 				{
 					title: "Наименование",
 					key: "name",
 					resizable: !0,
+					minWidth: Te(t.groups) ? void 0 : 240,
 					render: (e) => I(bD, {
 						item: e,
 						inactive: a(e)
@@ -24708,7 +24723,7 @@ var MD = it({
 					key: "quantity",
 					resizable: !0,
 					width: 180,
-					rowSpan: l,
+					rowSpan: u,
 					render: (e) => I(qE, {
 						class: a(e) ? "line-through opacity-50" : "",
 						item: e,
@@ -24721,7 +24736,7 @@ var MD = it({
 					title: "Цена за ед.",
 					key: "costOneRub",
 					resizable: !0,
-					width: p.value ? 170 : 120,
+					width: h.value ? 170 : 120,
 					render: (e) => I("div", { class: a(e) ? "line-through opacity-50" : "" }, [I(na, {
 						product: e,
 						costFieldName: "costOne",
@@ -24732,7 +24747,7 @@ var MD = it({
 					title: "Сумма",
 					key: "cost",
 					resizable: !0,
-					width: p.value ? 140 : 120,
+					width: h.value ? 140 : 120,
 					render: (e) => I("div", { class: a(e) ? "line-through opacity-50" : "" }, [I(na, {
 						product: e,
 						costFieldName: "cost",
@@ -24744,8 +24759,8 @@ var MD = it({
 					title: "",
 					key: "delete",
 					width: 44,
-					rowSpan: l,
-					render: (e) => u(e)
+					rowSpan: u,
+					render: (e) => d(e)
 				}] : []
 			], r = t.selectable ? [{
 				key: "checkbox",
@@ -24755,7 +24770,7 @@ var MD = it({
 				cellProps: (e) => ({
 					class: o(e) ? "cursor-pointer" : void 0,
 					onClick: () => {
-						o(e) && s(e.id, !n.value.includes(e.id));
+						o(e) && c(e.id, !n.value.includes(e.id));
 					}
 				}),
 				render: (e) => I(rn, {
@@ -24763,58 +24778,68 @@ var MD = it({
 					disabled: !o(e)
 				})
 			}] : [];
-			switch (d.value) {
+			switch (p.value) {
 				case yr.phone:
 				case yr.tablet: return [...r, {
 					title: "",
 					key: "items",
 					resizable: !0,
 					render: (e, n) => {
-						let r = l(e, n) > 0, i = t.allowEdit && !a(e) && r;
+						let r = u(e, n) > 0, i = t.allowEdit && !a(e) && r;
 						return I(wD, {
 							product: e,
 							index: n,
 							eventEmitter: t.eventEmitter,
 							allowEdit: i,
 							updateQuantityOnInput: t.updateQuantityOnInput,
-							inactive: a(e)
-						}, { actions: () => u(e) });
+							inactive: a(e),
+							showActions: t.allowEdit && r
+						}, {
+							actions: () => d(e),
+							extra: () => f(e, n)
+						});
 					}
 				}];
 				case yr.laptop: return [...r, ...e];
 				default: return [...r, ...e];
 			}
-		}, h = O(() => m()), g = () => {
-			d.value = br.getDeviceTypeByResolution(), f.value = window.innerWidth;
+		}, _ = O(() => g()), v = (e) => {
+			let t = e.width ?? e.minWidth;
+			return Te(t) ? 0 : Number.parseFloat(String(t)) || 0;
+		}, y = O(() => p.value === yr.phone || p.value === yr.tablet ? void 0 : He(_.value, v)), b = () => {
+			p.value = br.getDeviceTypeByResolution(), m.value = window.innerWidth;
 		};
 		return ht(() => {
-			g(), window.addEventListener("resize", g);
+			b(), window.addEventListener("resize", b);
 		}), _t(() => {
-			window.removeEventListener("resize", g);
+			window.removeEventListener("resize", b);
 		}), (t, n) => {
 			let a = on;
 			return L(), j(D, null, [e.title ? (L(), j("h3", ND, B(e.title), 1)) : A("", !0), e.groups ? (L(!0), j(D, { key: 1 }, bt(e.groups, (t) => (L(), j("div", {
 				key: t.name,
 				class: "mb-6 last:mb-0"
 			}, [M("div", PD, [M("div", FD, [M("span", ID, B(t.name), 1), t.description ? (L(), j("span", LD, B(t.description), 1)) : A("", !0)]), t.summary ? (L(), j("span", RD, B(t.summary), 1)) : A("", !0)]), P(a, {
-				columns: h.value,
+				columns: _.value,
 				data: r(t.items),
 				"row-key": (e) => e.id,
-				"row-props": c,
+				"row-props": l,
 				"bottom-bordered": !1,
 				bordered: !1,
-				"max-height": e.maxHeight
+				"max-height": e.maxHeight,
+				"scroll-x": y.value,
+				"table-layout": "fixed"
 			}, null, 8, [
 				"columns",
 				"data",
 				"row-key",
-				"max-height"
+				"max-height",
+				"scroll-x"
 			])]))), 128)) : (L(), k(a, {
 				key: 2,
-				columns: h.value,
+				columns: _.value,
 				data: i.value,
 				"row-key": (e) => e.id,
-				"row-props": c,
+				"row-props": l,
 				"bottom-bordered": !1,
 				bordered: !1,
 				"max-height": e.maxHeight
@@ -24826,7 +24851,7 @@ var MD = it({
 			]))], 64);
 		};
 	}
-}), [["__scopeId", "data-v-40ad851a"]]), BD = {
+}), [["__scopeId", "data-v-76fe9dca"]]), BD = {
 	key: 0,
 	class: "text-sc-dark-grey my-2 text-center"
 }, VD = {