sa2kit 1.6.33 → 1.6.35

package/dist/chunk-EGJPS7OL.mjs

@@ -0,0 +1,98 @@
+import { cn } from './chunk-3NHAT7D4.mjs';
+import { useLocalStorage } from './chunk-VVWQTO4Y.mjs';
+import React from 'react';
+
+function ImageMappingPanel({
+  title,
+  items,
+  value,
+  onChange,
+  className,
+  uploadLabel = "\u4E0A\u4F20\u56FE\u7247",
+  clearLabel = "\u6E05\u9664"
+}) {
+  const handleFileChange = (id, file) => {
+    if (!file) {
+      return;
+    }
+    const reader = new FileReader();
+    reader.onload = () => {
+      const base64 = typeof reader.result === "string" ? reader.result : "";
+      if (!base64) {
+        return;
+      }
+      onChange({
+        ...value,
+        [id]: base64
+      });
+    };
+    reader.readAsDataURL(file);
+  };
+  const handleRemove = (id) => {
+    const next = { ...value };
+    delete next[id];
+    onChange(next);
+  };
+  return /* @__PURE__ */ React.createElement("details", { className: cn("rounded-lg border border-slate-200 bg-white/80 p-3", className) }, /* @__PURE__ */ React.createElement("summary", { className: "cursor-pointer text-sm font-semibold text-slate-700" }, title), /* @__PURE__ */ React.createElement("div", { className: "mt-3 grid grid-cols-1 gap-2 sm:grid-cols-2" }, items.map((item) => {
+    const image = value[item.id];
+    return /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        key: item.id,
+        className: "flex items-center gap-2 rounded-md border border-slate-200 bg-white p-2"
+      },
+      /* @__PURE__ */ React.createElement("div", { className: "w-16 text-xs font-semibold text-slate-600" }, item.label),
+      /* @__PURE__ */ React.createElement("label", { className: "flex-1 cursor-pointer rounded-md bg-cyan-600 px-2 py-1 text-center text-xs font-medium text-white" }, uploadLabel, /* @__PURE__ */ React.createElement(
+        "input",
+        {
+          type: "file",
+          accept: "image/*",
+          className: "hidden",
+          onChange: (event) => {
+            handleFileChange(item.id, event.target.files?.[0]);
+            event.currentTarget.value = "";
+          }
+        }
+      )),
+      image ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+        "img",
+        {
+          src: image,
+          alt: item.label,
+          className: "h-8 w-8 rounded-full border border-slate-200 object-cover"
+        }
+      ), /* @__PURE__ */ React.createElement(
+        "button",
+        {
+          type: "button",
+          className: "rounded-md border border-red-200 px-2 py-1 text-xs text-red-600",
+          onClick: () => handleRemove(item.id)
+        },
+        clearLabel
+      )) : null
+    );
+  })));
+}
+function LocalImageMappingPanel({
+  storageKey,
+  defaultValue = {},
+  onValueChange,
+  ...panelProps
+}) {
+  const [value, setValue] = useLocalStorage(storageKey, defaultValue);
+  return /* @__PURE__ */ React.createElement(
+    ImageMappingPanel,
+    {
+      ...panelProps,
+      value,
+      onChange: (next) => {
+        setValue(next);
+        onValueChange?.(next);
+      }
+    }
+  );
+}
+
+export { ImageMappingPanel, LocalImageMappingPanel };
+//# sourceMappingURL=chunk-EGJPS7OL.mjs.map
+//# sourceMappingURL=chunk-EGJPS7OL.mjs.map

package/dist/chunk-EGJPS7OL.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ImageMappingPanel.tsx","../src/components/LocalImageMappingPanel.tsx"],"names":["React"],"mappings":";;;;AAoBO,SAAS,iBAAA,CAAkB;AAAA,EAChC,KAAA;AAAA,EACA,KAAA;AAAA,EACA,KAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA;AAAA,EACA,WAAA,GAAc,0BAAA;AAAA,EACd,UAAA,GAAa;AACf,CAAA,EAA2B;AACzB,EAAA,MAAM,gBAAA,GAAmB,CAAC,EAAA,EAAY,IAAA,KAAgB;AACpD,IAAA,IAAI,CAAC,IAAA,EAAM;AACT,MAAA;AAAA,IACF;AAEA,IAAA,MAAM,MAAA,GAAS,IAAI,UAAA,EAAW;AAC9B,IAAA,MAAA,CAAO,SAAS,MAAM;AACpB,MAAA,MAAM,SAAS,OAAO,MAAA,CAAO,MAAA,KAAW,QAAA,GAAW,OAAO,MAAA,GAAS,EAAA;AACnE,MAAA,IAAI,CAAC,MAAA,EAAQ;AACX,QAAA;AAAA,MACF;AACA,MAAA,QAAA,CAAS;AAAA,QACP,GAAG,KAAA;AAAA,QACH,CAAC,EAAE,GAAG;AAAA,OACP,CAAA;AAAA,IACH,CAAA;AACA,IAAA,MAAA,CAAO,cAAc,IAAI,CAAA;AAAA,EAC3B,CAAA;AAEA,EAAA,MAAM,YAAA,GAAe,CAAC,EAAA,KAAe;AACnC,IAAA,MAAM,IAAA,GAAO,EAAE,GAAG,KAAA,EAAM;AACxB,IAAA,OAAO,KAAK,EAAE,CAAA;AACd,IAAA,QAAA,CAAS,IAAI,CAAA;AAAA,EACf,CAAA;AAEA,EAAA,uBACE,KAAA,CAAA,aAAA,CAAC,aAAQ,SAAA,EAAW,EAAA,CAAG,sDAAsD,SAAS,CAAA,EAAA,sCACnF,SAAA,EAAA,EAAQ,SAAA,EAAU,yDAAuD,KAAM,CAAA,sCAC/E,KAAA,EAAA,EAAI,SAAA,EAAU,gDACZ,KAAA,CAAM,GAAA,CAAI,CAAC,IAAA,KAAS;AACnB,IAAA,MAAM,KAAA,GAAQ,KAAA,CAAM,IAAA,CAAK,EAAE,CAAA;AAC3B,IAAA,uBACE,KAAA,CAAA,aAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,KAAK,IAAA,CAAK,EAAA;AAAA,QACV,SAAA,EAAU;AAAA,OAAA;AAAA,sBAEV,KAAA,CAAA,aAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,2CAAA,EAAA,EAA6C,KAAK,KAAM,CAAA;AAAA,sBACvE,KAAA,CAAA,aAAA,CAAC,OAAA,EAAA,EAAM,SAAA,EAAU,mGAAA,EAAA,EACd,WAAA,kBACD,KAAA,CAAA,aAAA;AAAA,QAAC,OAAA;AAAA,QAAA;AAAA,UACC,IAAA,EAAK,MAAA;AAAA,UACL,MAAA,EAAO,SAAA;AAAA,UACP,SAAA,EAAU,QAAA;AAAA,UACV,QAAA,EAAU,CAAC,KAAA,KAAU;AACnB,YAAA,gBAAA,CAAiB,KAAK,EAAA,EAAI,KAAA,CAAM,MAAA,CAAO,KAAA,GAAQ,CAAC,CAAC,CAAA;AACjD,YAAA,KAAA,CAAM,cAAc,KAAA,GAAQ,EAAA;AAAA,UAC9B;AAAA;AAAA,OAEJ,CAAA;AAAA,MACC,wBACC,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,kBACE,KAAA,CAAA,aAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UACC,GAAA,EAAK,KAAA;AAAA,UACL,KAAK,IAAA,CAAK,KAAA;AAAA,UACV,SAAA,EAAU;AAAA;AAAA,OACZ,kBACA,KAAA,CAAA,aAAA;AAAA,QAAC,QAAA;AAAA,QAAA;AAAA,UACC,IAAA,EAAK,QAAA;AAAA,UACL,SAAA,EAAU,iEAAA;AAAA,UACV,OAAA,EAAS,MAAM,YAAA,CAAa,IAAA,CAAK,EAAE;AAAA,SAAA;AAAA,QAElC;AAAA,OAEL,CAAA,GACE;AAAA,KACN;AAAA,EAEJ,CAAC,CACH,CACF,CAAA;AAEJ;ACpFO,SAAS,sBAAA,CAAuB;AAAA,EACrC,UAAA;AAAA,EACA,eAAe,EAAC;AAAA,EAChB,aAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAgC;AAC9B,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAI,eAAA,CAAmC,YAAY,YAAY,CAAA;AAErF,EAAA,uBACEA,KAAAA,CAAA,aAAA;AAAA,IAAC,iBAAA;AAAA,IAAA;AAAA,MACE,GAAG,UAAA;AAAA,MACJ,KAAA;AAAA,MACA,QAAA,EAAU,CAAC,IAAA,KAAS;AAClB,QAAA,QAAA,CAAS,IAAI,CAAA;AACb,QAAA,aAAA,GAAgB,IAAI,CAAA;AAAA,MACtB;AAAA;AAAA,GACF;AAEJ","file":"chunk-EGJPS7OL.mjs","sourcesContent":["import React from 'react';\nimport { cn } from '../utils';\n\nexport interface ImageMappingItem {\n  id: string;\n  label: string;\n}\n\nexport type ImageMappingValue = Record<string, string>;\n\nexport interface ImageMappingPanelProps {\n  title: string;\n  items: ImageMappingItem[];\n  value: ImageMappingValue;\n  onChange: (next: ImageMappingValue) => void;\n  className?: string;\n  uploadLabel?: string;\n  clearLabel?: string;\n}\n\nexport function ImageMappingPanel({\n  title,\n  items,\n  value,\n  onChange,\n  className,\n  uploadLabel = '上传图片',\n  clearLabel = '清除',\n}: ImageMappingPanelProps) {\n  const handleFileChange = (id: string, file?: File) => {\n    if (!file) {\n      return;\n    }\n\n    const reader = new FileReader();\n    reader.onload = () => {\n      const base64 = typeof reader.result === 'string' ? reader.result : '';\n      if (!base64) {\n        return;\n      }\n      onChange({\n        ...value,\n        [id]: base64,\n      });\n    };\n    reader.readAsDataURL(file);\n  };\n\n  const handleRemove = (id: string) => {\n    const next = { ...value };\n    delete next[id];\n    onChange(next);\n  };\n\n  return (\n    <details className={cn('rounded-lg border border-slate-200 bg-white/80 p-3', className)}>\n      <summary className=\"cursor-pointer text-sm font-semibold text-slate-700\">{title}</summary>\n      <div className=\"mt-3 grid grid-cols-1 gap-2 sm:grid-cols-2\">\n        {items.map((item) => {\n          const image = value[item.id];\n          return (\n            <div\n              key={item.id}\n              className=\"flex items-center gap-2 rounded-md border border-slate-200 bg-white p-2\"\n            >\n              <div className=\"w-16 text-xs font-semibold text-slate-600\">{item.label}</div>\n              <label className=\"flex-1 cursor-pointer rounded-md bg-cyan-600 px-2 py-1 text-center text-xs font-medium text-white\">\n                {uploadLabel}\n                <input\n                  type=\"file\"\n                  accept=\"image/*\"\n                  className=\"hidden\"\n                  onChange={(event) => {\n                    handleFileChange(item.id, event.target.files?.[0]);\n                    event.currentTarget.value = '';\n                  }}\n                />\n              </label>\n              {image ? (\n                <>\n                  <img\n                    src={image}\n                    alt={item.label}\n                    className=\"h-8 w-8 rounded-full border border-slate-200 object-cover\"\n                  />\n                  <button\n                    type=\"button\"\n                    className=\"rounded-md border border-red-200 px-2 py-1 text-xs text-red-600\"\n                    onClick={() => handleRemove(item.id)}\n                  >\n                    {clearLabel}\n                  </button>\n                </>\n              ) : null}\n            </div>\n          );\n        })}\n      </div>\n    </details>\n  );\n}\n\n","import React from 'react';\nimport { useLocalStorage } from '../storage/hooks/useLocalStorage';\nimport {\n  ImageMappingPanel,\n  type ImageMappingItem,\n  type ImageMappingPanelProps,\n  type ImageMappingValue,\n} from './ImageMappingPanel';\n\nexport interface LocalImageMappingPanelProps\n  extends Omit<ImageMappingPanelProps, 'value' | 'onChange'> {\n  storageKey: string;\n  defaultValue?: ImageMappingValue;\n  onValueChange?: (next: ImageMappingValue) => void;\n}\n\nexport function LocalImageMappingPanel({\n  storageKey,\n  defaultValue = {},\n  onValueChange,\n  ...panelProps\n}: LocalImageMappingPanelProps) {\n  const [value, setValue] = useLocalStorage<ImageMappingValue>(storageKey, defaultValue);\n\n  return (\n    <ImageMappingPanel\n      {...panelProps}\n      value={value}\n      onChange={(next) => {\n        setValue(next);\n        onValueChange?.(next);\n      }}\n    />\n  );\n}\n\nexport type { ImageMappingItem };\n\n"]}

package/dist/{chunk-EI27JKND.mjs → chunk-GMIUSZXC.mjs}

@@ -1984,5 +1984,5 @@ var ConfirmModal = ({
 };
 
 export { AlertDialogAction, AlertDialogCancel, AlertDialogContent, Avatar, AvatarFallback, AvatarImage, BackButton, Badge, Button, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CollisionBalls, ConfirmModal, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, FilterButtonGroup, GenericOrderManager, Grid, Input, Label, Modal, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Progress, ScrollArea, ScrollBar, SearchBox, SearchResultHint, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Timeline, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, badgeVariants, buttonVariants };
-//# sourceMappingURL=chunk-EI27JKND.mjs.map
-//# sourceMappingURL=chunk-EI27JKND.mjs.map
+//# sourceMappingURL=chunk-GMIUSZXC.mjs.map
+//# sourceMappingURL=chunk-GMIUSZXC.mjs.map