geekplus-digital-ui 0.2.7 → 0.2.9

package/components/table/src/table-filter.vue.js

@@ -4,62 +4,62 @@ import t from "../../../_virtual/_plugin-vue_export-helper.js";
 import n from "../../icon/index.js";
 import r from "../../icons/filter-list-light.vue.js";
 import i from "../../icons/grip-dots-vertical-solid.vue.js";
-import './table-filter.vue_vue_type_style_index_0_scoped_93138aaa_lang.css';/* empty css                                                                  */
+import './table-filter.vue_vue_type_style_index_0_scoped_106f6a04_lang.css';/* empty css                                                                  */
 import "../../index.js";
-import { Fragment as a, computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createTextVNode as d, createVNode as f, inject as p, openBlock as m, ref as h, renderList as g, toDisplayString as _, unref as v, withCtx as y } from "vue";
-import { ElButton as b, ElCheckbox as x, ElPopover as S } from "element-plus";
-import { useSortable as C } from "@vueuse/integrations/useSortable";
+import { Fragment as a, computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createTextVNode as d, createVNode as f, inject as p, openBlock as m, ref as h, renderList as g, toDisplayString as _, unref as v, watch as y, withCtx as b } from "vue";
+import { ElButton as x, ElCheckbox as S, ElPopover as C } from "element-plus";
+import { useSortable as w } from "@vueuse/integrations/useSortable";
 //#region packages/components/table/src/table-filter.vue
-var w = { class: "d-table-filter__header" }, T = { class: "d-table-filter__body" }, E = {
+var T = { class: "d-table-filter__header" }, E = { class: "d-table-filter__body" }, D = {
 	key: 0,
 	class: "d-table-filter__group-label"
-}, D = /* @__PURE__ */ t(/* @__PURE__ */ Object.assign({ name: "DTableFilter" }, {
+}, O = /* @__PURE__ */ t(/* @__PURE__ */ Object.assign({ name: "DTableFilter" }, {
 	__name: "table-filter",
 	setup(t) {
-		let { t: D } = e(), { columnList: O, checkedKeys: k, columnOrder: A, columnFixed: j, saveConfig: M } = p("dTableContext"), N = (e) => Object.prototype.hasOwnProperty.call(j.value, e) ? j.value[e] : O.value.find((t) => t.prop === e)?.fixed ?? !1, P = (e) => {
-			let t = A.value.map((t) => {
-				let n = O.value.find((e) => e.prop === t);
-				return !n || N(t) !== e ? null : n;
-			}).filter(Boolean), n = O.value.filter((t) => N(t.prop) === e && !A.value.includes(t.prop));
+		let { t: O } = e(), { columnList: k, checkedKeys: A, columnOrder: j, columnFixed: M, saveConfig: N } = p("dTableContext"), P = h(!1), F = h([]), I = h([]), L = h({}), R = (e) => Object.prototype.hasOwnProperty.call(L.value, e) ? L.value[e] : k.value.find((t) => t.prop === e)?.fixed ?? !1, z = (e) => {
+			let t = I.value.map((t) => {
+				let n = k.value.find((e) => e.prop === t);
+				return !n || R(t) !== e ? null : n;
+			}).filter(Boolean), n = k.value.filter((t) => R(t.prop) === e && !I.value.includes(t.prop));
 			return [...t, ...n];
-		}, F = o(() => ({
-			left: P("left"),
-			middle: P(!1),
-			right: P("right")
-		})), I = o(() => [
+		}, B = o(() => ({
+			left: z("left"),
+			middle: z(!1),
+			right: z("right")
+		})), V = o(() => [
 			{
 				key: "left",
 				labelKey: "d.table.fixedLeft",
-				items: F.value.left,
+				items: B.value.left,
 				showLabel: !0
 			},
 			{
 				key: "middle",
 				labelKey: "d.table.columns",
-				items: F.value.middle,
+				items: B.value.middle,
 				showLabel: !0
 			},
 			{
 				key: "right",
 				labelKey: "d.table.fixedRight",
-				items: F.value.right,
+				items: B.value.right,
 				showLabel: !0
 			}
-		]), L = {
+		]), H = {
 			left: h(null),
 			middle: h(null),
 			right: h(null)
-		}, R = (e, t) => {
-			L[t].value = e;
-		}, z = (e) => Object.keys(L).find((t) => L[t].value === e), B = {
+		}, U = (e, t) => {
+			H[t].value = e;
+		}, W = (e) => Object.keys(H).find((t) => H[t].value === e), G = {
 			left: "left",
 			middle: !1,
 			right: "right"
-		}, V = (e) => (t) => {
-			let { from: n, to: r, oldIndex: i, newIndex: a } = t, o = z(r) ?? e, s = {
-				left: [...F.value.left.map((e) => e.prop)],
-				middle: [...F.value.middle.map((e) => e.prop)],
-				right: [...F.value.right.map((e) => e.prop)]
+		}, K = (e) => (t) => {
+			let { from: n, to: r, oldIndex: i, newIndex: a } = t, o = W(r) ?? e, s = {
+				left: [...B.value.left.map((e) => e.prop)],
+				middle: [...B.value.middle.map((e) => e.prop)],
+				right: [...B.value.right.map((e) => e.prop)]
 			};
 			if (n === r) {
 				if (i === a) return;
@@ -68,17 +68,17 @@ var w = { class: "d-table-filter__header" }, T = { class: "d-table-filter__body"
 			} else {
 				let t = s[e][i];
 				if (!t) return;
-				s[e].splice(i, 1), s[o].splice(a, 0, t), j.value = {
-					...j.value,
-					[t]: B[o]
+				s[e].splice(i, 1), s[o].splice(a, 0, t), L.value = {
+					...L.value,
+					[t]: G[o]
 				};
 			}
-			A.value = [
+			I.value = [
 				...s.left,
 				...s.middle,
 				...s.right
-			], M();
-		}, H = (e) => ({
+			];
+		}, q = (e) => ({
 			handle: ".d-table-filter__handle",
 			animation: 150,
 			group: {
@@ -89,64 +89,91 @@ var w = { class: "d-table-filter__header" }, T = { class: "d-table-filter__body"
 			onUpdate: () => {},
 			onAdd: () => {},
 			onRemove: () => {},
-			onEnd: V(e)
-		}), U = {
-			left: C(L.left, o(() => F.value.left), H("left")),
-			middle: C(L.middle, o(() => F.value.middle), H("middle")),
-			right: C(L.right, o(() => F.value.right), H("right"))
-		}, W = () => {
-			Object.values(U).forEach((e) => {
+			onEnd: K(e)
+		}), J = {
+			left: w(H.left, o(() => B.value.left), q("left")),
+			middle: w(H.middle, o(() => B.value.middle), q("middle")),
+			right: w(H.right, o(() => B.value.right), q("right"))
+		}, Y = () => {
+			Object.values(J).forEach((e) => {
 				e.stop(), e.start();
 			});
-		}, G = (e, t) => {
-			if (t) k.value.includes(e) || (k.value = [...k.value, e], M());
+		};
+		y(P, (e) => {
+			e && (F.value = [...A.value], I.value = [...j.value], L.value = { ...M.value });
+		}, { flush: "sync" });
+		let X = (e, t) => {
+			if (t) F.value.includes(e) || (F.value = [...F.value, e]);
 			else {
-				if (k.value.length <= 1) return;
-				k.value = k.value.filter((t) => t !== e), M();
+				if (F.value.length <= 1) return;
+				F.value = F.value.filter((t) => t !== e);
 			}
-		}, K = () => {
-			let e = O.value.map((e) => e.prop);
-			k.value = e, A.value = e, j.value = {}, M();
+		}, Z = () => {
+			let e = k.value.map((e) => e.prop);
+			F.value = e, I.value = e, L.value = {};
+		}, Q = () => {
+			A.value = [...F.value], j.value = [...I.value], M.value = { ...L.value }, N(), P.value = !1;
+		}, $ = () => {
+			P.value = !1;
 		};
-		return (e, t) => (m(), s(v(S), {
+		return (e, t) => (m(), s(v(C), {
+			visible: P.value,
+			"onUpdate:visible": t[0] ||= (e) => P.value = e,
 			placement: "bottom-end",
 			width: "auto",
 			trigger: "click",
-			onShow: W
+			onShow: Y
 		}, {
-			reference: y(() => [f(v(b), {
+			reference: b(() => [f(v(x), {
 				link: "",
 				style: { "font-size": "16px" }
 			}, {
-				default: y(() => [f(v(n), null, {
-					default: y(() => [f(r)]),
+				default: b(() => [f(v(n), null, {
+					default: b(() => [f(r)]),
 					_: 1
 				})]),
 				_: 1
 			})]),
-			default: y(() => [u("div", w, [f(v(b), {
-				link: "",
-				type: "primary",
-				onClick: K
-			}, {
-				default: y(() => [d(_(v(D)("d.table.reset")), 1)]),
-				_: 1
-			})]), u("div", T, [(m(!0), l(a, null, g(I.value, (e) => (m(), l(a, { key: e.key }, [e.showLabel ? (m(), l("div", E, _(v(D)(e.labelKey)), 1)) : c("", !0), u("ul", {
+			default: b(() => [u("div", T, [
+				f(v(x), {
+					link: "",
+					onClick: $
+				}, {
+					default: b(() => [d(_(v(O)("d.table.cancel")), 1)]),
+					_: 1
+				}),
+				f(v(x), {
+					link: "",
+					type: "primary",
+					onClick: Z
+				}, {
+					default: b(() => [d(_(v(O)("d.table.reset")), 1)]),
+					_: 1
+				}),
+				f(v(x), {
+					link: "",
+					type: "primary",
+					onClick: Q
+				}, {
+					default: b(() => [d(_(v(O)("d.table.confirm")), 1)]),
+					_: 1
+				})
+			]), u("div", E, [(m(!0), l(a, null, g(V.value, (e) => (m(), l(a, { key: e.key }, [e.showLabel ? (m(), l("div", D, _(v(O)(e.labelKey)), 1)) : c("", !0), u("ul", {
 				ref_for: !0,
-				ref: (t) => R(t, e.key),
+				ref: (t) => U(t, e.key),
 				class: "d-table-filter__list"
 			}, [(m(!0), l(a, null, g(e.items, (e) => (m(), l("li", {
 				key: e.prop,
 				class: "d-table-filter__item"
 			}, [f(v(n), { class: "d-table-filter__handle" }, {
-				default: y(() => [f(i)]),
+				default: b(() => [f(i)]),
 				_: 1
-			}), f(v(x), {
-				"model-value": v(k).includes(e.prop),
-				disabled: v(k).length <= 1 && v(k).includes(e.prop),
-				onChange: (t) => G(e.prop, t)
+			}), f(v(S), {
+				"model-value": F.value.includes(e.prop),
+				disabled: F.value.length <= 1 && F.value.includes(e.prop),
+				onChange: (t) => X(e.prop, t)
 			}, {
-				default: y(() => [d(_(e.label), 1)]),
+				default: b(() => [d(_(e.label), 1)]),
 				_: 2
 			}, 1032, [
 				"model-value",
@@ -154,8 +181,8 @@ var w = { class: "d-table-filter__header" }, T = { class: "d-table-filter__body"
 				"onChange"
 			])]))), 128))], 512)], 64))), 128))])]),
 			_: 1
-		}));
+		}, 8, ["visible"]));
 	}
-}), [["__scopeId", "data-v-93138aaa"]]);
+}), [["__scopeId", "data-v-106f6a04"]]);
 //#endregion
-export { D as default };
+export { O as default };

package/components/table/src/table-filter.vue_vue_type_style_index_0_scoped_106f6a04_lang.css

@@ -0,0 +1 @@
+.d-table-filter__body[data-v-106f6a04]{max-height:400px;overflow-y:auto}.d-table-filter__list[data-v-106f6a04]{margin:0;padding:0;list-style:none}.d-table-filter__item[data-v-106f6a04]{align-items:center;gap:6px;display:flex}.d-table-filter__item[data-v-106f6a04] .el-checkbox{height:24px}.d-table-filter__header[data-v-106f6a04]{justify-content:flex-end;align-items:center;gap:8px;margin-bottom:4px;display:flex}.d-table-filter__header[data-v-106f6a04] .el-button{margin:0}.d-table-filter__group-label[data-v-106f6a04]{color:var(--el-text-color-secondary);padding:4px 0 2px;font-size:12px}.d-table-filter__handle[data-v-106f6a04]{color:var(--el-text-color-placeholder);cursor:grab;flex-shrink:0}.d-table-filter__handle[data-v-106f6a04]:active{cursor:grabbing}

package/locale/lang/en.d.ts

@@ -31,6 +31,8 @@ declare namespace _default {
             export let fixedRight: string;
             export let columns: string;
             export let scrollTip: string;
+            export let confirm: string;
+            export let cancel: string;
         }
         namespace upload {
             export let lessThan: string;

package/locale/lang/en.js

@@ -24,7 +24,9 @@ var e = {
 			fixedLeft: "Fixed Left",
 			fixedRight: "Fixed Right",
 			columns: "Columns",
-			scrollTip: "Horizontal scroll: Shift + scroll wheel"
+			scrollTip: "Horizontal scroll: Shift + scroll wheel",
+			confirm: "Confirm",
+			cancel: "Cancel"
 		},
 		upload: {
 			lessThan: "Less than {size}MB",

package/locale/lang/ja.d.ts

@@ -31,6 +31,8 @@ declare namespace _default {
             export let fixedRight: string;
             export let columns: string;
             export let scrollTip: string;
+            export let confirm: string;
+            export let cancel: string;
         }
         namespace upload {
             export let lessThan: string;

package/locale/lang/ja.js

@@ -24,7 +24,9 @@ var e = {
 			fixedLeft: "左に固定",
 			fixedRight: "右に固定",
 			columns: "通常列",
-			scrollTip: "横スクロール：Shift + スクロール"
+			scrollTip: "横スクロール：Shift + スクロール",
+			confirm: "確定",
+			cancel: "キャンセル"
 		},
 		upload: {
 			lessThan: "{size}MB 未満",

package/locale/lang/ko.d.ts

@@ -31,6 +31,8 @@ declare namespace _default {
             export let fixedRight: string;
             export let columns: string;
             export let scrollTip: string;
+            export let confirm: string;
+            export let cancel: string;
         }
         namespace upload {
             export let lessThan: string;

package/locale/lang/ko.js

@@ -24,7 +24,9 @@ var e = {
 			fixedLeft: "왼쪽 고정",
 			fixedRight: "오른쪽 고정",
 			columns: "일반 열",
-			scrollTip: "가로 스크롤：Shift + 스크롤"
+			scrollTip: "가로 스크롤：Shift + 스크롤",
+			confirm: "확인",
+			cancel: "취소"
 		},
 		upload: {
 			lessThan: "{size}MB 이하",

package/locale/lang/zh-cn.d.ts

@@ -31,6 +31,8 @@ declare namespace _default {
             export let fixedRight: string;
             export let columns: string;
             export let scrollTip: string;
+            export let confirm: string;
+            export let cancel: string;
         }
         namespace upload {
             export let lessThan: string;

package/locale/lang/zh-cn.js

@@ -24,7 +24,9 @@ var e = {
 			fixedLeft: "固定左侧",
 			fixedRight: "固定右侧",
 			columns: "普通列",
-			scrollTip: "横向滚动快捷方式：Shift + 滚轮滚动"
+			scrollTip: "横向滚动快捷方式：Shift + 滚轮滚动",
+			confirm: "确定",
+			cancel: "取消"
 		},
 		upload: {
 			lessThan: "小于 {size}MB",

package/locale/lang/zh-tw.d.ts

@@ -31,6 +31,8 @@ declare namespace _default {
             export let fixedRight: string;
             export let columns: string;
             export let scrollTip: string;
+            export let confirm: string;
+            export let cancel: string;
         }
         namespace upload {
             export let lessThan: string;

package/locale/lang/zh-tw.js

@@ -24,7 +24,9 @@ var e = {
 			fixedLeft: "固定左側",
 			fixedRight: "固定右側",
 			columns: "普通欄",
-			scrollTip: "橫向捲動快捷鍵：Shift + 滾輪"
+			scrollTip: "橫向捲動快捷鍵：Shift + 滾輪",
+			confirm: "確定",
+			cancel: "取消"
 		},
 		upload: {
 			lessThan: "小於 {size}MB",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "geekplus-digital-ui",
-  "version": "0.2.7",
+  "version": "0.2.9",
   "homepage": "https://ui.geekplus.cc/static/ui/",
   "type": "module",
   "main": "index.js",

package/components/table/src/table-filter.vue_vue_type_style_index_0_scoped_93138aaa_lang.css

@@ -1 +0,0 @@
-.d-table-filter__body[data-v-93138aaa]{max-height:400px;overflow-y:auto}.d-table-filter__list[data-v-93138aaa]{margin:0;padding:0;list-style:none}.d-table-filter__item[data-v-93138aaa]{align-items:center;gap:6px;display:flex}.d-table-filter__item[data-v-93138aaa] .el-checkbox{height:24px}.d-table-filter__header[data-v-93138aaa]{justify-content:flex-end;margin-bottom:4px;display:flex}.d-table-filter__group-label[data-v-93138aaa]{color:var(--el-text-color-secondary);padding:4px 0 2px;font-size:12px}.d-table-filter__handle[data-v-93138aaa]{color:var(--el-text-color-placeholder);cursor:grab;flex-shrink:0}.d-table-filter__handle[data-v-93138aaa]:active{cursor:grabbing}