dishui 0.0.64 → 0.0.66

package/dist/components/pro/DataTable/components/BulkActions.js.map

@@ -1 +1 @@
-{"version":3,"file":"BulkActions.js","names":[],"sources":["../../../../../src/components/pro/DataTable/components/BulkActions.tsx"],"sourcesContent":["import React from 'react';\nimport { RowSelectionState } from '../tanstack-table';\nimport { BulkAction } from '../types';\nimport { useAppContext } from '../../../../contexts/AppContext';\n\ninterface BulkActionsProps<T extends object> {\n    bulkActions: BulkAction[];\n    rowSelection: RowSelectionState;\n    data: T[];\n}\n\nexport function BulkActions<T extends object>({\n    bulkActions,\n    rowSelection,\n    data,\n}: BulkActionsProps<T>) {\n    const { language } = useAppContext();\n\n    const getLocalizedText = (zhText: string, enText: string) => {\n        return language === 'zh' ? zhText : enText;\n    };\n\n    if (!bulkActions || bulkActions.length === 0) return null;\n\n    return (\n        <div className=\"flex gap-2\">\n            <div className=\"dropdown dropdown-end\">\n                <div tabIndex={0} role=\"button\" className=\"btn btn-sm btn-primary\">\n                    {getLocalizedText('批量操作', 'Bulk Actions')}\n                    <svg\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                        className=\"h-4 w-4 ml-1\"\n                        fill=\"none\"\n                        viewBox=\"0 0 24 24\"\n                        stroke=\"currentColor\"\n                    >\n                        <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"2\" d=\"M19 9l-7 7-7-7\" />\n                    </svg>\n                </div>\n                <ul tabIndex={0} className=\"dropdown-content z-[1] menu p-2 shadow bg-base-100 rounded-box w-52\">\n                    {bulkActions.map((action, index) => (\n                        <li key={index}>\n                            <a\n                                onClick={() => {\n                                    const selectedRowIds = Object.keys(rowSelection);\n                                    const selectedRowData = selectedRowIds.map(id => {\n                                        const rowData = data.find((row, idx) => {\n                                            const rowId = (row as any).id !== undefined ? (row as any).id.toString() : idx.toString();\n                                            return rowId === id;\n                                        });\n                                        return rowData;\n                                    }).filter(Boolean);\n\n                                    action.onClick(rowSelection, selectedRowData);\n                                }}\n                                className={action.className}\n                            >\n                                {action.label}\n                            </a>\n                        </li>\n                    ))}\n                </ul>\n            </div>\n        </div>\n    );\n}\n"],"mappings":";;;AAWA,SAAgB,EAA8B,EAC1C,aAAA,GACA,cAAA,GACA,MAAA,EAAA,GACoB;AACpB,QAAM,EAAE,UAAA,EAAA,IAAa,EAAc,GAE7B,IAAA,CAAoB,GAAgB,MAC/B,MAAa,OAAO,IAAS;AAGxC,SAAI,CAAC,KAAe,EAAY,WAAW,IAAU,OAGjD,gBAAA,EAAC,OAAD;AAAA,IAAK,WAAU;AAAA,cACX,gBAAA,EAAC,OAAD;AAAA,MAAK,WAAU;AAAA,gBAAf,CACI,gBAAA,EAAC,OAAD;AAAA,QAAK,UAAU;AAAA,QAAG,MAAK;AAAA,QAAS,WAAU;AAAA,kBAA1C,CACK,EAAiB,QAAQ,cAAc,GACxC,gBAAA,EAAC,OAAD;AAAA,UACI,OAAM;AAAA,UACN,WAAU;AAAA,UACV,MAAK;AAAA,UACL,SAAQ;AAAA,UACR,QAAO;AAAA,oBAEP,gBAAA,EAAC,QAAD;AAAA,YAAM,eAAc;AAAA,YAAQ,gBAAe;AAAA,YAAQ,aAAY;AAAA,YAAI,GAAE;AAAA,UAAkB,CAAA;AAAA,QACtF,CAAA,CACJ;AAAA,UACL,gBAAA,EAAC,MAAD;AAAA,QAAI,UAAU;AAAA,QAAG,WAAU;AAAA,kBACtB,EAAY,IAAA,CAAK,GAAQ,MACtB,gBAAA,EAAC,MAAD,EAAA,UACI,gBAAA,EAAC,KAAD;AAAA,UACI,SAAA,MAAe;AAEX,kBAAM,IADiB,OAAO,KAAK,CACX,EAAe,IAAA,CAAI,MACvB,EAAK,KAAA,CAAM,GAAK,OACb,EAAY,OAAO,SAAa,EAAY,GAAG,SAAS,IAAI,EAAI,SAAS,OACvE,CAEd,CACV,EAAE,OAAO,OAAO;AAEjB,YAAA,EAAO,QAAQ,GAAc,CAAe;AAAA,UAChD;AAAA,UACA,WAAW,EAAO;AAAA,oBAEjB,EAAO;AAAA,QACT,CAAA,EACH,GAlBK,CAkBL,CACP;AAAA,MACD,CAAA,CACH;AAAA;EACJ,CAAA;AAEb"}
+{"version":3,"file":"BulkActions.js","names":[],"sources":["../../../../../src/components/pro/DataTable/components/BulkActions.tsx"],"sourcesContent":["import React from 'react';\nimport { RowSelectionState } from '../tanstack-table';\nimport { BulkAction } from '../types';\nimport { useAppContext } from '../../../../contexts/AppContext';\n\ninterface BulkActionsProps<T extends object> {\n    bulkActions: BulkAction[];\n    rowSelection: RowSelectionState;\n    data: T[];\n}\n\nexport function BulkActions<T extends object>({\n    bulkActions,\n    rowSelection,\n    data,\n}: BulkActionsProps<T>) {\n    const { language } = useAppContext();\n\n    const getLocalizedText = (zhText: string, enText: string) => {\n        return language === 'zh' ? zhText : enText;\n    };\n\n    if (!bulkActions || bulkActions.length === 0) return null;\n\n    return (\n        <div className=\"flex gap-2\">\n            <div className=\"dropdown dropdown-end\">\n                <div tabIndex={0} role=\"button\" className=\"btn btn-sm btn-primary\">\n                    {getLocalizedText('批量操作', 'Bulk Actions')}\n                    <svg\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                        className=\"h-4 w-4 ml-1\"\n                        fill=\"none\"\n                        viewBox=\"0 0 24 24\"\n                        stroke=\"currentColor\"\n                    >\n                        <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"2\" d=\"M19 9l-7 7-7-7\" />\n                    </svg>\n                </div>\n                <ul tabIndex={0} className=\"dropdown-content z-[1] menu p-2 shadow bg-base-100 rounded-box w-52\">\n                    {bulkActions.map((action, index) => (\n                        <li key={index}>\n                            <a\n                                onClick={() => {\n                                    const selectedRowIds = Object.keys(rowSelection);\n                                    const selectedRowData = selectedRowIds.map(id => {\n                                        const rowData = data.find((row, idx) => {\n                                            const rowId = (row as any).id !== undefined ? (row as any).id.toString() : idx.toString();\n                                            return rowId === id;\n                                        });\n                                        return rowData;\n                                    }).filter(Boolean);\n\n                                    action.onClick(rowSelection, selectedRowData);\n                                }}\n                                className={action.className}\n                            >\n                                {action.label}\n                            </a>\n                        </li>\n                    ))}\n                </ul>\n            </div>\n        </div>\n    );\n}\n"],"mappings":";;;;AAWA,SAAgB,EAA8B,EAC1C,gBACA,iBACA,WACoB;CACpB,IAAM,EAAE,gBAAa,EAAc;CAQnC,OAFI,CAAC,KAAe,EAAY,WAAW,IAAU,OAGjD,kBAAC,OAAD;EAAK,WAAU;EACX,UAAA,kBAAC,OAAD;GAAK,WAAU;GAAf,UAAA,CACI,kBAAC,OAAD;IAAK,UAAU;IAAG,MAAK;IAAS,WAAU;IAA1C,UAAA,GATc,GAAgB,MAC/B,MAAa,OAAO,IAAS,EASvB,CAAiB,QAAQ,cAAc,GACxC,kBAAC,OAAD;KACI,OAAM;KACN,WAAU;KACV,MAAK;KACL,SAAQ;KACR,QAAO;KAEP,UAAA,kBAAC,QAAD;MAAM,eAAc;MAAQ,gBAAe;MAAQ,aAAY;MAAI,GAAE;KAAkB,CAAA;IACtF,CAAA,CACJ;GACL,CAAA,GAAA,kBAAC,MAAD;IAAI,UAAU;IAAG,WAAU;IACtB,UAAA,EAAY,KAAK,GAAQ,MACtB,kBAAC,MAAD,EAAA,UACI,kBAAC,KAAD;KACI,eAAe;MAEX,IAAM,IADiB,OAAO,KAAK,CACX,CAAA,CAAe,KAAI,MACvB,EAAK,MAAM,GAAK,OACb,EAAY,OAAO,KAAA,IAAyC,EAAI,SAAS,IAAzC,EAAY,GAAG,SAAS,OACtD,CAEd,CACV,CAAC,CAAC,OAAO,OAAO;MAEjB,EAAO,QAAQ,GAAc,CAAe;KAChD;KACA,WAAW,EAAO;KAEjB,UAAA,EAAO;IACT,CAAA,EACH,GAlBK,CAkBL,CACP;GACD,CAAA,CACH;;CACJ,CAAA;AAEb"}

package/dist/components/pro/DataTable/components/ColumnSelector.js

@@ -1,88 +1,88 @@
-import { useAppContext as v } from "../../../../contexts/AppContext.js";
+import { useAppContext as e } from "../../../../contexts/AppContext.js";
 import "react";
-import { jsx as s, jsxs as i } from "react/jsx-runtime";
-function T({ columns: n, columnOrderState: c, visibilityState: m, toggleColumnVisibility: l, enableColumnReordering: g, handleDragStart: d, handleDrop: h, draggedColumnId: u }) {
-  const { language: p } = v();
-  return /* @__PURE__ */ i("div", {
-    className: "dropdown",
-    children: [/* @__PURE__ */ i("div", {
-      tabIndex: 0,
-      role: "button",
-      className: "btn btn-sm",
-      children: [((a, e) => p === "zh" ? a : e)("列控制", "Column Control"), /* @__PURE__ */ s("svg", {
-        xmlns: "http://www.w3.org/2000/svg",
-        className: "h-4 w-4 ml-1",
-        fill: "none",
-        viewBox: "0 0 24 24",
-        stroke: "currentColor",
-        children: /* @__PURE__ */ s("path", {
-          strokeLinecap: "round",
-          strokeLinejoin: "round",
-          strokeWidth: "2",
-          d: "M19 9l-7 7-7-7"
-        })
-      })]
-    }), /* @__PURE__ */ s("ul", {
-      tabIndex: 0,
-      className: "dropdown-content z-[1] menu p-2 shadow bg-base-100 rounded-box w-52",
-      children: (() => {
-        const a = n.map((e) => "accessorKey" in e ? e.accessorKey : e.id).filter((e) => e !== "selection");
-        return [...c.filter((e) => a.includes(e)), ...a.filter((e) => !c.includes(e))].map((e) => {
-          const o = n.find((r) => "accessorKey" in r && r.accessorKey === e || "id" in r && r.id === e);
-          if (!o) return null;
-          const b = typeof o.header == "string" ? o.header : e;
-          return /* @__PURE__ */ s("li", { children: /* @__PURE__ */ i("a", {
-            className: `flex items-center justify-between py-2 px-2 ${u === e ? "bg-primary/30 shadow-md border-l-4 border-primary" : ""}`,
-            onClick: () => l(e),
-            draggable: g,
-            onDragStart: (r) => {
-              d(r, e);
-            },
-            onDragOver: (r) => {
-              r.preventDefault(), document.querySelectorAll(".menu-item-highlight").forEach((t) => {
-                t !== r.currentTarget && (t.classList.remove("menu-item-highlight"), t.classList.remove("bg-primary/10"), t.classList.remove("border-l-4"), t.classList.remove("border-primary"));
-              }), r.currentTarget.classList.add("menu-item-highlight"), r.currentTarget.classList.add("bg-primary/10"), r.currentTarget.classList.add("border-l-4"), r.currentTarget.classList.add("border-primary");
-            },
-            onDragLeave: (r) => {
-              r.currentTarget.classList.remove("menu-item-highlight"), r.currentTarget.classList.remove("bg-primary/10"), r.currentTarget.classList.remove("border-l-4"), r.currentTarget.classList.remove("border-primary");
-            },
-            onDrop: (r) => {
-              r.currentTarget.classList.remove("menu-item-highlight"), r.currentTarget.classList.remove("bg-primary/10"), r.currentTarget.classList.remove("border-l-4"), r.currentTarget.classList.remove("border-primary"), h(r, e), document.querySelectorAll(".dragging-source, .menu-item-highlight").forEach((t) => {
-                t.classList.remove("dragging-source"), t.classList.remove("menu-item-highlight");
-              });
-            },
-            children: [/* @__PURE__ */ i("div", {
-              className: "flex items-center gap-2",
-              children: [/* @__PURE__ */ s("input", {
-                type: "checkbox",
-                className: "checkbox checkbox-sm",
-                checked: m[e] !== !1,
-                onChange: (r) => {
-                  r.stopPropagation(), l(e);
-                },
-                onClick: (r) => r.stopPropagation()
-              }), /* @__PURE__ */ s("span", { children: b })]
-            }), /* @__PURE__ */ s("svg", {
-              xmlns: "http://www.w3.org/2000/svg",
-              className: "h-4 w-4 cursor-grab active:cursor-grabbing",
-              fill: "none",
-              viewBox: "0 0 24 24",
-              stroke: "currentColor",
-              children: /* @__PURE__ */ s("path", {
-                strokeLinecap: "round",
-                strokeLinejoin: "round",
-                strokeWidth: "2",
-                d: "M7 16V4m0 0L3 8m4-4l4 4m6 0v12m0 0l4-4m-4 4l-4-4"
-              })
-            })]
-          }) }, e);
-        });
-      })()
-    })]
-  });
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/components/pro/DataTable/components/ColumnSelector.tsx
+function r({ columns: r, columnOrderState: i, visibilityState: a, toggleColumnVisibility: o, enableColumnReordering: s, handleDragStart: c, handleDrop: l, draggedColumnId: u }) {
+	let { language: d } = e();
+	return /* @__PURE__ */ n("div", {
+		className: "dropdown",
+		children: [/* @__PURE__ */ n("div", {
+			tabIndex: 0,
+			role: "button",
+			className: "btn btn-sm",
+			children: [((e, t) => d === "zh" ? e : t)("列控制", "Column Control"), /* @__PURE__ */ t("svg", {
+				xmlns: "http://www.w3.org/2000/svg",
+				className: "h-4 w-4 ml-1",
+				fill: "none",
+				viewBox: "0 0 24 24",
+				stroke: "currentColor",
+				children: /* @__PURE__ */ t("path", {
+					strokeLinecap: "round",
+					strokeLinejoin: "round",
+					strokeWidth: "2",
+					d: "M19 9l-7 7-7-7"
+				})
+			})]
+		}), /* @__PURE__ */ t("ul", {
+			tabIndex: 0,
+			className: "dropdown-content z-[1] menu p-2 shadow bg-base-100 rounded-box w-52",
+			children: (() => {
+				let e = r.map((e) => "accessorKey" in e ? e.accessorKey : e.id).filter((e) => e !== "selection");
+				return [...i.filter((t) => e.includes(t)), ...e.filter((e) => !i.includes(e))].map((e) => {
+					let i = r.find((t) => "accessorKey" in t && t.accessorKey === e || "id" in t && t.id === e);
+					if (!i) return null;
+					let d = typeof i.header == "string" ? i.header : e;
+					return /* @__PURE__ */ t("li", { children: /* @__PURE__ */ n("a", {
+						className: `flex items-center justify-between py-2 px-2 ${u === e ? "bg-primary/30 shadow-md border-l-4 border-primary" : ""}`,
+						onClick: () => o(e),
+						draggable: s,
+						onDragStart: (t) => {
+							c(t, e);
+						},
+						onDragOver: (e) => {
+							e.preventDefault(), document.querySelectorAll(".menu-item-highlight").forEach((t) => {
+								t !== e.currentTarget && (t.classList.remove("menu-item-highlight"), t.classList.remove("bg-primary/10"), t.classList.remove("border-l-4"), t.classList.remove("border-primary"));
+							}), e.currentTarget.classList.add("menu-item-highlight"), e.currentTarget.classList.add("bg-primary/10"), e.currentTarget.classList.add("border-l-4"), e.currentTarget.classList.add("border-primary");
+						},
+						onDragLeave: (e) => {
+							e.currentTarget.classList.remove("menu-item-highlight"), e.currentTarget.classList.remove("bg-primary/10"), e.currentTarget.classList.remove("border-l-4"), e.currentTarget.classList.remove("border-primary");
+						},
+						onDrop: (t) => {
+							t.currentTarget.classList.remove("menu-item-highlight"), t.currentTarget.classList.remove("bg-primary/10"), t.currentTarget.classList.remove("border-l-4"), t.currentTarget.classList.remove("border-primary"), l(t, e), document.querySelectorAll(".dragging-source, .menu-item-highlight").forEach((e) => {
+								e.classList.remove("dragging-source"), e.classList.remove("menu-item-highlight");
+							});
+						},
+						children: [/* @__PURE__ */ n("div", {
+							className: "flex items-center gap-2",
+							children: [/* @__PURE__ */ t("input", {
+								type: "checkbox",
+								className: "checkbox checkbox-sm",
+								checked: a[e] !== !1,
+								onChange: (t) => {
+									t.stopPropagation(), o(e);
+								},
+								onClick: (e) => e.stopPropagation()
+							}), /* @__PURE__ */ t("span", { children: d })]
+						}), /* @__PURE__ */ t("svg", {
+							xmlns: "http://www.w3.org/2000/svg",
+							className: "h-4 w-4 cursor-grab active:cursor-grabbing",
+							fill: "none",
+							viewBox: "0 0 24 24",
+							stroke: "currentColor",
+							children: /* @__PURE__ */ t("path", {
+								strokeLinecap: "round",
+								strokeLinejoin: "round",
+								strokeWidth: "2",
+								d: "M7 16V4m0 0L3 8m4-4l4 4m6 0v12m0 0l4-4m-4 4l-4-4"
+							})
+						})]
+					}) }, e);
+				});
+			})()
+		})]
+	});
 }
-export {
-  T as ColumnSelector
-};
+//#endregion
+export { r as ColumnSelector };
 
 //# sourceMappingURL=ColumnSelector.js.map

package/dist/components/pro/DataTable/components/ColumnSelector.js.map

@@ -1 +1 @@
-{"version":3,"file":"ColumnSelector.js","names":[],"sources":["../../../../../src/components/pro/DataTable/components/ColumnSelector.tsx"],"sourcesContent":["import React from 'react';\nimport { Table, VisibilityState } from '../tanstack-table';\nimport { useAppContext } from '../../../../contexts/AppContext';\n\ninterface ColumnSelectorProps<T extends object> {\n    table: Table<T>;\n    columns: any[];\n    columnOrderState: string[];\n    visibilityState: VisibilityState;\n    toggleColumnVisibility: (columnId: string) => void;\n    enableColumnReordering: boolean;\n    handleDragStart: (e: React.DragEvent, columnId: string) => void;\n    handleDrop: (e: React.DragEvent, targetColumnId: string) => void;\n    draggedColumnId: string | null;\n}\n\nexport function ColumnSelector<T extends object>({\n    columns,\n    columnOrderState,\n    visibilityState,\n    toggleColumnVisibility,\n    enableColumnReordering,\n    handleDragStart,\n    handleDrop,\n    draggedColumnId,\n}: ColumnSelectorProps<T>) {\n    const { language } = useAppContext();\n\n    const getLocalizedText = (zhText: string, enText: string) => {\n        return language === 'zh' ? zhText : enText;\n    };\n\n    return (\n        <div className=\"dropdown\">\n            <div tabIndex={0} role=\"button\" className=\"btn btn-sm\">\n                {getLocalizedText('列控制', 'Column Control')}\n                <svg\n                    xmlns=\"http://www.w3.org/2000/svg\"\n                    className=\"h-4 w-4 ml-1\"\n                    fill=\"none\"\n                    viewBox=\"0 0 24 24\"\n                    stroke=\"currentColor\"\n                >\n                    <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"2\" d=\"M19 9l-7 7-7-7\" />\n                </svg>\n            </div>\n            <ul tabIndex={0} className=\"dropdown-content z-[1] menu p-2 shadow bg-base-100 rounded-box w-52\">\n                {(() => {\n                    const validColumnIds = columns\n                        .map(col => 'accessorKey' in col ? col.accessorKey as string : col.id as string)\n                        .filter(id => id !== 'selection');\n\n                    const fullOrderedColumnIds = [\n                        ...columnOrderState.filter(id => validColumnIds.includes(id)),\n                        ...validColumnIds.filter(id => !columnOrderState.includes(id))\n                    ];\n\n                    return fullOrderedColumnIds.map(columnId => {\n                        const column = columns.find(col =>\n                            ('accessorKey' in col && col.accessorKey === columnId) ||\n                            ('id' in col && col.id === columnId)\n                        );\n\n                        if (!column) return null;\n\n                        const headerText = typeof column.header === 'string'\n                            ? column.header\n                            : columnId;\n\n                        const isDragging = draggedColumnId === columnId;\n\n                        return (\n                            <li key={columnId}>\n                                <a\n                                    className={`flex items-center justify-between py-2 px-2 ${isDragging ? 'bg-primary/30 shadow-md border-l-4 border-primary' : ''\n                                        }`}\n                                    onClick={() => toggleColumnVisibility(columnId)}\n                                    draggable={enableColumnReordering}\n                                    onDragStart={(e) => {\n                                        handleDragStart(e, columnId);\n                                    }}\n                                    onDragOver={(e) => {\n                                        e.preventDefault();\n                                        document.querySelectorAll('.menu-item-highlight').forEach(el => {\n                                            if (el !== e.currentTarget) {\n                                                el.classList.remove('menu-item-highlight');\n                                                el.classList.remove('bg-primary/10');\n                                                el.classList.remove('border-l-4');\n                                                el.classList.remove('border-primary');\n                                            }\n                                        });\n\n                                        e.currentTarget.classList.add('menu-item-highlight');\n                                        e.currentTarget.classList.add('bg-primary/10');\n                                        e.currentTarget.classList.add('border-l-4');\n                                        e.currentTarget.classList.add('border-primary');\n                                    }}\n                                    onDragLeave={(e) => {\n                                        e.currentTarget.classList.remove('menu-item-highlight');\n                                        e.currentTarget.classList.remove('bg-primary/10');\n                                        e.currentTarget.classList.remove('border-l-4');\n                                        e.currentTarget.classList.remove('border-primary');\n                                    }}\n                                    onDrop={(e) => {\n                                        e.currentTarget.classList.remove('menu-item-highlight');\n                                        e.currentTarget.classList.remove('bg-primary/10');\n                                        e.currentTarget.classList.remove('border-l-4');\n                                        e.currentTarget.classList.remove('border-primary');\n\n                                        handleDrop(e, columnId);\n\n                                        document.querySelectorAll('.dragging-source, .menu-item-highlight').forEach(el => {\n                                            el.classList.remove('dragging-source');\n                                            el.classList.remove('menu-item-highlight');\n                                        });\n                                    }}\n                                >\n                                    <div className=\"flex items-center gap-2\">\n                                        <input\n                                            type=\"checkbox\"\n                                            className=\"checkbox checkbox-sm\"\n                                            checked={visibilityState[columnId] !== false}\n                                            onChange={(e) => {\n                                                e.stopPropagation();\n                                                toggleColumnVisibility(columnId);\n                                            }}\n                                            onClick={(e) => e.stopPropagation()}\n                                        />\n                                        <span>{headerText}</span>\n                                    </div>\n\n                                    <svg\n                                        xmlns=\"http://www.w3.org/2000/svg\"\n                                        className={`h-4 w-4 cursor-grab active:cursor-grabbing`}\n                                        fill=\"none\"\n                                        viewBox=\"0 0 24 24\"\n                                        stroke=\"currentColor\"\n                                    >\n                                        <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"2\" d=\"M7 16V4m0 0L3 8m4-4l4 4m6 0v12m0 0l4-4m-4 4l-4-4\" />\n                                    </svg>\n                                </a>\n                            </li>\n                        );\n                    });\n                })()}\n            </ul>\n        </div>\n    );\n}\n"],"mappings":"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"}
+{"version":3,"file":"ColumnSelector.js","names":[],"sources":["../../../../../src/components/pro/DataTable/components/ColumnSelector.tsx"],"sourcesContent":["import React from 'react';\nimport { Table, VisibilityState } from '../tanstack-table';\nimport { useAppContext } from '../../../../contexts/AppContext';\n\ninterface ColumnSelectorProps<T extends object> {\n    table: Table<T>;\n    columns: any[];\n    columnOrderState: string[];\n    visibilityState: VisibilityState;\n    toggleColumnVisibility: (columnId: string) => void;\n    enableColumnReordering: boolean;\n    handleDragStart: (e: React.DragEvent, columnId: string) => void;\n    handleDrop: (e: React.DragEvent, targetColumnId: string) => void;\n    draggedColumnId: string | null;\n}\n\nexport function ColumnSelector<T extends object>({\n    columns,\n    columnOrderState,\n    visibilityState,\n    toggleColumnVisibility,\n    enableColumnReordering,\n    handleDragStart,\n    handleDrop,\n    draggedColumnId,\n}: ColumnSelectorProps<T>) {\n    const { language } = useAppContext();\n\n    const getLocalizedText = (zhText: string, enText: string) => {\n        return language === 'zh' ? zhText : enText;\n    };\n\n    return (\n        <div className=\"dropdown\">\n            <div tabIndex={0} role=\"button\" className=\"btn btn-sm\">\n                {getLocalizedText('列控制', 'Column Control')}\n                <svg\n                    xmlns=\"http://www.w3.org/2000/svg\"\n                    className=\"h-4 w-4 ml-1\"\n                    fill=\"none\"\n                    viewBox=\"0 0 24 24\"\n                    stroke=\"currentColor\"\n                >\n                    <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"2\" d=\"M19 9l-7 7-7-7\" />\n                </svg>\n            </div>\n            <ul tabIndex={0} className=\"dropdown-content z-[1] menu p-2 shadow bg-base-100 rounded-box w-52\">\n                {(() => {\n                    const validColumnIds = columns\n                        .map(col => 'accessorKey' in col ? col.accessorKey as string : col.id as string)\n                        .filter(id => id !== 'selection');\n\n                    const fullOrderedColumnIds = [\n                        ...columnOrderState.filter(id => validColumnIds.includes(id)),\n                        ...validColumnIds.filter(id => !columnOrderState.includes(id))\n                    ];\n\n                    return fullOrderedColumnIds.map(columnId => {\n                        const column = columns.find(col =>\n                            ('accessorKey' in col && col.accessorKey === columnId) ||\n                            ('id' in col && col.id === columnId)\n                        );\n\n                        if (!column) return null;\n\n                        const headerText = typeof column.header === 'string'\n                            ? column.header\n                            : columnId;\n\n                        const isDragging = draggedColumnId === columnId;\n\n                        return (\n                            <li key={columnId}>\n                                <a\n                                    className={`flex items-center justify-between py-2 px-2 ${isDragging ? 'bg-primary/30 shadow-md border-l-4 border-primary' : ''\n                                        }`}\n                                    onClick={() => toggleColumnVisibility(columnId)}\n                                    draggable={enableColumnReordering}\n                                    onDragStart={(e) => {\n                                        handleDragStart(e, columnId);\n                                    }}\n                                    onDragOver={(e) => {\n                                        e.preventDefault();\n                                        document.querySelectorAll('.menu-item-highlight').forEach(el => {\n                                            if (el !== e.currentTarget) {\n                                                el.classList.remove('menu-item-highlight');\n                                                el.classList.remove('bg-primary/10');\n                                                el.classList.remove('border-l-4');\n                                                el.classList.remove('border-primary');\n                                            }\n                                        });\n\n                                        e.currentTarget.classList.add('menu-item-highlight');\n                                        e.currentTarget.classList.add('bg-primary/10');\n                                        e.currentTarget.classList.add('border-l-4');\n                                        e.currentTarget.classList.add('border-primary');\n                                    }}\n                                    onDragLeave={(e) => {\n                                        e.currentTarget.classList.remove('menu-item-highlight');\n                                        e.currentTarget.classList.remove('bg-primary/10');\n                                        e.currentTarget.classList.remove('border-l-4');\n                                        e.currentTarget.classList.remove('border-primary');\n                                    }}\n                                    onDrop={(e) => {\n                                        e.currentTarget.classList.remove('menu-item-highlight');\n                                        e.currentTarget.classList.remove('bg-primary/10');\n                                        e.currentTarget.classList.remove('border-l-4');\n                                        e.currentTarget.classList.remove('border-primary');\n\n                                        handleDrop(e, columnId);\n\n                                        document.querySelectorAll('.dragging-source, .menu-item-highlight').forEach(el => {\n                                            el.classList.remove('dragging-source');\n                                            el.classList.remove('menu-item-highlight');\n                                        });\n                                    }}\n                                >\n                                    <div className=\"flex items-center gap-2\">\n                                        <input\n                                            type=\"checkbox\"\n                                            className=\"checkbox checkbox-sm\"\n                                            checked={visibilityState[columnId] !== false}\n                                            onChange={(e) => {\n                                                e.stopPropagation();\n                                                toggleColumnVisibility(columnId);\n                                            }}\n                                            onClick={(e) => e.stopPropagation()}\n                                        />\n                                        <span>{headerText}</span>\n                                    </div>\n\n                                    <svg\n                                        xmlns=\"http://www.w3.org/2000/svg\"\n                                        className={`h-4 w-4 cursor-grab active:cursor-grabbing`}\n                                        fill=\"none\"\n                                        viewBox=\"0 0 24 24\"\n                                        stroke=\"currentColor\"\n                                    >\n                                        <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"2\" d=\"M7 16V4m0 0L3 8m4-4l4 4m6 0v12m0 0l4-4m-4 4l-4-4\" />\n                                    </svg>\n                                </a>\n                            </li>\n                        );\n                    });\n                })()}\n            </ul>\n        </div>\n    );\n}\n"],"mappings":"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"}

package/dist/components/pro/DataTable/components/FilterBar.js

@@ -1,61 +1,61 @@
-import { useAppContext as x } from "../../../../contexts/AppContext.js";
-import { FilterPanel as C } from "../Filters.js";
-import u from "react";
-import { jsx as t, jsxs as l } from "react/jsx-runtime";
-function N({ table: a, columns: i, activeFilter: d, setActiveFilter: o, customFilterPanel: h, filterConfig: c }) {
-  const { language: p } = x(), f = (e, r) => p === "zh" ? e : r, g = (e) => {
-    const r = i.find((n) => "accessorKey" in n && n.accessorKey === e || "id" in n && n.id === e);
-    if (!r) return null;
-    const s = d === e;
-    if (!r.meta?.filterType) return null;
-    const m = a.getColumn(e);
-    if (!m) return null;
-    const b = typeof r.header == "string" ? r.header : e;
-    return /* @__PURE__ */ l("div", {
-      className: "relative",
-      children: [/* @__PURE__ */ l("button", {
-        className: `btn btn-sm ${s ? "btn-primary" : "btn-ghost"}`,
-        onClick: () => o(s ? null : e),
-        children: [b, /* @__PURE__ */ t("svg", {
-          xmlns: "http://www.w3.org/2000/svg",
-          className: "h-4 w-4 ml-1",
-          fill: "none",
-          viewBox: "0 0 24 24",
-          stroke: "currentColor",
-          children: /* @__PURE__ */ t("path", {
-            strokeLinecap: "round",
-            strokeLinejoin: "round",
-            strokeWidth: "2",
-            d: "M3 4a1 1 0 011-1h16a1 1 0 011 1v2.586a1 1 0 01-.293.707l-6.414 6.414a1 1 0 00-.293.707V17l-4 4v-6.586a1 1 0 00-.293-.707L3.293 7.293A1 1 0 013 6.586V4z"
-          })
-        })]
-      }), s && /* @__PURE__ */ t("div", {
-        className: "absolute mt-2 z-[100]",
-        children: u.createElement(h || C, {
-          column: m,
-          onClose: () => o(null)
-        })
-      })]
-    });
-  };
-  return /* @__PURE__ */ l("div", {
-    className: "flex gap-2 flex-wrap items-center",
-    children: [
-      i.map((e) => {
-        const r = "accessorKey" in e ? e.accessorKey : e.id;
-        return e.meta?.filterType ? /* @__PURE__ */ t(u.Fragment, { children: g(r) }, r) : null;
-      }),
-      c?.showClearAll && /* @__PURE__ */ t("button", {
-        className: "btn btn-sm btn-ghost text-error",
-        onClick: () => a.resetColumnFilters(),
-        children: f("清除所有", "Clear All")
-      }),
-      c?.customFilters
-    ]
-  });
+import { useAppContext as e } from "../../../../contexts/AppContext.js";
+import { FilterPanel as t } from "../Filters.js";
+import n from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/components/pro/DataTable/components/FilterBar.tsx
+function a({ table: a, columns: o, activeFilter: s, setActiveFilter: c, customFilterPanel: l, filterConfig: u }) {
+	let { language: d } = e(), f = (e, t) => d === "zh" ? e : t, p = (e) => {
+		let u = o.find((t) => "accessorKey" in t && t.accessorKey === e || "id" in t && t.id === e);
+		if (!u) return null;
+		let d = s === e;
+		if (!u.meta?.filterType) return null;
+		let f = a.getColumn(e);
+		if (!f) return null;
+		let p = typeof u.header == "string" ? u.header : e;
+		return /* @__PURE__ */ i("div", {
+			className: "relative",
+			children: [/* @__PURE__ */ i("button", {
+				className: `btn btn-sm ${d ? "btn-primary" : "btn-ghost"}`,
+				onClick: () => c(d ? null : e),
+				children: [p, /* @__PURE__ */ r("svg", {
+					xmlns: "http://www.w3.org/2000/svg",
+					className: "h-4 w-4 ml-1",
+					fill: "none",
+					viewBox: "0 0 24 24",
+					stroke: "currentColor",
+					children: /* @__PURE__ */ r("path", {
+						strokeLinecap: "round",
+						strokeLinejoin: "round",
+						strokeWidth: "2",
+						d: "M3 4a1 1 0 011-1h16a1 1 0 011 1v2.586a1 1 0 01-.293.707l-6.414 6.414a1 1 0 00-.293.707V17l-4 4v-6.586a1 1 0 00-.293-.707L3.293 7.293A1 1 0 013 6.586V4z"
+					})
+				})]
+			}), d && /* @__PURE__ */ r("div", {
+				className: "absolute mt-2 z-[100]",
+				children: n.createElement(l || t, {
+					column: f,
+					onClose: () => c(null)
+				})
+			})]
+		});
+	};
+	return /* @__PURE__ */ i("div", {
+		className: "flex gap-2 flex-wrap items-center",
+		children: [
+			o.map((e) => {
+				let t = "accessorKey" in e ? e.accessorKey : e.id;
+				return e.meta?.filterType ? /* @__PURE__ */ r(n.Fragment, { children: p(t) }, t) : null;
+			}),
+			u?.showClearAll && /* @__PURE__ */ r("button", {
+				className: "btn btn-sm btn-ghost text-error",
+				onClick: () => a.resetColumnFilters(),
+				children: f("清除所有", "Clear All")
+			}),
+			u?.customFilters
+		]
+	});
 }
-export {
-  N as FilterBar
-};
+//#endregion
+export { a as FilterBar };
 
 //# sourceMappingURL=FilterBar.js.map

package/dist/components/pro/DataTable/components/FilterBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"FilterBar.js","names":[],"sources":["../../../../../src/components/pro/DataTable/components/FilterBar.tsx"],"sourcesContent":["import React from 'react';\nimport { Table } from '../tanstack-table';\nimport { FilterConfig, CustomFilterPanelProps } from '../types';\nimport { useAppContext } from '../../../../contexts/AppContext';\nimport { FilterPanel } from '../Filters';\n\ninterface FilterBarProps<T extends object> {\n    table: Table<T>;\n    columns: any[];\n    activeFilter: string | null;\n    setActiveFilter: (filter: string | null) => void;\n    customFilterPanel?: React.ComponentType<CustomFilterPanelProps>;\n    filterConfig?: FilterConfig;\n}\n\nexport function FilterBar<T extends object>({\n    table,\n    columns,\n    activeFilter,\n    setActiveFilter,\n    customFilterPanel,\n    filterConfig,\n}: FilterBarProps<T>) {\n    const { language } = useAppContext();\n\n    const getLocalizedText = (zhText: string, enText: string) => {\n        return language === 'zh' ? zhText : enText;\n    };\n\n    const renderColumnFilter = (columnId: string) => {\n        const column = columns.find(col =>\n            ('accessorKey' in col && col.accessorKey === columnId) ||\n            ('id' in col && col.id === columnId)\n        );\n\n        if (!column) return null;\n\n        const isActive = activeFilter === columnId;\n        const filterType = column.meta?.filterType;\n\n        if (!filterType) return null;\n\n        const tableColumn = table.getColumn(columnId);\n        if (!tableColumn) return null;\n\n        const columnHeader = typeof column.header === 'string' ? column.header : columnId;\n\n        return (\n            <div className=\"relative\">\n                <button\n                    className={`btn btn-sm ${isActive ? 'btn-primary' : 'btn-ghost'}`}\n                    onClick={() => setActiveFilter(isActive ? null : columnId)}\n                >\n                    {columnHeader}\n                    <svg\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                        className=\"h-4 w-4 ml-1\"\n                        fill=\"none\"\n                        viewBox=\"0 0 24 24\"\n                        stroke=\"currentColor\"\n                    >\n                        <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"2\" d=\"M3 4a1 1 0 011-1h16a1 1 0 011 1v2.586a1 1 0 01-.293.707l-6.414 6.414a1 1 0 00-.293.707V17l-4 4v-6.586a1 1 0 00-.293-.707L3.293 7.293A1 1 0 013 6.586V4z\" />\n                    </svg>\n                </button>\n\n                {isActive && (\n                    <div className=\"absolute mt-2 z-[100]\">\n                        {React.createElement(customFilterPanel || FilterPanel, {\n                            column: tableColumn as any,\n                            onClose: () => setActiveFilter(null)\n                        })}\n                    </div>\n                )}\n            </div>\n        );\n    };\n\n    return (\n        <div className=\"flex gap-2 flex-wrap items-center\">\n            {columns.map(column => {\n                const columnId = 'accessorKey' in column ? column.accessorKey as string : column.id as string;\n                if (column.meta?.filterType) {\n                    return <React.Fragment key={columnId}>{renderColumnFilter(columnId)}</React.Fragment>;\n                }\n                return null;\n            })}\n\n            {filterConfig?.showClearAll && (\n                <button\n                    className=\"btn btn-sm btn-ghost text-error\"\n                    onClick={() => table.resetColumnFilters()}\n                >\n                    {getLocalizedText('清除所有', 'Clear All')}\n                </button>\n            )}\n\n            {filterConfig?.customFilters}\n        </div>\n    );\n}\n"],"mappings":";;;;AAeA,SAAgB,EAA4B,EACxC,OAAA,GACA,SAAA,GACA,cAAA,GACA,iBAAA,GACA,mBAAA,GACA,cAAA,EAAA,GACkB;AAClB,QAAM,EAAE,UAAA,EAAA,IAAa,EAAc,GAE7B,IAAA,CAAoB,GAAgB,MAC/B,MAAa,OAAO,IAAS,GAGlC,IAAA,CAAsB,MAAqB;AAC7C,UAAM,IAAS,EAAQ,KAAA,CAAK,MACvB,iBAAiB,KAAO,EAAI,gBAAgB,KAC5C,QAAQ,KAAO,EAAI,OAAO,CAC/B;AAEA,QAAI,CAAC,EAAQ,QAAO;AAEpB,UAAM,IAAW,MAAiB;AAGlC,QAAI,CAFe,EAAO,MAAM,WAEf,QAAO;AAExB,UAAM,IAAc,EAAM,UAAU,CAAQ;AAC5C,QAAI,CAAC,EAAa,QAAO;AAEzB,UAAM,IAAe,OAAO,EAAO,UAAW,WAAW,EAAO,SAAS;AAEzE,WACI,gBAAA,EAAC,OAAD;AAAA,MAAK,WAAU;AAAA,gBAAf,CACI,gBAAA,EAAC,UAAD;AAAA,QACI,WAAW,cAAc,IAAW,gBAAgB,WAAA;AAAA,QACpD,SAAA,MAAe,EAAgB,IAAW,OAAO,CAAQ;AAAA,kBAF7D,CAIK,GACD,gBAAA,EAAC,OAAD;AAAA,UACI,OAAM;AAAA,UACN,WAAU;AAAA,UACV,MAAK;AAAA,UACL,SAAQ;AAAA,UACR,QAAO;AAAA,oBAEP,gBAAA,EAAC,QAAD;AAAA,YAAM,eAAc;AAAA,YAAQ,gBAAe;AAAA,YAAQ,aAAY;AAAA,YAAI,GAAE;AAAA,UAA2J,CAAA;AAAA,QAC/N,CAAA,CACD;AAAA,UAEP,KACG,gBAAA,EAAC,OAAD;AAAA,QAAK,WAAU;AAAA,kBACV,EAAM,cAAc,KAAqB,GAAa;AAAA,UACnD,QAAQ;AAAA,UACR,SAAA,MAAe,EAAgB,IAAI;AAAA,QACvC,CAAC;AAAA,MACA,CAAA,CAER;AAAA;EAEb;AAEA,SACI,gBAAA,EAAC,OAAD;AAAA,IAAK,WAAU;AAAA,cAAf;AAAA,MACK,EAAQ,IAAA,CAAI,MAAU;AACnB,cAAM,IAAW,iBAAiB,IAAS,EAAO,cAAwB,EAAO;AACjF,eAAI,EAAO,MAAM,aACN,gBAAA,EAAC,EAAM,UAAP,EAAA,UAAgC,EAAmB,CAAQ,EAAkB,GAAxD,CAAwD,IAEjF;AAAA,MACX,CAAC;AAAA,MAEA,GAAc,gBACX,gBAAA,EAAC,UAAD;AAAA,QACI,WAAU;AAAA,QACV,SAAA,MAAe,EAAM,mBAAmB;AAAA,kBAEvC,EAAiB,QAAQ,WAAW;AAAA,MACjC,CAAA;AAAA,MAGX,GAAc;AAAA,IACd;AAAA;AAEb"}
+{"version":3,"file":"FilterBar.js","names":[],"sources":["../../../../../src/components/pro/DataTable/components/FilterBar.tsx"],"sourcesContent":["import React from 'react';\nimport { Table } from '../tanstack-table';\nimport { FilterConfig, CustomFilterPanelProps } from '../types';\nimport { useAppContext } from '../../../../contexts/AppContext';\nimport { FilterPanel } from '../Filters';\n\ninterface FilterBarProps<T extends object> {\n    table: Table<T>;\n    columns: any[];\n    activeFilter: string | null;\n    setActiveFilter: (filter: string | null) => void;\n    customFilterPanel?: React.ComponentType<CustomFilterPanelProps>;\n    filterConfig?: FilterConfig;\n}\n\nexport function FilterBar<T extends object>({\n    table,\n    columns,\n    activeFilter,\n    setActiveFilter,\n    customFilterPanel,\n    filterConfig,\n}: FilterBarProps<T>) {\n    const { language } = useAppContext();\n\n    const getLocalizedText = (zhText: string, enText: string) => {\n        return language === 'zh' ? zhText : enText;\n    };\n\n    const renderColumnFilter = (columnId: string) => {\n        const column = columns.find(col =>\n            ('accessorKey' in col && col.accessorKey === columnId) ||\n            ('id' in col && col.id === columnId)\n        );\n\n        if (!column) return null;\n\n        const isActive = activeFilter === columnId;\n        const filterType = column.meta?.filterType;\n\n        if (!filterType) return null;\n\n        const tableColumn = table.getColumn(columnId);\n        if (!tableColumn) return null;\n\n        const columnHeader = typeof column.header === 'string' ? column.header : columnId;\n\n        return (\n            <div className=\"relative\">\n                <button\n                    className={`btn btn-sm ${isActive ? 'btn-primary' : 'btn-ghost'}`}\n                    onClick={() => setActiveFilter(isActive ? null : columnId)}\n                >\n                    {columnHeader}\n                    <svg\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                        className=\"h-4 w-4 ml-1\"\n                        fill=\"none\"\n                        viewBox=\"0 0 24 24\"\n                        stroke=\"currentColor\"\n                    >\n                        <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"2\" d=\"M3 4a1 1 0 011-1h16a1 1 0 011 1v2.586a1 1 0 01-.293.707l-6.414 6.414a1 1 0 00-.293.707V17l-4 4v-6.586a1 1 0 00-.293-.707L3.293 7.293A1 1 0 013 6.586V4z\" />\n                    </svg>\n                </button>\n\n                {isActive && (\n                    <div className=\"absolute mt-2 z-[100]\">\n                        {React.createElement(customFilterPanel || FilterPanel, {\n                            column: tableColumn as any,\n                            onClose: () => setActiveFilter(null)\n                        })}\n                    </div>\n                )}\n            </div>\n        );\n    };\n\n    return (\n        <div className=\"flex gap-2 flex-wrap items-center\">\n            {columns.map(column => {\n                const columnId = 'accessorKey' in column ? column.accessorKey as string : column.id as string;\n                if (column.meta?.filterType) {\n                    return <React.Fragment key={columnId}>{renderColumnFilter(columnId)}</React.Fragment>;\n                }\n                return null;\n            })}\n\n            {filterConfig?.showClearAll && (\n                <button\n                    className=\"btn btn-sm btn-ghost text-error\"\n                    onClick={() => table.resetColumnFilters()}\n                >\n                    {getLocalizedText('清除所有', 'Clear All')}\n                </button>\n            )}\n\n            {filterConfig?.customFilters}\n        </div>\n    );\n}\n"],"mappings":";;;;;AAeA,SAAgB,EAA4B,EACxC,UACA,YACA,iBACA,oBACA,sBACA,mBACkB;CAClB,IAAM,EAAE,gBAAa,EAAc,GAE7B,KAAoB,GAAgB,MAC/B,MAAa,OAAO,IAAS,GAGlC,KAAsB,MAAqB;EAC7C,IAAM,IAAS,EAAQ,MAAK,MACvB,iBAAiB,KAAO,EAAI,gBAAgB,KAC5C,QAAQ,KAAO,EAAI,OAAO,CAC/B;EAEA,IAAI,CAAC,GAAQ,OAAO;EAEpB,IAAM,IAAW,MAAiB;EAGlC,IAAI,CAFe,EAAO,MAAM,YAEf,OAAO;EAExB,IAAM,IAAc,EAAM,UAAU,CAAQ;EAC5C,IAAI,CAAC,GAAa,OAAO;EAEzB,IAAM,IAAe,OAAO,EAAO,UAAW,WAAW,EAAO,SAAS;EAEzE,OACI,kBAAC,OAAD;GAAK,WAAU;GAAf,UAAA,CACI,kBAAC,UAAD;IACI,WAAW,cAAc,IAAW,gBAAgB;IACpD,eAAe,EAAgB,IAAW,OAAO,CAAQ;IAF7D,UAAA,CAIK,GACD,kBAAC,OAAD;KACI,OAAM;KACN,WAAU;KACV,MAAK;KACL,SAAQ;KACR,QAAO;KAEP,UAAA,kBAAC,QAAD;MAAM,eAAc;MAAQ,gBAAe;MAAQ,aAAY;MAAI,GAAE;KAA2J,CAAA;IAC/N,CAAA,CACD;GAEP,CAAA,GAAA,KACG,kBAAC,OAAD;IAAK,WAAU;IACV,UAAA,EAAM,cAAc,KAAqB,GAAa;KACnD,QAAQ;KACR,eAAe,EAAgB,IAAI;IACvC,CAAC;GACA,CAAA,CAER;;CAEb;CAEA,OACI,kBAAC,OAAD;EAAK,WAAU;EAAf,UAAA;GACK,EAAQ,KAAI,MAAU;IACnB,IAAM,IAAW,iBAAiB,IAAS,EAAO,cAAwB,EAAO;IAIjF,OAHI,EAAO,MAAM,aACN,kBAAC,EAAM,UAAP,EAAA,UAAgC,EAAmB,CAAQ,EAAkB,GAAxD,CAAwD,IAEjF;GACX,CAAC;GAEA,GAAc,gBACX,kBAAC,UAAD;IACI,WAAU;IACV,eAAe,EAAM,mBAAmB;IAEvC,UAAA,EAAiB,QAAQ,WAAW;GACjC,CAAA;GAGX,GAAc;EACd;;AAEb"}