@simplysm/solid 13.0.0-beta.6 → 13.0.2

package/dist/components/data/list/ListItem.js

@@ -1,41 +1,40 @@
+import { template as _$template } from "solid-js/web";
+import { use as _$use } from "solid-js/web";
+import { spread as _$spread } from "solid-js/web";
+import { mergeProps as _$mergeProps } from "solid-js/web";
+import { memo as _$memo } from "solid-js/web";
+import { insert as _$insert } from "solid-js/web";
+import { createComponent as _$createComponent } from "solid-js/web";
+import { className as _$className } from "solid-js/web";
+var _tmpl$ = /* @__PURE__ */ _$template(`<div class=flex data-list-item-children><div>`), _tmpl$2 = /* @__PURE__ */ _$template(`<button><span>`);
 import { children, Show, splitProps } from "solid-js";
 import { IconChevronDown } from "@tabler/icons-solidjs";
-import { Icon } from "../../display/Icon";
+import { Icon } from "../../display/Icon.js";
 import clsx from "clsx";
 import { twMerge } from "tailwind-merge";
-import { ripple } from "../../../directives/ripple";
-import { Collapse } from "../../disclosure/Collapse";
-import { createControllableSignal } from "../../../hooks/createControllableSignal";
-import { useListContext } from "./ListContext";
-import { List } from "./List";
-import { splitSlots } from "../../../helpers/splitSlots";
-import {
-  listItemBaseClass,
-  listItemSizeClasses,
-  listItemSelectedClass,
-  listItemDisabledClass,
-  listItemReadonlyClass,
-  listItemIndentGuideClass,
-  listItemContentClass,
-  getListItemSelectedIconClass
-} from "./ListItem.styles";
+import { ripple } from "../../../directives/ripple.js";
+import { Collapse } from "../../disclosure/Collapse.js";
+import { createControllableSignal } from "../../../hooks/createControllableSignal.js";
+import { useListContext } from "./ListContext.js";
+import { List } from "./List.js";
+import { splitSlots } from "../../../helpers/splitSlots.js";
+import { listItemBaseClass, listItemSizeClasses, listItemSelectedClass, listItemDisabledClass, listItemReadonlyClass, listItemIndentGuideClass, listItemContentClass, getListItemSelectedIconClass } from "./ListItem.styles.js";
 void ripple;
 const chevronClass = clsx("transition-transform duration-200 motion-reduce:transition-none");
-const ListItemChildren = (props) => /* @__PURE__ */ React.createElement("div", { class: "flex", "data-list-item-children": true }, /* @__PURE__ */ React.createElement("div", { class: listItemIndentGuideClass }), /* @__PURE__ */ React.createElement(List, { inset: true, class: "flex-1" }, props.children));
+const ListItemChildren = (props) => (() => {
+  var _el$ = _tmpl$(), _el$2 = _el$.firstChild;
+  _$className(_el$2, listItemIndentGuideClass);
+  _$insert(_el$, _$createComponent(List, {
+    inset: true,
+    "class": "flex-1",
+    get children() {
+      return props.children;
+    }
+  }), null);
+  return _el$;
+})();
 const ListItem = (props) => {
-  const [local, rest] = splitProps(props, [
-    "children",
-    "class",
-    "style",
-    "open",
-    "onOpenChange",
-    "selected",
-    "readonly",
-    "disabled",
-    "selectedIcon",
-    "size",
-    "onClick"
-  ]);
+  const [local, rest] = splitProps(props, ["children", "class", "style", "open", "onOpenChange", "selected", "readonly", "disabled", "selectedIcon", "size", "onClick"]);
   const listContext = useListContext();
   const level = listContext.level;
   const [openState, setOpenState] = createControllableSignal({
@@ -55,44 +54,94 @@ const ListItem = (props) => {
       (_a = local.onClick) == null ? void 0 : _a.call(local, e);
     }
   };
-  const getHeaderClassName = () => twMerge(
-    listItemBaseClass,
-    local.size && listItemSizeClasses[local.size],
-    local.selected && listItemSelectedClass,
-    local.readonly && listItemReadonlyClass,
-    local.disabled && listItemDisabledClass,
-    local.class
-  );
+  const getHeaderClassName = () => twMerge(listItemBaseClass, local.size && listItemSizeClasses[local.size], local.selected && listItemSelectedClass, local.readonly && listItemReadonlyClass, local.disabled && listItemDisabledClass, local.class);
   const getChevronClassName = () => twMerge(chevronClass, openState() ? "rotate-0" : "rotate-90");
   const getSelectedIconClassName = () => getListItemSelectedIconClass(local.selected ?? false);
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
-    "button",
-    {
-      ...rest,
-      type: "button",
-      "use:ripple": useRipple(),
-      class: getHeaderClassName(),
-      style: local.style,
-      "data-list-item": true,
-      role: "treeitem",
-      "aria-expanded": hasChildren() ? openState() : void 0,
-      "aria-disabled": local.disabled || void 0,
-      "aria-selected": local.selected || void 0,
+  return [(() => {
+    var _el$3 = _tmpl$2(), _el$4 = _el$3.firstChild;
+    _$use(ripple, _el$3, () => useRipple());
+    _$spread(_el$3, _$mergeProps(rest, {
+      "type": "button",
+      get ["class"]() {
+        return getHeaderClassName();
+      },
+      get style() {
+        return local.style;
+      },
+      "data-list-item": "",
+      "role": "treeitem",
+      get ["aria-expanded"]() {
+        return _$memo(() => !!hasChildren())() ? openState() : void 0;
+      },
+      get ["aria-disabled"]() {
+        return local.disabled || void 0;
+      },
+      get ["aria-selected"]() {
+        return local.selected || void 0;
+      },
       "aria-level": level,
-      tabIndex: local.disabled ? -1 : 0,
-      onClick: onHeaderClick,
-      onFocus: (e) => {
+      get tabIndex() {
+        return local.disabled ? -1 : 0;
+      },
+      "onClick": onHeaderClick,
+      "onFocus": (e) => {
         const treeRoot = e.currentTarget.closest("[data-list]");
         treeRoot == null ? void 0 : treeRoot.querySelectorAll("[data-list-item]").forEach((el) => {
           el.tabIndex = -1;
         });
         e.currentTarget.tabIndex = 0;
       }
+    }), false, true);
+    _$insert(_el$3, _$createComponent(Show, {
+      get when() {
+        return _$memo(() => !!local.selectedIcon)() && !hasChildren();
+      },
+      get children() {
+        return _$createComponent(Icon, {
+          get icon() {
+            return local.selectedIcon;
+          },
+          get ["class"]() {
+            return getSelectedIconClassName();
+          }
+        });
+      }
+    }), _el$4);
+    _$className(_el$4, listItemContentClass);
+    _$insert(_el$4, content);
+    _$insert(_el$3, _$createComponent(Show, {
+      get when() {
+        return hasChildren();
+      },
+      get children() {
+        return _$createComponent(Icon, {
+          icon: IconChevronDown,
+          size: "1em",
+          get ["class"]() {
+            return getChevronClassName();
+          }
+        });
+      }
+    }), null);
+    return _el$3;
+  })(), _$createComponent(Show, {
+    get when() {
+      return hasChildren();
     },
-    /* @__PURE__ */ React.createElement(Show, { when: local.selectedIcon && !hasChildren() }, /* @__PURE__ */ React.createElement(Icon, { icon: local.selectedIcon, class: getSelectedIconClassName() })),
-    /* @__PURE__ */ React.createElement("span", { class: listItemContentClass }, content()),
-    /* @__PURE__ */ React.createElement(Show, { when: hasChildren() }, /* @__PURE__ */ React.createElement(Icon, { icon: IconChevronDown, size: "1em", class: getChevronClassName() }))
-  ), /* @__PURE__ */ React.createElement(Show, { when: hasChildren() }, /* @__PURE__ */ React.createElement(Collapse, { open: openState(), "data-collapsed": !openState() || void 0 }, slots().listItemChildren.single())));
+    get children() {
+      return _$createComponent(Collapse, {
+        get open() {
+          return openState();
+        },
+        get ["data-collapsed"]() {
+          return !openState() || void 0;
+        },
+        get children() {
+          return slots().listItemChildren.single();
+        }
+      });
+    }
+  })];
 };
 ListItem.Children = ListItemChildren;
 export {

package/dist/components/data/list/ListItem.js.map

@@ -1,7 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/data/list/ListItem.tsx"],
-  "sourcesContent": ["import { children, type Component, type JSX, type ParentComponent, Show, splitProps } from \"solid-js\";\nimport { IconChevronDown, type IconProps } from \"@tabler/icons-solidjs\";\nimport { Icon } from \"../../display/Icon\";\nimport clsx from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\nimport { ripple } from \"../../../directives/ripple\";\nimport { Collapse } from \"../../disclosure/Collapse\";\nimport { createControllableSignal } from \"../../../hooks/createControllableSignal\";\nimport { useListContext } from \"./ListContext\";\nimport { List } from \"./List\";\nimport { splitSlots } from \"../../../helpers/splitSlots\";\nimport {\n  listItemBaseClass,\n  listItemSizeClasses,\n  listItemSelectedClass,\n  listItemDisabledClass,\n  listItemReadonlyClass,\n  listItemIndentGuideClass,\n  listItemContentClass,\n  getListItemSelectedIconClass,\n} from \"./ListItem.styles\";\nimport type { ComponentSize } from \"../../../styles/tokens.styles\";\n\nvoid ripple;\n\nconst chevronClass = clsx(\"transition-transform duration-200 motion-reduce:transition-none\");\n\n/**\n * \uC911\uCCA9 \uB9AC\uC2A4\uD2B8\uB97C \uB2F4\uB294 \uC11C\uBE0C \uCEF4\uD3EC\uB10C\uD2B8\n *\n * ListItem\uC758 \uD558\uC704 \uC544\uC774\uD15C\uC744 \uC815\uC758\uD560 \uB54C \uC0AC\uC6A9\uD55C\uB2E4.\n * \uB0B4\uBD80\uC801\uC73C\uB85C `<List inset>`\uC73C\uB85C \uAC10\uC2F8\uC11C Context\uC640 \uD0A4\uBCF4\uB4DC \uB124\uBE44\uAC8C\uC774\uC158\uC774 \uB3D9\uC791\uD55C\uB2E4.\n * \uC138\uB85C\uC120 \uAC00\uC774\uB4DC\uAC00 \uC790\uB3D9\uC73C\uB85C \uD45C\uC2DC\uB41C\uB2E4.\n *\n * @example\n * ```tsx\n * <List.Item>\n *   Folder\n *   <List.Item.Children>\n *     <List.Item>File 1</List.Item>\n *     <List.Item>File 2</List.Item>\n *   </List.Item.Children>\n * </List.Item>\n * ```\n */\nconst ListItemChildren: ParentComponent = (props) => (\n  <div class=\"flex\" data-list-item-children>\n    <div class={listItemIndentGuideClass} />\n    <List inset class=\"flex-1\">\n      {props.children}\n    </List>\n  </div>\n);\n\nexport interface ListItemProps extends Omit<JSX.ButtonHTMLAttributes<HTMLButtonElement>, \"onClick\"> {\n  /**\n   * \uC911\uCCA9 \uB9AC\uC2A4\uD2B8\uC758 \uC5F4\uB9BC \uC0C1\uD0DC (controlled \uBAA8\uB4DC)\n   */\n  open?: boolean;\n\n  /**\n   * \uC5F4\uB9BC \uC0C1\uD0DC \uBCC0\uACBD \uCF5C\uBC31 (\uC788\uC73C\uBA74 controlled \uBAA8\uB4DC)\n   */\n  onOpenChange?: (open: boolean) => void;\n\n  /**\n   * \uC120\uD0DD\uB41C \uC0C1\uD0DC\n   */\n  selected?: boolean;\n\n  /**\n   * \uC77D\uAE30 \uC804\uC6A9 (\uD074\uB9AD \uBE44\uD65C\uC131\uD654, \uC77C\uBC18 \uC0C9\uC0C1 \uC720\uC9C0)\n   */\n  readonly?: boolean;\n\n  /**\n   * \uBE44\uD65C\uC131\uD654 (\uD074\uB9AD \uBD88\uAC00, \uD750\uB824\uC9D0)\n   */\n  disabled?: boolean;\n\n  /**\n   * \uC120\uD0DD \uD45C\uC2DC \uC544\uC774\uCF58 \uCEF4\uD3EC\uB10C\uD2B8 (\uC911\uCCA9 List\uAC00 \uC5C6\uC744 \uB54C\uB9CC \uD45C\uC2DC)\n   */\n  selectedIcon?: Component<IconProps>;\n\n  /**\n   * \uC544\uC774\uD15C \uD06C\uAE30\n   */\n  size?: ComponentSize;\n\n  /**\n   * \uD074\uB9AD \uD578\uB4E4\uB7EC (\uC911\uCCA9 List\uAC00 \uC5C6\uC744 \uB54C \uD638\uCD9C)\n   */\n  onClick?: (e: MouseEvent) => void;\n}\n\n/**\n * \uB9AC\uC2A4\uD2B8 \uC544\uC774\uD15C \uCEF4\uD3EC\uB10C\uD2B8\n *\n * `ListItem.Children`\uC73C\uB85C \uC911\uCCA9 \uB9AC\uC2A4\uD2B8\uB97C \uD3EC\uD568\uD558\uBA74 \uC544\uCF54\uB514\uC5B8 \uB3D9\uC791\uC744 \uC9C0\uC6D0\uD55C\uB2E4.\n * controlled \uBAA8\uB4DC\uB85C \uC0AC\uC6A9\uD558\uB824\uBA74 open\uACFC onOpenChange\uB97C \uD568\uAED8 \uC81C\uACF5\uD55C\uB2E4.\n *\n * @example\n * ```tsx\n * // \uAE30\uBCF8 \uC0AC\uC6A9\n * <List.Item>Simple item</List.Item>\n *\n * // \uC120\uD0DD \uC0C1\uD0DC\n * <List.Item selected>Selected item</List.Item>\n *\n * // \uC120\uD0DD \uC544\uC774\uCF58\n * <List.Item selectedIcon={IconCheck} selected>Icon selection</List.Item>\n *\n * // \uC911\uCCA9 \uB9AC\uC2A4\uD2B8 (\uC544\uCF54\uB514\uC5B8)\n * <List.Item>\n *   Folder\n *   <List.Item.Children>\n *     <List.Item>File</List.Item>\n *   </List.Item.Children>\n * </List.Item>\n * ```\n */\ninterface ListItemComponent extends ParentComponent<ListItemProps> {\n  Children: typeof ListItemChildren;\n}\n\nexport const ListItem: ListItemComponent = (props) => {\n  const [local, rest] = splitProps(props, [\n    \"children\",\n    \"class\",\n    \"style\",\n    \"open\",\n    \"onOpenChange\",\n    \"selected\",\n    \"readonly\",\n    \"disabled\",\n    \"selectedIcon\",\n    \"size\",\n    \"onClick\",\n  ]);\n\n  const listContext = useListContext();\n  const level = listContext.level;\n\n  const [openState, setOpenState] = createControllableSignal({\n    value: () => local.open ?? false,\n    onChange: () => local.onOpenChange,\n  });\n\n  const resolved = children(() => local.children);\n  const [slots, content] = splitSlots(resolved, [\"listItemChildren\"] as const);\n\n  const hasChildren = () => slots().listItemChildren.length > 0;\n\n  const useRipple = () => !(local.readonly || local.disabled);\n\n  const onHeaderClick = (e: MouseEvent) => {\n    if (local.readonly || local.disabled) return;\n\n    if (hasChildren()) {\n      setOpenState((v: boolean) => !v);\n    } else {\n      local.onClick?.(e);\n    }\n  };\n\n  const getHeaderClassName = () =>\n    twMerge(\n      listItemBaseClass,\n      local.size && listItemSizeClasses[local.size],\n      local.selected && listItemSelectedClass,\n      local.readonly && listItemReadonlyClass,\n      local.disabled && listItemDisabledClass,\n      local.class,\n    );\n\n  const getChevronClassName = () => twMerge(chevronClass, openState() ? \"rotate-0\" : \"rotate-90\");\n\n  const getSelectedIconClassName = () => getListItemSelectedIconClass(local.selected ?? false);\n\n  return (\n    <>\n      <button\n        {...rest}\n        type=\"button\"\n        use:ripple={useRipple()}\n        class={getHeaderClassName()}\n        style={local.style}\n        data-list-item\n        role=\"treeitem\"\n        aria-expanded={hasChildren() ? openState() : undefined}\n        aria-disabled={local.disabled || undefined}\n        aria-selected={local.selected || undefined}\n        aria-level={level}\n        tabIndex={local.disabled ? -1 : 0}\n        onClick={onHeaderClick}\n        onFocus={(e) => {\n          const treeRoot = e.currentTarget.closest(\"[data-list]\");\n          treeRoot?.querySelectorAll(\"[data-list-item]\").forEach((el) => {\n            (el as HTMLElement).tabIndex = -1;\n          });\n          e.currentTarget.tabIndex = 0;\n        }}\n      >\n        <Show when={local.selectedIcon && !hasChildren()}>\n          <Icon icon={local.selectedIcon!} class={getSelectedIconClassName()} />\n        </Show>\n        <span class={listItemContentClass}>{content()}</span>\n        <Show when={hasChildren()}>\n          <Icon icon={IconChevronDown} size=\"1em\" class={getChevronClassName()} />\n        </Show>\n      </button>\n      <Show when={hasChildren()}>\n        <Collapse open={openState()} data-collapsed={!openState() || undefined}>\n          {slots().listItemChildren.single()}\n        </Collapse>\n      </Show>\n    </>\n  );\n};\n\nListItem.Children = ListItemChildren;\n"],
-  "mappings": "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",
-  "names": []
+  "mappings": "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",
+  "names": ["children", "Show", "splitProps", "IconChevronDown", "Icon", "clsx", "twMerge", "ripple", "Collapse", "createControllableSignal", "useListContext", "List", "splitSlots", "listItemBaseClass", "listItemSizeClasses", "listItemSelectedClass", "listItemDisabledClass", "listItemReadonlyClass", "listItemIndentGuideClass", "listItemContentClass", "getListItemSelectedIconClass", "chevronClass", "ListItemChildren", "props", "_el$", "_tmpl$", "_el$2", "firstChild", "_$className", "_$insert", "_$createComponent", "inset", "ListItem", "local", "rest", "listContext", "level", "openState", "setOpenState", "value", "open", "onChange", "onOpenChange", "resolved", "slots", "content", "hasChildren", "listItemChildren", "length", "useRipple", "readonly", "disabled", "onHeaderClick", "e", "v", "onClick", "getHeaderClassName", "size", "selected", "class", "getChevronClassName", "getSelectedIconClassName", "_el$3", "_tmpl$2", "_el$4", "_$use", "_$spread", "_$mergeProps", "style", "_$memo", "undefined", "tabIndex", "treeRoot", "currentTarget", "closest", "querySelectorAll", "forEach", "el", "when", "selectedIcon", "icon", "single", "Children"]
 }

package/dist/components/data/list/ListItem.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListItem.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/data/list/ListItem.styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAiB,KAAK,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAGlF,eAAO,MAAM,iBAAiB,QAa7B,CAAC;AAGF,eAAO,MAAM,mBAAmB,EAAE,MAAM,CAAC,aAAa,EAAE,MAAM,CAG7D,CAAC;AAGF,eAAO,MAAM,qBAAqB,QAMjC,CAAC;AAGF,eAAO,MAAM,qBAAqB,QAAqD,CAAC;AAGxF,eAAO,MAAM,qBAAqB,QAAuD,CAAC;AAG1F,eAAO,MAAM,wBAAwB,QAA2C,CAAC;AAGjF,eAAO,MAAM,oBAAoB,QAAkE,CAAC;AAGpG,eAAO,MAAM,4BAA4B,GAAI,UAAU,OAAO,WACkC,CAAC"}

package/dist/components/data/list/ListItem.styles.js

@@ -1,5 +1,5 @@
 import clsx from "clsx";
-import { borderDefault } from "../../../styles/tokens.styles";
+import { borderDefault } from "../../../styles/tokens.styles.js";
 const listItemBaseClass = clsx(
   "flex",
   "items-center",
@@ -15,8 +15,8 @@ const listItemBaseClass = clsx(
   "hover:bg-base-500/10 dark:hover:bg-base-700"
 );
 const listItemSizeClasses = {
-  sm: clsx("py-0.5 px-1"),
-  lg: clsx("py-1.5 px-2")
+  sm: clsx("px-1 py-0.5"),
+  lg: clsx("px-2 py-1.5")
 };
 const listItemSelectedClass = clsx(
   "bg-primary-100",

package/dist/components/data/list/ListItem.styles.js.map

@@ -1,7 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/data/list/ListItem.styles.ts"],
-  "sourcesContent": ["import clsx from \"clsx\";\nimport { borderDefault, type ComponentSize } from \"../../../styles/tokens.styles\";\n\n// \uAE30\uBCF8 \uC544\uC774\uD15C \uC2A4\uD0C0\uC77C\nexport const listItemBaseClass = clsx(\n  \"flex\",\n  \"items-center\",\n  \"gap-2\",\n  \"py-1\",\n  \"px-1.5\",\n  \"m-px\",\n  \"cursor-pointer\",\n  \"rounded-md\",\n  \"transition-colors\",\n  \"focus:outline-none\",\n  \"focus-visible:bg-base-200 dark:focus-visible:bg-base-700\",\n  \"hover:bg-base-500/10 dark:hover:bg-base-700\",\n);\n\n// \uC0AC\uC774\uC988\uBCC4 \uC2A4\uD0C0\uC77C\nexport const listItemSizeClasses: Record<ComponentSize, string> = {\n  sm: clsx(\"py-0.5 px-1\"),\n  lg: clsx(\"py-1.5 px-2\"),\n};\n\n// \uC120\uD0DD\uB41C \uC0C1\uD0DC\nexport const listItemSelectedClass = clsx(\n  \"bg-primary-100\",\n  \"dark:bg-primary-800/50\",\n  \"font-bold\",\n  \"hover:bg-primary-200\",\n  \"dark:hover:bg-primary-700\",\n);\n\n// \uBE44\uD65C\uC131\uD654 \uC0C1\uD0DC\nexport const listItemDisabledClass = clsx(\"pointer-events-none cursor-auto opacity-50\");\n\n// \uC77D\uAE30 \uC804\uC6A9 \uC0C1\uD0DC\nexport const listItemReadonlyClass = clsx(\"cursor-auto select-text hover:bg-transparent\");\n\n// \uB4E4\uC5EC\uC4F0\uAE30 \uAC00\uC774\uB4DC (\uC911\uCCA9 \uC544\uC774\uD15C\uC6A9)\nexport const listItemIndentGuideClass = clsx(\"ml-4 w-2 border-l\", borderDefault);\n\n// \uC544\uC774\uD15C \uCF58\uD150\uCE20 \uC601\uC5ED\nexport const listItemContentClass = clsx(\"flex flex-1 flex-row\", \"items-center gap-1\", \"text-left\");\n\n// \uC120\uD0DD \uC544\uC774\uCF58 \uC0C9\uC0C1\nexport const getListItemSelectedIconClass = (selected: boolean) =>\n  clsx(selected ? \"text-primary-600 dark:text-primary-400\" : \"text-black/30 dark:text-white/30\");\n"],
   "mappings": "AAAA,OAAO,UAAU;AACjB,SAAS,qBAAyC;AAG3C,MAAM,oBAAoB;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAGO,MAAM,sBAAqD;AAAA,EAChE,IAAI,KAAK,aAAa;AAAA,EACtB,IAAI,KAAK,aAAa;AACxB;AAGO,MAAM,wBAAwB;AAAA,EACnC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAGO,MAAM,wBAAwB,KAAK,4CAA4C;AAG/E,MAAM,wBAAwB,KAAK,8CAA8C;AAGjF,MAAM,2BAA2B,KAAK,qBAAqB,aAAa;AAGxE,MAAM,uBAAuB,KAAK,wBAAwB,sBAAsB,WAAW;AAG3F,MAAM,+BAA+B,CAAC,aAC3C,KAAK,WAAW,2CAA2C,kCAAkC;",
   "names": []
 }

package/dist/components/data/permission-table/PermissionTable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PermissionTable.d.ts","sourceRoot":"","sources":["../../../../src/components/data/permission-table/PermissionTable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AACpC,OAAO,EAAE,KAAK,SAAS,EAAqE,MAAM,UAAU,CAAC;AAa7G,MAAM,WAAW,cAAc,CAAC,OAAO,GAAG,MAAM;IAC9C,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,EAAE,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,QAAQ,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,EAAE,CAAC;CACtC;AAED,MAAM,WAAW,oBAAoB,CAAC,OAAO,GAAG,MAAM;IACpD,KAAK,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,EAAE,CAAC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAChC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;IACzD,OAAO,CAAC,EAAE,OAAO,EAAE,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,GAAG,CAAC,aAAa,CAAC;CAC3B;AAID,6BAA6B;AAC7B,wBAAgB,eAAe,CAAC,OAAO,EAAE,KAAK,EAAE,cAAc,CAAC,OAAO,CAAC,EAAE,GAAG,MAAM,EAAE,CAYnF;AAED,wCAAwC;AACxC,wBAAgB,eAAe,CAAC,OAAO,EACrC,KAAK,EAAE,cAAc,CAAC,OAAO,CAAC,EAAE,EAChC,OAAO,EAAE,OAAO,EAAE,GAAG,SAAS,GAC7B,cAAc,CAAC,OAAO,CAAC,EAAE,CAiB3B;AAED,2BAA2B;AAC3B,wBAAgB,eAAe,CAAC,OAAO,EACrC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAC9B,IAAI,EAAE,cAAc,CAAC,OAAO,CAAC,EAC7B,IAAI,EAAE,MAAM,EACZ,OAAO,EAAE,OAAO,GACf,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAgCzB;AAuFD,eAAO,MAAM,eAAe,EAAE,SAAS,CAAC,oBAAoB,CA6F3D,CAAC"}

package/dist/components/data/permission-table/PermissionTable.js

@@ -1,9 +1,17 @@
+import { template as _$template } from "solid-js/web";
+import { memo as _$memo } from "solid-js/web";
+import { style as _$style } from "solid-js/web";
+import { className as _$className } from "solid-js/web";
+import { effect as _$effect } from "solid-js/web";
+import { insert as _$insert } from "solid-js/web";
+import { createComponent as _$createComponent } from "solid-js/web";
+var _tmpl$ = /* @__PURE__ */ _$template(`<div data-permission-table>`), _tmpl$2 = /* @__PURE__ */ _$template(`<div><span class=py-1>`), _tmpl$3 = /* @__PURE__ */ _$template(`<div><div>`);
 import { createEffect, createMemo, createSignal, For, on, Show, splitProps } from "solid-js";
 import clsx from "clsx";
 import { twMerge } from "tailwind-merge";
-import { DataSheet } from "../sheet/DataSheet";
-import { Checkbox } from "../../form-control/checkbox/Checkbox";
-import { borderDefault } from "../../../styles/tokens.styles";
+import { DataSheet } from "../sheet/DataSheet.js";
+import { Checkbox } from "../../form-control/checkbox/Checkbox.js";
+import { borderDefault } from "../../../styles/tokens.styles.js";
 const titleCellClass = clsx("flex items-stretch", "px-2");
 const indentGuideWrapperClass = clsx("mr-1 flex w-3", "justify-center");
 const indentGuideLineClass = clsx("w-0 self-stretch", "border-r", borderDefault);
@@ -31,12 +39,17 @@ function filterByModules(items, modules) {
     if (item.children && (!children || children.length === 0) && !item.perms) {
       continue;
     }
-    result.push({ ...item, children });
+    result.push({
+      ...item,
+      children
+    });
   }
   return result;
 }
 function changePermCheck(value, item, perm, checked) {
-  const result = { ...value };
+  const result = {
+    ...value
+  };
   const apply = (target) => {
     if (target.perms && target.href != null && target.href !== "") {
       const permIndex = target.perms.indexOf(perm);
@@ -139,46 +152,100 @@ const PermissionTable = (props) => {
   const currentValue = createMemo(() => local.value ?? {});
   const getAllExpandable = () => collectExpandable(visibleItems(), getChildren);
   const [expandedItems, setExpandedItems] = createSignal(getAllExpandable());
-  createEffect(
-    on(
-      visibleItems,
-      () => {
-        setExpandedItems(getAllExpandable());
-      },
-      { defer: true }
-    )
-  );
+  createEffect(on(visibleItems, () => {
+    setExpandedItems(getAllExpandable());
+  }, {
+    defer: true
+  }));
   const handlePermChange = (item, perm, checked) => {
     var _a;
     const newValue = changePermCheck(currentValue(), item, perm, checked);
     (_a = local.onValueChange) == null ? void 0 : _a.call(local, newValue);
   };
-  return /* @__PURE__ */ React.createElement("div", { "data-permission-table": true, class: twMerge(local.class), style: local.style }, /* @__PURE__ */ React.createElement(
-    DataSheet,
-    {
-      items: visibleItems(),
+  return (() => {
+    var _el$ = _tmpl$();
+    _$insert(_el$, _$createComponent(DataSheet, {
+      get items() {
+        return visibleItems();
+      },
       getChildren,
-      expandedItems: expandedItems(),
+      get expandedItems() {
+        return expandedItems();
+      },
       onExpandedItemsChange: setExpandedItems,
-      hideConfigBar: true
-    },
-    /* @__PURE__ */ React.createElement(DataSheet.Column, { key: "title", header: "\uAD8C\uD55C \uD56D\uBAA9", sortable: false, resizable: false }, (ctx) => {
-      const item = ctx.item;
-      return /* @__PURE__ */ React.createElement("div", { class: titleCellClass }, /* @__PURE__ */ React.createElement(For, { each: Array.from({ length: ctx.depth }) }, () => /* @__PURE__ */ React.createElement("div", { class: indentGuideWrapperClass }, /* @__PURE__ */ React.createElement("div", { class: indentGuideLineClass }))), /* @__PURE__ */ React.createElement("span", { class: "py-1" }, item.title));
-    }),
-    /* @__PURE__ */ React.createElement(For, { each: allPerms() }, (perm) => /* @__PURE__ */ React.createElement(DataSheet.Column, { key: `perm-${perm}`, header: perm, sortable: false, resizable: false }, (ctx) => {
-      const item = ctx.item;
-      return /* @__PURE__ */ React.createElement(Show, { when: hasPermInTree(item, perm) }, /* @__PURE__ */ React.createElement(
-        Checkbox,
-        {
-          value: isGroupPermChecked(item, perm, currentValue()),
-          onValueChange: (checked) => handlePermChange(item, perm, checked),
-          disabled: local.disabled || isPermDisabled(item, perm, currentValue()),
-          inset: true
-        }
-      ));
-    }))
-  ));
+      hideConfigBar: true,
+      get children() {
+        return [_$createComponent(DataSheet.Column, {
+          key: "title",
+          header: "\uAD8C\uD55C \uD56D\uBAA9",
+          sortable: false,
+          resizable: false,
+          children: (ctx) => {
+            const item = ctx.item;
+            return (() => {
+              var _el$2 = _tmpl$2(), _el$3 = _el$2.firstChild;
+              _$className(_el$2, titleCellClass);
+              _$insert(_el$2, _$createComponent(For, {
+                get each() {
+                  return Array.from({
+                    length: ctx.depth
+                  });
+                },
+                children: () => (() => {
+                  var _el$4 = _tmpl$3(), _el$5 = _el$4.firstChild;
+                  _$className(_el$4, indentGuideWrapperClass);
+                  _$className(_el$5, indentGuideLineClass);
+                  return _el$4;
+                })()
+              }), _el$3);
+              _$insert(_el$3, () => item.title);
+              return _el$2;
+            })();
+          }
+        }), _$createComponent(For, {
+          get each() {
+            return allPerms();
+          },
+          children: (perm) => _$createComponent(DataSheet.Column, {
+            key: `perm-${perm}`,
+            header: perm,
+            sortable: false,
+            resizable: false,
+            children: (ctx) => {
+              const item = ctx.item;
+              return _$createComponent(Show, {
+                get when() {
+                  return hasPermInTree(item, perm);
+                },
+                get children() {
+                  return _$createComponent(Checkbox, {
+                    get value() {
+                      return isGroupPermChecked(item, perm, currentValue());
+                    },
+                    onValueChange: (checked) => handlePermChange(item, perm, checked),
+                    get disabled() {
+                      return local.disabled || isPermDisabled(item, perm, currentValue());
+                    },
+                    inset: true
+                  });
+                }
+              });
+            }
+          })
+        })];
+      }
+    }));
+    _$effect((_p$) => {
+      var _v$ = twMerge(local.class), _v$2 = local.style;
+      _v$ !== _p$.e && _$className(_el$, _p$.e = _v$);
+      _p$.t = _$style(_el$, _v$2, _p$.t);
+      return _p$;
+    }, {
+      e: void 0,
+      t: void 0
+    });
+    return _el$;
+  })();
 };
 export {
   PermissionTable,

package/dist/components/data/permission-table/PermissionTable.js.map

@@ -1,7 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/data/permission-table/PermissionTable.tsx"],
-  "sourcesContent": ["import type { JSX } from \"solid-js\";\nimport { type Component, createEffect, createMemo, createSignal, For, on, Show, splitProps } from \"solid-js\";\nimport clsx from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\nimport { DataSheet } from \"../sheet/DataSheet\";\nimport { Checkbox } from \"../../form-control/checkbox/Checkbox\";\nimport { borderDefault } from \"../../../styles/tokens.styles\";\n\nconst titleCellClass = clsx(\"flex items-stretch\", \"px-2\");\nconst indentGuideWrapperClass = clsx(\"mr-1 flex w-3\", \"justify-center\");\nconst indentGuideLineClass = clsx(\"w-0 self-stretch\", \"border-r\", borderDefault);\n\n// --- \uD0C0\uC785 ---\n\nexport interface PermissionItem<TModule = string> {\n  title: string;\n  href?: string;\n  modules?: TModule[];\n  perms?: string[];\n  children?: PermissionItem<TModule>[];\n}\n\nexport interface PermissionTableProps<TModule = string> {\n  items?: PermissionItem<TModule>[];\n  value?: Record<string, boolean>;\n  onValueChange?: (value: Record<string, boolean>) => void;\n  modules?: TModule[];\n  disabled?: boolean;\n  class?: string;\n  style?: JSX.CSSProperties;\n}\n\n// --- \uC720\uD2F8\uB9AC\uD2F0 (\uD14C\uC2A4\uD2B8\uC5D0\uC11C\uB3C4 \uC0AC\uC6A9) ---\n\n/** \uD2B8\uB9AC\uC5D0\uC11C \uBAA8\uB4E0 \uACE0\uC720 perm \uD0C0\uC785\uC744 \uC218\uC9D1 */\nexport function collectAllPerms<TModule>(items: PermissionItem<TModule>[]): string[] {\n  const set = new Set<string>();\n  const walk = (list: PermissionItem<TModule>[]) => {\n    for (const item of list) {\n      if (item.perms) {\n        for (const p of item.perms) set.add(p);\n      }\n      if (item.children) walk(item.children);\n    }\n  };\n  walk(items);\n  return [...set];\n}\n\n/** modules \uD544\uD130: \uD65C\uC131 \uBAA8\uB4C8\uACFC \uAD50\uCC28\uAC00 \uC788\uB294 \uC544\uC774\uD15C\uB9CC \uB0A8\uAE40 */\nexport function filterByModules<TModule>(\n  items: PermissionItem<TModule>[],\n  modules: TModule[] | undefined,\n): PermissionItem<TModule>[] {\n  if (!modules || modules.length === 0) return items;\n\n  const result: PermissionItem<TModule>[] = [];\n\n  for (const item of items) {\n    if (item.modules && !item.modules.some((m) => modules.includes(m))) {\n      continue;\n    }\n    const children = item.children ? filterByModules(item.children, modules) : undefined;\n    if (item.children && (!children || children.length === 0) && !item.perms) {\n      continue;\n    }\n    result.push({ ...item, children });\n  }\n\n  return result;\n}\n\n/** \uCCB4\uD06C \uBCC0\uACBD \uC2DC cascading \uCC98\uB9AC */\nexport function changePermCheck<TModule>(\n  value: Record<string, boolean>,\n  item: PermissionItem<TModule>,\n  perm: string,\n  checked: boolean,\n): Record<string, boolean> {\n  const result = { ...value };\n\n  const apply = (target: PermissionItem<TModule>) => {\n    if (target.perms && target.href != null && target.href !== \"\") {\n      const permIndex = target.perms.indexOf(perm);\n\n      if (permIndex >= 0) {\n        const basePerm = target.perms[0];\n        const baseOff = permIndex > 0 && checked && !result[target.href + \"/\" + basePerm];\n\n        if (!baseOff) {\n          result[target.href + \"/\" + perm] = checked;\n        }\n      }\n\n      if (perm === target.perms[0] && !checked) {\n        for (let i = 1; i < target.perms.length; i++) {\n          result[target.href + \"/\" + target.perms[i]] = false;\n        }\n      }\n    }\n\n    if (target.children) {\n      for (const child of target.children) {\n        apply(child);\n      }\n    }\n  };\n\n  apply(item);\n  return result;\n}\n\n// --- \uB0B4\uBD80 \uD5EC\uD37C ---\n\n/** \uBAA8\uB4C8 \uD544\uD130\uC5D0 \uC758\uD574 \uBCF4\uC774\uB294\uC9C0 \uD655\uC778 (\uAC1D\uCCB4 \uCC38\uC870 \uC720\uC9C0) */\nfunction isItemVisible<TModule>(item: PermissionItem<TModule>, modules: TModule[] | undefined): boolean {\n  if (!modules || modules.length === 0) return true;\n  if (item.modules && !item.modules.some((m) => modules.includes(m))) return false;\n  if (!item.perms && item.children) {\n    return item.children.some((child) => isItemVisible(child, modules));\n  }\n  return true;\n}\n\n/** \uBCF4\uC774\uB294 \uC544\uC774\uD15C\uC5D0\uC11C\uB9CC \uACE0\uC720 perm \uD0C0\uC785 \uC218\uC9D1 */\nfunction collectVisiblePerms<TModule>(items: PermissionItem<TModule>[], modules: TModule[] | undefined): string[] {\n  const set = new Set<string>();\n\n  function walk(list: PermissionItem<TModule>[]) {\n    for (const item of list) {\n      if (!isItemVisible(item, modules)) continue;\n      if (item.perms) {\n        for (const p of item.perms) set.add(p);\n      }\n      if (item.children) walk(item.children);\n    }\n  }\n\n  walk(items);\n  return [...set];\n}\n\n/** \uADF8\uB8F9 \uB178\uB4DC\uC758 \uCCB4\uD06C \uC0C1\uD0DC: \uD558\uC704 \uC911 \uD558\uB098\uB77C\uB3C4 \uCCB4\uD06C\uBA74 true */\nfunction isGroupPermChecked<TModule>(\n  item: PermissionItem<TModule>,\n  perm: string,\n  value: Record<string, boolean>,\n): boolean {\n  if (item.perms && item.href != null && item.href !== \"\") {\n    return value[item.href + \"/\" + perm] ?? false;\n  }\n  if (item.children) {\n    return item.children.some((child) => isGroupPermChecked(child, perm, value));\n  }\n  return false;\n}\n\n/** \uD558\uC704\uC5D0 \uD2B9\uC815 perm\uC774 \uD558\uB098\uB77C\uB3C4 \uC788\uC73C\uBA74 true */\nfunction hasPermInTree<TModule>(item: PermissionItem<TModule>, perm: string): boolean {\n  if (item.perms?.includes(perm)) return true;\n  if (item.children) {\n    return item.children.some((child) => hasPermInTree(child, perm));\n  }\n  return false;\n}\n\n/** \uAE30\uBCF8 \uAD8C\uD55C(perms[0])\uC774 \uAEBC\uC838 \uC788\uC5B4\uC11C \uBE44\uD65C\uC131\uD654\uD574\uC57C \uD558\uB294\uC9C0 */\nfunction isPermDisabled<TModule>(item: PermissionItem<TModule>, perm: string, value: Record<string, boolean>): boolean {\n  if (!item.perms || item.href == null || item.href === \"\") return false;\n  const basePerm = item.perms[0];\n  if (perm === basePerm) return false;\n  return !(value[item.href + \"/\" + basePerm] ?? false);\n}\n\n/** \uD655\uC7A5 \uAC00\uB2A5\uD55C \uBAA8\uB4E0 \uC544\uC774\uD15C \uC218\uC9D1 (\uAC1D\uCCB4 \uCC38\uC870 \uC720\uC9C0) */\nfunction collectExpandable<TModule>(\n  items: PermissionItem<TModule>[],\n  getChildren: (item: PermissionItem<TModule>) => PermissionItem<TModule>[] | undefined,\n): PermissionItem<TModule>[] {\n  const result: PermissionItem<TModule>[] = [];\n\n  function walk(list: PermissionItem<TModule>[]) {\n    for (const item of list) {\n      const children = getChildren(item);\n      if (children && children.length > 0) {\n        result.push(item);\n        walk(children);\n      }\n    }\n  }\n\n  walk(items);\n  return result;\n}\n\n// --- \uCEF4\uD3EC\uB10C\uD2B8 ---\n\nexport const PermissionTable: Component<PermissionTableProps> = (props) => {\n  const [local] = splitProps(props, [\"items\", \"value\", \"onValueChange\", \"modules\", \"disabled\", \"class\", \"style\"]);\n\n  // \uBCF4\uC774\uB294 \uCD5C\uC0C1\uC704 \uC544\uC774\uD15C (\uAC1D\uCCB4 \uCC38\uC870 \uC720\uC9C0)\n  const visibleItems = createMemo(() => {\n    const items = local.items ?? [];\n    if (!local.modules || local.modules.length === 0) return items;\n    return items.filter((item) => isItemVisible(item, local.modules));\n  });\n\n  // Sheet\uC758 getChildren \u2014 \uBAA8\uB4C8 \uD544\uD130 \uC801\uC6A9, \uAC1D\uCCB4 \uCC38\uC870 \uC720\uC9C0\n  const getChildren = (item: PermissionItem): PermissionItem[] | undefined => {\n    if (!item.children || item.children.length === 0) return undefined;\n    const modules = local.modules;\n    if (!modules || modules.length === 0) return item.children;\n    const filtered = item.children.filter((child) => isItemVisible(child, modules));\n    return filtered.length > 0 ? filtered : undefined;\n  };\n\n  // \uBCF4\uC774\uB294 \uC544\uC774\uD15C\uC758 \uBAA8\uB4E0 \uACE0\uC720 perm \uD0C0\uC785\n  const allPerms = createMemo(() => collectVisiblePerms(local.items ?? [], local.modules));\n\n  const currentValue = createMemo(() => local.value ?? {});\n\n  // \uD655\uC7A5 \uC0C1\uD0DC \u2014 \uAE30\uBCF8\uC801\uC73C\uB85C \uBAA8\uB450 \uD3BC\uCE68\n  const getAllExpandable = () => collectExpandable(visibleItems(), getChildren);\n\n  const [expandedItems, setExpandedItems] = createSignal<PermissionItem[]>(getAllExpandable());\n\n  // \uD2B8\uB9AC \uAD6C\uC870 \uBCC0\uACBD \uC2DC \uBAA8\uB450 \uB2E4\uC2DC \uD3BC\uCE68 (\uBAA8\uB4C8 \uD544\uD130 \uBCC0\uACBD \uB4F1)\n  createEffect(\n    on(\n      visibleItems,\n      () => {\n        setExpandedItems(getAllExpandable());\n      },\n      { defer: true },\n    ),\n  );\n\n  const handlePermChange = (item: PermissionItem, perm: string, checked: boolean) => {\n    const newValue = changePermCheck(currentValue(), item, perm, checked);\n    local.onValueChange?.(newValue);\n  };\n\n  return (\n    <div data-permission-table class={twMerge(local.class)} style={local.style}>\n      <DataSheet\n        items={visibleItems()}\n        getChildren={getChildren}\n        expandedItems={expandedItems()}\n        onExpandedItemsChange={setExpandedItems}\n        hideConfigBar\n      >\n        <DataSheet.Column key=\"title\" header=\"\uAD8C\uD55C \uD56D\uBAA9\" sortable={false} resizable={false}>\n          {(ctx) => {\n            const item = ctx.item as PermissionItem;\n            return (\n              <div class={titleCellClass}>\n                <For each={Array.from({ length: ctx.depth })}>\n                  {() => (\n                    <div class={indentGuideWrapperClass}>\n                      <div class={indentGuideLineClass} />\n                    </div>\n                  )}\n                </For>\n                <span class=\"py-1\">{item.title}</span>\n              </div>\n            );\n          }}\n        </DataSheet.Column>\n        <For each={allPerms()}>\n          {(perm) => (\n            <DataSheet.Column key={`perm-${perm}`} header={perm} sortable={false} resizable={false}>\n              {(ctx) => {\n                const item = ctx.item as PermissionItem;\n                return (\n                  <Show when={hasPermInTree(item, perm)}>\n                    <Checkbox\n                      value={isGroupPermChecked(item, perm, currentValue())}\n                      onValueChange={(checked) => handlePermChange(item, perm, checked)}\n                      disabled={local.disabled || isPermDisabled(item, perm, currentValue())}\n                      inset\n                    />\n                  </Show>\n                );\n              }}\n            </DataSheet.Column>\n          )}\n        </For>\n      </DataSheet>\n    </div>\n  );\n};\n"],
-  "mappings": "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",
-  "names": []
+  "mappings": ";;;;;;;;AACA,SAAyBA,cAAcC,YAAYC,cAAcC,KAAKC,IAAIC,MAAMC,kBAAkB;AAClG,OAAOC,UAAU;AACjB,SAASC,eAAe;AACxB,SAASC,iBAAiB;AAC1B,SAASC,gBAAgB;AACzB,SAASC,qBAAqB;AAE9B,MAAMC,iBAAiBL,KAAK,sBAAsB,MAAM;AACxD,MAAMM,0BAA0BN,KAAK,iBAAiB,gBAAgB;AACtE,MAAMO,uBAAuBP,KAAK,oBAAoB,YAAYI,aAAa;AAyBxE,SAASI,gBAAyBC,OAA4C;AACnF,QAAMC,MAAM,oBAAIC,IAAY;AAC5B,QAAMC,OAAQC,UAAoC;AAChD,eAAWC,QAAQD,MAAM;AACvB,UAAIC,KAAKC,OAAO;AACd,mBAAWC,KAAKF,KAAKC,MAAOL,KAAIO,IAAID,CAAC;MACvC;AACA,UAAIF,KAAKI,SAAUN,MAAKE,KAAKI,QAAQ;IACvC;EACF;AACAN,OAAKH,KAAK;AACV,SAAO,CAAC,GAAGC,GAAG;AAChB;AAGO,SAASS,gBACdV,OACAW,SAC2B;AAC3B,MAAI,CAACA,WAAWA,QAAQC,WAAW,EAAG,QAAOZ;AAE7C,QAAMa,SAAoC,CAAA;AAE1C,aAAWR,QAAQL,OAAO;AACxB,QAAIK,KAAKM,WAAW,CAACN,KAAKM,QAAQG,KAAMC,OAAMJ,QAAQK,SAASD,CAAC,CAAC,GAAG;AAClE;IACF;AACA,UAAMN,WAAWJ,KAAKI,WAAWC,gBAAgBL,KAAKI,UAAUE,OAAO,IAAIM;AAC3E,QAAIZ,KAAKI,aAAa,CAACA,YAAYA,SAASG,WAAW,MAAM,CAACP,KAAKC,OAAO;AACxE;IACF;AACAO,WAAOK,KAAK;MAAE,GAAGb;MAAMI;IAAS,CAAC;EACnC;AAEA,SAAOI;AACT;AAGO,SAASM,gBACdC,OACAf,MACAgB,MACAC,SACyB;AACzB,QAAMT,SAAS;IAAE,GAAGO;EAAM;AAE1B,QAAMG,QAASC,YAAoC;AACjD,QAAIA,OAAOlB,SAASkB,OAAOC,QAAQ,QAAQD,OAAOC,SAAS,IAAI;AAC7D,YAAMC,YAAYF,OAAOlB,MAAMqB,QAAQN,IAAI;AAE3C,UAAIK,aAAa,GAAG;AAClB,cAAME,WAAWJ,OAAOlB,MAAM,CAAC;AAC/B,cAAMuB,UAAUH,YAAY,KAAKJ,WAAW,CAACT,OAAOW,OAAOC,OAAO,MAAMG,QAAQ;AAEhF,YAAI,CAACC,SAAS;AACZhB,iBAAOW,OAAOC,OAAO,MAAMJ,IAAI,IAAIC;QACrC;MACF;AAEA,UAAID,SAASG,OAAOlB,MAAM,CAAC,KAAK,CAACgB,SAAS;AACxC,iBAASQ,IAAI,GAAGA,IAAIN,OAAOlB,MAAMM,QAAQkB,KAAK;AAC5CjB,iBAAOW,OAAOC,OAAO,MAAMD,OAAOlB,MAAMwB,CAAC,CAAC,IAAI;QAChD;MACF;IACF;AAEA,QAAIN,OAAOf,UAAU;AACnB,iBAAWsB,SAASP,OAAOf,UAAU;AACnCc,cAAMQ,KAAK;MACb;IACF;EACF;AAEAR,QAAMlB,IAAI;AACV,SAAOQ;AACT;AAKA,SAASmB,cAAuB3B,MAA+BM,SAAyC;AACtG,MAAI,CAACA,WAAWA,QAAQC,WAAW,EAAG,QAAO;AAC7C,MAAIP,KAAKM,WAAW,CAACN,KAAKM,QAAQG,KAAMC,OAAMJ,QAAQK,SAASD,CAAC,CAAC,EAAG,QAAO;AAC3E,MAAI,CAACV,KAAKC,SAASD,KAAKI,UAAU;AAChC,WAAOJ,KAAKI,SAASK,KAAMiB,WAAUC,cAAcD,OAAOpB,OAAO,CAAC;EACpE;AACA,SAAO;AACT;AAGA,SAASsB,oBAA6BjC,OAAkCW,SAA0C;AAChH,QAAMV,MAAM,oBAAIC,IAAY;AAE5B,WAASC,KAAKC,MAAiC;AAC7C,eAAWC,QAAQD,MAAM;AACvB,UAAI,CAAC4B,cAAc3B,MAAMM,OAAO,EAAG;AACnC,UAAIN,KAAKC,OAAO;AACd,mBAAWC,KAAKF,KAAKC,MAAOL,KAAIO,IAAID,CAAC;MACvC;AACA,UAAIF,KAAKI,SAAUN,MAAKE,KAAKI,QAAQ;IACvC;EACF;AAEAN,OAAKH,KAAK;AACV,SAAO,CAAC,GAAGC,GAAG;AAChB;AAGA,SAASiC,mBACP7B,MACAgB,MACAD,OACS;AACT,MAAIf,KAAKC,SAASD,KAAKoB,QAAQ,QAAQpB,KAAKoB,SAAS,IAAI;AACvD,WAAOL,MAAMf,KAAKoB,OAAO,MAAMJ,IAAI,KAAK;EAC1C;AACA,MAAIhB,KAAKI,UAAU;AACjB,WAAOJ,KAAKI,SAASK,KAAMiB,WAAUG,mBAAmBH,OAAOV,MAAMD,KAAK,CAAC;EAC7E;AACA,SAAO;AACT;AAGA,SAASe,cAAuB9B,MAA+BgB,MAAuB;;AACpF,OAAIhB,UAAKC,UAALD,mBAAYW,SAASK,MAAO,QAAO;AACvC,MAAIhB,KAAKI,UAAU;AACjB,WAAOJ,KAAKI,SAASK,KAAMiB,WAAUI,cAAcJ,OAAOV,IAAI,CAAC;EACjE;AACA,SAAO;AACT;AAGA,SAASe,eAAwB/B,MAA+BgB,MAAcD,OAAyC;AACrH,MAAI,CAACf,KAAKC,SAASD,KAAKoB,QAAQ,QAAQpB,KAAKoB,SAAS,GAAI,QAAO;AACjE,QAAMG,WAAWvB,KAAKC,MAAM,CAAC;AAC7B,MAAIe,SAASO,SAAU,QAAO;AAC9B,SAAO,EAAER,MAAMf,KAAKoB,OAAO,MAAMG,QAAQ,KAAK;AAChD;AAGA,SAASS,kBACPrC,OACAsC,aAC2B;AAC3B,QAAMzB,SAAoC,CAAA;AAE1C,WAASV,KAAKC,MAAiC;AAC7C,eAAWC,QAAQD,MAAM;AACvB,YAAMK,WAAW6B,YAAYjC,IAAI;AACjC,UAAII,YAAYA,SAASG,SAAS,GAAG;AACnCC,eAAOK,KAAKb,IAAI;AAChBF,aAAKM,QAAQ;MACf;IACF;EACF;AAEAN,OAAKH,KAAK;AACV,SAAOa;AACT;AAIO,MAAM0B,kBAAoDC,WAAU;AACzE,QAAM,CAACC,KAAK,IAAInD,WAAWkD,OAAO,CAAC,SAAS,SAAS,iBAAiB,WAAW,YAAY,SAAS,OAAO,CAAC;AAG9G,QAAME,eAAezD,WAAW,MAAM;AACpC,UAAMe,QAAQyC,MAAMzC,SAAS,CAAA;AAC7B,QAAI,CAACyC,MAAM9B,WAAW8B,MAAM9B,QAAQC,WAAW,EAAG,QAAOZ;AACzD,WAAOA,MAAM2C,OAAQtC,UAAS2B,cAAc3B,MAAMoC,MAAM9B,OAAO,CAAC;EAClE,CAAC;AAGD,QAAM2B,cAAejC,UAAuD;AAC1E,QAAI,CAACA,KAAKI,YAAYJ,KAAKI,SAASG,WAAW,EAAG,QAAOK;AACzD,UAAMN,UAAU8B,MAAM9B;AACtB,QAAI,CAACA,WAAWA,QAAQC,WAAW,EAAG,QAAOP,KAAKI;AAClD,UAAMmC,WAAWvC,KAAKI,SAASkC,OAAQZ,WAAUC,cAAcD,OAAOpB,OAAO,CAAC;AAC9E,WAAOiC,SAAShC,SAAS,IAAIgC,WAAW3B;EAC1C;AAGA,QAAM4B,WAAW5D,WAAW,MAAMgD,oBAAoBQ,MAAMzC,SAAS,CAAA,GAAIyC,MAAM9B,OAAO,CAAC;AAEvF,QAAMmC,eAAe7D,WAAW,MAAMwD,MAAMrB,SAAS,CAAC,CAAC;AAGvD,QAAM2B,mBAAmBA,MAAMV,kBAAkBK,aAAa,GAAGJ,WAAW;AAE5E,QAAM,CAACU,eAAeC,gBAAgB,IAAI/D,aAA+B6D,iBAAiB,CAAC;AAG3F/D,eACEI,GACEsD,cACA,MAAM;AACJO,qBAAiBF,iBAAiB,CAAC;EACrC,GACA;IAAEG,OAAO;EAAK,CAChB,CACF;AAEA,QAAMC,mBAAmBA,CAAC9C,MAAsBgB,MAAcC,YAAqB;;AACjF,UAAM8B,WAAWjC,gBAAgB2B,aAAa,GAAGzC,MAAMgB,MAAMC,OAAO;AACpEmB,gBAAMY,kBAANZ,+BAAsBW;EACxB;AAEA,UAAA,MAAA;AAAA,QAAAE,OAAAC,OAAA;AAAAC,aAAAF,MAAAG,kBAEKhE,WAAS;MAAA,IACRO,QAAK;AAAA,eAAE0C,aAAa;MAAC;MACrBJ;MAAwB,IACxBU,gBAAa;AAAA,eAAEA,cAAc;MAAC;MAC9BU,uBAAuBT;MACvBU,eAAa;MAAA,IAAAlD,WAAA;AAAA,eAAA,CAAAgD,kBAEZhE,UAAUmE,QAAM;UAACC,KAAG;UAASC,QAAM;UAASC,UAAU;UAAOC,WAAW;UAAKvD,UAC1EwD,SAAQ;AACR,kBAAM5D,OAAO4D,IAAI5D;AACjB,oBAAA,MAAA;AAAA,kBAAA6D,QAAAC,QAAA,GAAAC,QAAAF,MAAAG;AAAAC,0BAAAJ,OACctE,cAAc;AAAA4D,uBAAAU,OAAAT,kBACvBtE,KAAG;gBAAA,IAACoF,OAAI;AAAA,yBAAEC,MAAMC,KAAK;oBAAE7D,QAAQqD,IAAIS;kBAAM,CAAC;gBAAC;gBAAAjE,UACzCA,OAAA,MAAA;AAAA,sBAAAkE,QAAAC,QAAA,GAAAC,QAAAF,MAAAN;AAAAC,8BAAAK,OACa9E,uBAAuB;AAAAyE,8BAAAO,OACrB/E,oBAAoB;AAAA,yBAAA6E;gBAAA,GAAA;cAEnC,CAAA,GAAAP,KAAA;AAAAZ,uBAAAY,OAAA,MAEiB/D,KAAKyE,KAAK;AAAA,qBAAAZ;YAAA,GAAA;UAGpC;QAAC,CAAA,GAAAT,kBAEFtE,KAAG;UAAA,IAACoF,OAAI;AAAA,mBAAE1B,SAAS;UAAC;UAAApC,UACjBY,UAAIoC,kBACHhE,UAAUmE,QAAM;YAACC,KAAK,QAAQxC,IAAI;YAAIyC,QAAQzC;YAAM0C,UAAU;YAAOC,WAAW;YAAKvD,UAClFwD,SAAQ;AACR,oBAAM5D,OAAO4D,IAAI5D;AACjB,qBAAAoD,kBACGpE,MAAI;gBAAA,IAAC0F,OAAI;AAAA,yBAAE5C,cAAc9B,MAAMgB,IAAI;gBAAC;gBAAA,IAAAZ,WAAA;AAAA,yBAAAgD,kBAClC/D,UAAQ;oBAAA,IACP0B,QAAK;AAAA,6BAAEc,mBAAmB7B,MAAMgB,MAAMyB,aAAa,CAAC;oBAAC;oBACrDO,eAAgB/B,aAAY6B,iBAAiB9C,MAAMgB,MAAMC,OAAO;oBAAC,IACjE0D,WAAQ;AAAA,6BAAEvC,MAAMuC,YAAY5C,eAAe/B,MAAMgB,MAAMyB,aAAa,CAAC;oBAAC;oBACtEmC,OAAK;kBAAA,CAAA;gBAAA;cAAA,CAAA;YAIb;UAAC,CAAA;QAEJ,CAAA,CAAA;MAAA;IAAA,CAAA,CAAA;AAAAC,aAAAC,SAAA;AAAA,UAAAC,MA1C2B5F,QAAQiD,MAAM4C,KAAK,GAACC,OAAS7C,MAAM8C;AAAKH,cAAAD,IAAAK,KAAAlB,YAAAhB,MAAA6B,IAAAK,IAAAJ,GAAA;AAAAD,UAAAM,IAAAC,QAAApC,MAAAgC,MAAAH,IAAAM,CAAA;AAAA,aAAAN;IAAA,GAAA;MAAAK,GAAAvE;MAAAwE,GAAAxE;IAAA,CAAA;AAAA,WAAAqC;EAAA,GAAA;AA+C9E;",
+  "names": ["createEffect", "createMemo", "createSignal", "For", "on", "Show", "splitProps", "clsx", "twMerge", "DataSheet", "Checkbox", "borderDefault", "titleCellClass", "indentGuideWrapperClass", "indentGuideLineClass", "collectAllPerms", "items", "set", "Set", "walk", "list", "item", "perms", "p", "add", "children", "filterByModules", "modules", "length", "result", "some", "m", "includes", "undefined", "push", "changePermCheck", "value", "perm", "checked", "apply", "target", "href", "permIndex", "indexOf", "basePerm", "baseOff", "i", "child", "isItemVisible", "collectVisiblePerms", "isGroupPermChecked", "hasPermInTree", "isPermDisabled", "collectExpandable", "getChildren", "PermissionTable", "props", "local", "visibleItems", "filter", "filtered", "allPerms", "currentValue", "getAllExpandable", "expandedItems", "setExpandedItems", "defer", "handlePermChange", "newValue", "onValueChange", "_el$", "_tmpl$", "_$insert", "_$createComponent", "onExpandedItemsChange", "hideConfigBar", "Column", "key", "header", "sortable", "resizable", "ctx", "_el$2", "_tmpl$2", "_el$3", "firstChild", "_$className", "each", "Array", "from", "depth", "_el$4", "_tmpl$3", "_el$5", "title", "when", "disabled", "inset", "_$effect", "_p$", "_v$", "class", "_v$2", "style", "e", "t", "_$style"]
 }

package/dist/components/data/sheet/DataSheet.css

@@ -0,0 +1,26 @@
+[data-sheet] tbody tr:hover > td {
+  box-shadow: inset 0 0 0 9999px rgb(0 0 0 / 3%);
+}
+
+/* 선택 행 시각 효과 — 호버보다 약간 더 진하게 */
+[data-sheet] tbody tr[data-selected] > td {
+  box-shadow: inset 0 0 0 9999px rgb(0 0 0 / 5%);
+}
+
+/* 드래그 중인 행 */
+[data-sheet] tbody tr[data-dragging] > td {
+  opacity: 0.5;
+}
+
+/* inside 드롭 대상 행 */
+[data-sheet] tbody tr[data-drag-over="inside"] > td {
+  box-shadow: inset 0 0 0 9999px rgb(59 130 246 / 10%);
+}
+
+.dark [data-sheet] tbody tr:hover > td {
+  box-shadow: inset 0 0 0 9999px rgb(255 255 255 / 4%);
+}
+
+.dark [data-sheet] tbody tr[data-selected] > td {
+  box-shadow: inset 0 0 0 9999px rgb(255 255 255 / 6%);
+}

package/dist/components/data/sheet/DataSheet.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataSheet.d.ts","sourceRoot":"","sources":["../../../../src/components/data/sheet/DataSheet.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA2C,KAAK,GAAG,EAAgC,MAAM,UAAU,CAAC;AAa3G,OAAO,wBAAwB,CAAC;AAChC,OAAO,KAAK,EAKV,cAAc,EAGf,MAAM,SAAS,CAAC;AACjB,OAAO,EAAwB,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAQ1E,OAAO,iBAAiB,CAAC;AAoCzB,UAAU,kBAAkB;IAC1B,CAAC,CAAC,EAAE,KAAK,EAAE,cAAc,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,OAAO,CAAC;IAC3C,MAAM,EAAE,OAAO,eAAe,CAAC;CAChC;AAED,eAAO,MAAM,SAAS,EAAE,kBAmmCvB,CAAC"}