@gzmjs/accordion 0.1.0

package/dist/020-accordion/accordion.d.ts

@@ -0,0 +1,24 @@
+import { AttributeHandlers } from '@gzmjs/ui-basic';
+import { ViewListModel, ViewListElement } from '@gzmjs/mvvm';
+import * as P from './pane';
+export declare const tagName = "GZM-ACCORDION";
+declare global {
+    interface HTMLElementTagNameMap {
+        [tagName]: Accordion;
+    }
+}
+export interface AccordionOptions extends ViewListModel<P.PaneOptions, P.Pane, Accordion> {
+    tagName?: typeof tagName;
+    multiple?: boolean;
+}
+declare const mutableAttributes: readonly ["multiple"];
+export declare class Accordion extends ViewListElement<P.PaneOptions, P.Pane, AccordionOptions> implements AttributeHandlers<typeof mutableAttributes[number]> {
+    #private;
+    constructor();
+    readonly shadowRoot: ShadowRoot;
+    protected get $activePanes(): P.Pane[];
+    protected _getViewItemTagName(): string;
+    accessor multiple: boolean;
+    _multiple_set(): void;
+}
+export {};

package/dist/020-accordion/pane.d.ts

@@ -0,0 +1,40 @@
+import { Icon, AttributeHandlers } from '@gzmjs/ui-basic';
+import { ViewModel, ViewElement } from '@gzmjs/mvvm';
+export interface PaneOptions extends ViewModel<Pane> {
+    label: string;
+    icon?: string;
+    badge?: string;
+    active?: boolean;
+    render?(this: PaneOptions): HTMLElement;
+    deactivated?(this: PaneOptions): void;
+    activated?(this: PaneOptions): void;
+}
+export declare const tagName = "GZM-ACCORDION-PANE";
+declare const mutableAttributes: readonly ["icon", "label", "active", "badge"];
+export declare class Pane extends ViewElement<PaneOptions> implements AttributeHandlers<typeof mutableAttributes[number]> {
+    #private;
+    disconnectedCallback(): void;
+    get $pane(): HTMLElement | undefined;
+    tryRender(): HTMLElement | undefined;
+    setViewProperty(p: string, v: unknown): boolean;
+    connectedCallback(): void;
+    /**
+     * this 之下的两个子元素：header 和 slot。
+     */
+    protected get $header(): HTMLElement;
+    protected get $lbl(): HTMLElement;
+    protected $icn?: Icon;
+    /**
+     * 同一个 accordion 中唯一，用来控制内容的显示。
+     */
+    readonly key: string;
+    accessor icon: string | undefined;
+    accessor label: string | undefined;
+    accessor badge: string | undefined;
+    accessor active: boolean;
+    _active_set(): void;
+    _label_set(newval: string | null): void;
+    _icon_set(newval: string | null): void;
+    _badge_set(newval: string | null): void;
+}
+export {};

package/dist/accordion.es.js

@@ -0,0 +1,372 @@
+import { defineElement, generateId, iconTagName, badgeTagName, strAttr, boolAttr, createStyleSheet, baseStyle } from "@gzmjs/ui-basic";
+import { ViewElement, ViewListElement } from "@gzmjs/mvvm";
+var __create$1 = Object.create;
+var __defProp$1 = Object.defineProperty;
+var __getOwnPropDesc$1 = Object.getOwnPropertyDescriptor;
+var __knownSymbol$1 = (name, symbol) => (symbol = Symbol[name]) ? symbol : /* @__PURE__ */ Symbol.for("Symbol." + name);
+var __typeError$1 = (msg) => {
+  throw TypeError(msg);
+};
+var __defNormalProp$1 = (obj, key, value) => key in obj ? __defProp$1(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __name$1 = (target, value) => __defProp$1(target, "name", { value, configurable: true });
+var __decoratorStart$1 = (base) => [, , , __create$1(base?.[__knownSymbol$1("metadata")] ?? null)];
+var __decoratorStrings$1 = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"];
+var __expectFn$1 = (fn) => fn !== void 0 && typeof fn !== "function" ? __typeError$1("Function expected") : fn;
+var __decoratorContext$1 = (kind, name, done, metadata, fns) => ({ kind: __decoratorStrings$1[kind], name, metadata, addInitializer: (fn) => done._ ? __typeError$1("Already initialized") : fns.push(__expectFn$1(fn || null)) });
+var __decoratorMetadata$1 = (array, target) => __defNormalProp$1(target, __knownSymbol$1("metadata"), array[3]);
+var __runInitializers$1 = (array, flags, self, value) => {
+  for (var i = 0, fns = array[flags >> 1], n = fns && fns.length; i < n; i++) flags & 1 ? fns[i].call(self) : value = fns[i].call(self, value);
+  return value;
+};
+var __decorateElement$1 = (array, flags, name, decorators, target, extra) => {
+  var fn, it, done, ctx, access, k = flags & 7, s = !!(flags & 8), p = !!(flags & 16);
+  var j = k > 3 ? array.length + 1 : k ? s ? 1 : 2 : 0, key = __decoratorStrings$1[k + 5];
+  var initializers = k > 3 && (array[j - 1] = []), extraInitializers = array[j] || (array[j] = []);
+  var desc = k && (!p && !s && (target = target.prototype), k < 5 && (k > 3 || !p) && __getOwnPropDesc$1(k < 4 ? target : { get [name]() {
+    return __privateGet$1(this, extra);
+  }, set [name](x) {
+    return __privateSet$1(this, extra, x);
+  } }, name));
+  k ? p && k < 4 && __name$1(extra, (k > 2 ? "set " : k > 1 ? "get " : "") + name) : __name$1(target, name);
+  for (var i = decorators.length - 1; i >= 0; i--) {
+    ctx = __decoratorContext$1(k, name, done = {}, array[3], extraInitializers);
+    if (k) {
+      ctx.static = s, ctx.private = p, access = ctx.access = { has: p ? (x) => __privateIn$1(target, x) : (x) => name in x };
+      if (k ^ 3) access.get = p ? (x) => (k ^ 1 ? __privateGet$1 : __privateMethod$1)(x, target, k ^ 4 ? extra : desc.get) : (x) => x[name];
+      if (k > 2) access.set = p ? (x, y) => __privateSet$1(x, target, y, k ^ 4 ? extra : desc.set) : (x, y) => x[name] = y;
+    }
+    it = (0, decorators[i])(k ? k < 4 ? p ? extra : desc[key] : k > 4 ? void 0 : { get: desc.get, set: desc.set } : target, ctx), done._ = 1;
+    if (k ^ 4 || it === void 0) __expectFn$1(it) && (k > 4 ? initializers.unshift(it) : k ? p ? extra = it : desc[key] = it : target = it);
+    else if (typeof it !== "object" || it === null) __typeError$1("Object expected");
+    else __expectFn$1(fn = it.get) && (desc.get = fn), __expectFn$1(fn = it.set) && (desc.set = fn), __expectFn$1(fn = it.init) && initializers.unshift(fn);
+  }
+  return k || __decoratorMetadata$1(array, target), desc && __defProp$1(target, name, desc), p ? k ^ 4 ? extra : desc : target;
+};
+var __publicField = (obj, key, value) => __defNormalProp$1(obj, typeof key !== "symbol" ? key + "" : key, value);
+var __accessCheck$1 = (obj, member, msg) => member.has(obj) || __typeError$1("Cannot " + msg);
+var __privateIn$1 = (member, obj) => Object(obj) !== obj ? __typeError$1('Cannot use the "in" operator on this value') : member.has(obj);
+var __privateGet$1 = (obj, member, getter) => (__accessCheck$1(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
+var __privateAdd$1 = (obj, member, value) => member.has(obj) ? __typeError$1("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+var __privateSet$1 = (obj, member, value, setter) => (__accessCheck$1(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
+var __privateMethod$1 = (obj, member, method) => (__accessCheck$1(obj, member, "access private method"), method);
+var _active_dec, _badge_dec, _label_dec, _icon_dec, _a$1, _Pane_decorators, _pane, _Pane_instances, setActive_fn, _header, _lbl, _init$1, _icon, _label, _badge, _active;
+const tagName$1 = "GZM-ACCORDION-PANE";
+const mutableAttributes$1 = ["icon", "label", "active", "badge"];
+_Pane_decorators = [defineElement({ tagName: tagName$1, mutableAttributes: mutableAttributes$1 })];
+class Pane extends (_a$1 = ViewElement, _icon_dec = [strAttr], _label_dec = [strAttr], _badge_dec = [strAttr], _active_dec = [boolAttr], _a$1) {
+  constructor() {
+    super(...arguments);
+    __privateAdd$1(this, _Pane_instances);
+    __privateAdd$1(this, _pane);
+    __privateAdd$1(this, _header);
+    __privateAdd$1(this, _lbl);
+    __publicField(this, "$icn");
+    __publicField(this, "key", generateId());
+    __privateAdd$1(this, _icon, __runInitializers$1(_init$1, 8, this)), __runInitializers$1(_init$1, 11, this);
+    __privateAdd$1(this, _label, __runInitializers$1(_init$1, 12, this)), __runInitializers$1(_init$1, 15, this);
+    __privateAdd$1(this, _badge, __runInitializers$1(_init$1, 16, this)), __runInitializers$1(_init$1, 19, this);
+    __privateAdd$1(this, _active, __runInitializers$1(_init$1, 20, this, false)), __runInitializers$1(_init$1, 23, this);
+  }
+  disconnectedCallback() {
+    if (this.parentElement) {
+      return;
+    }
+    this.$pane?.remove();
+  }
+  get $pane() {
+    return __privateGet$1(this, _pane)?.deref();
+  }
+  tryRender() {
+    let $p = this.$pane;
+    if ($p) return $p;
+    const os = this.model;
+    if (!os) return;
+    $p = os.render?.();
+    if ($p) {
+      $p.setAttribute("slot", this.key);
+      __privateSet$1(this, _pane, new WeakRef($p));
+      return $p;
+    }
+  }
+  setViewProperty(p, v) {
+    if (p === "active" && v && !this.active) {
+      __privateMethod$1(this, _Pane_instances, setActive_fn).call(this);
+      return true;
+    }
+    return super.setViewProperty(p, v);
+  }
+  connectedCallback() {
+    if (this.model?.active && !this.active) {
+      __privateMethod$1(this, _Pane_instances, setActive_fn).call(this);
+    }
+  }
+  /**
+   * this 之下的两个子元素：header 和 slot。
+   */
+  get $header() {
+    if (!__privateGet$1(this, _header)) {
+      __privateSet$1(this, _header, document.createElement("header"));
+      const $s = document.createElement("slot");
+      $s.name = this.key;
+      this.append(__privateGet$1(this, _header), $s);
+    }
+    return __privateGet$1(this, _header);
+  }
+  get $lbl() {
+    if (!__privateGet$1(this, _lbl)) {
+      __privateSet$1(this, _lbl, document.createElement("strong"));
+      this.$header.append(__privateGet$1(this, _lbl));
+    }
+    return __privateGet$1(this, _lbl);
+  }
+  _active_set() {
+    const options = this.model;
+    const $p = this.$pane;
+    if (this.active) {
+      if ($p) {
+        $p.hidden = false;
+      }
+      options?.activated?.();
+    } else {
+      if ($p) {
+        $p.hidden = true;
+      }
+      options?.deactivated?.();
+    }
+  }
+  _label_set(newval) {
+    this.$lbl.textContent = newval;
+  }
+  _icon_set(newval) {
+    if (newval) {
+      if (!this.$icn) {
+        const $icn = this.$icn = document.createElement(iconTagName);
+        $icn.icon = newval;
+        this.$lbl.before($icn);
+      } else {
+        this.$icn.icon = newval;
+      }
+    } else {
+      if (this.$icn) {
+        this.$icn.remove();
+        this.$icn = void 0;
+      }
+    }
+  }
+  _badge_set(newval) {
+    let $b = this.$header.querySelector(badgeTagName);
+    if (!newval) {
+      $b?.remove();
+      return;
+    }
+    if (!$b) {
+      $b = document.createElement(badgeTagName);
+      this.$header.append($b);
+    }
+    $b.badge = newval;
+  }
+  // #endregion
+}
+_init$1 = __decoratorStart$1(_a$1);
+_pane = /* @__PURE__ */ new WeakMap();
+_Pane_instances = /* @__PURE__ */ new WeakSet();
+setActive_fn = function() {
+  if (!this.isConnected) {
+    return;
+  }
+  this.dispatchEvent(new MouseEvent("click", { bubbles: true }));
+};
+_header = /* @__PURE__ */ new WeakMap();
+_lbl = /* @__PURE__ */ new WeakMap();
+_icon = /* @__PURE__ */ new WeakMap();
+_label = /* @__PURE__ */ new WeakMap();
+_badge = /* @__PURE__ */ new WeakMap();
+_active = /* @__PURE__ */ new WeakMap();
+__decorateElement$1(_init$1, 4, "icon", _icon_dec, Pane, _icon);
+__decorateElement$1(_init$1, 4, "label", _label_dec, Pane, _label);
+__decorateElement$1(_init$1, 4, "badge", _badge_dec, Pane, _badge);
+__decorateElement$1(_init$1, 4, "active", _active_dec, Pane, _active);
+Pane = __decorateElement$1(_init$1, 0, "Pane", _Pane_decorators, Pane);
+__runInitializers$1(_init$1, 1, Pane);
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __knownSymbol = (name, symbol) => (symbol = Symbol[name]) ? symbol : /* @__PURE__ */ Symbol.for("Symbol." + name);
+var __typeError = (msg) => {
+  throw TypeError(msg);
+};
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+var __decoratorStart = (base) => [, , , __create(base?.[__knownSymbol("metadata")] ?? null)];
+var __decoratorStrings = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"];
+var __expectFn = (fn) => fn !== void 0 && typeof fn !== "function" ? __typeError("Function expected") : fn;
+var __decoratorContext = (kind, name, done, metadata, fns) => ({ kind: __decoratorStrings[kind], name, metadata, addInitializer: (fn) => done._ ? __typeError("Already initialized") : fns.push(__expectFn(fn || null)) });
+var __decoratorMetadata = (array, target) => __defNormalProp(target, __knownSymbol("metadata"), array[3]);
+var __runInitializers = (array, flags, self, value) => {
+  for (var i = 0, fns = array[flags >> 1], n = fns && fns.length; i < n; i++) flags & 1 ? fns[i].call(self) : value = fns[i].call(self, value);
+  return value;
+};
+var __decorateElement = (array, flags, name, decorators, target, extra) => {
+  var fn, it, done, ctx, access, k = flags & 7, s = !!(flags & 8), p = !!(flags & 16);
+  var j = k > 3 ? array.length + 1 : k ? s ? 1 : 2 : 0, key = __decoratorStrings[k + 5];
+  var initializers = k > 3 && (array[j - 1] = []), extraInitializers = array[j] || (array[j] = []);
+  var desc = k && (!p && !s && (target = target.prototype), k < 5 && (k > 3 || !p) && __getOwnPropDesc(k < 4 ? target : { get [name]() {
+    return __privateGet(this, extra);
+  }, set [name](x) {
+    return __privateSet(this, extra, x);
+  } }, name));
+  k ? p && k < 4 && __name(extra, (k > 2 ? "set " : k > 1 ? "get " : "") + name) : __name(target, name);
+  for (var i = decorators.length - 1; i >= 0; i--) {
+    ctx = __decoratorContext(k, name, done = {}, array[3], extraInitializers);
+    if (k) {
+      ctx.static = s, ctx.private = p, access = ctx.access = { has: p ? (x) => __privateIn(target, x) : (x) => name in x };
+      if (k ^ 3) access.get = p ? (x) => (k ^ 1 ? __privateGet : __privateMethod)(x, target, k ^ 4 ? extra : desc.get) : (x) => x[name];
+      if (k > 2) access.set = p ? (x, y) => __privateSet(x, target, y, k ^ 4 ? extra : desc.set) : (x, y) => x[name] = y;
+    }
+    it = (0, decorators[i])(k ? k < 4 ? p ? extra : desc[key] : k > 4 ? void 0 : { get: desc.get, set: desc.set } : target, ctx), done._ = 1;
+    if (k ^ 4 || it === void 0) __expectFn(it) && (k > 4 ? initializers.unshift(it) : k ? p ? extra = it : desc[key] = it : target = it);
+    else if (typeof it !== "object" || it === null) __typeError("Object expected");
+    else __expectFn(fn = it.get) && (desc.get = fn), __expectFn(fn = it.set) && (desc.set = fn), __expectFn(fn = it.init) && initializers.unshift(fn);
+  }
+  return k || __decoratorMetadata(array, target), desc && __defProp(target, name, desc), p ? k ^ 4 ? extra : desc : target;
+};
+var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
+var __privateIn = (member, obj) => Object(obj) !== obj ? __typeError('Cannot use the "in" operator on this value') : member.has(obj);
+var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
+var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
+var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "access private method"), method);
+var _multiple_dec, _a, _Accordion_decorators, _onclick, _Accordion_instances, deactivate_fn, activate_fn, _init, _multiple;
+const styleSheet = createStyleSheet({
+  ":host": {
+    display: "flex",
+    "flex-direction": "column",
+    gap: "0.125rem",
+    overflow: "hidden"
+  },
+  //pane
+  [tagName$1]: {
+    display: "flex",
+    "flex-direction": "column",
+    "border-radius": "0.5rem",
+    border: "var(--gzm-btn-border)"
+  },
+  [tagName$1 + "[active]"]: {
+    flex: "1 1 auto",
+    overflow: "hidden"
+  },
+  [`${tagName$1}:has(header:active), ${tagName$1}[active]`]: {
+    border: "var(--gzm-a-btn-border)"
+  },
+  [`${tagName$1}:has(header:hover)`]: {
+    border: "var(--gzm-h-btn-border)"
+  },
+  //header
+  [tagName$1 + " > header"]: {
+    display: "flex",
+    gap: "0.25rem",
+    "align-items": "center",
+    color: "var(--gzm-btn-txt-color)",
+    background: "var(--gzm-btn-background)",
+    cursor: "pointer",
+    padding: "0.5rem 1rem",
+    width: "100%"
+  },
+  [`${tagName$1}:not([active]) > header`]: {
+    "border-bottom": "1px solid transparent",
+    "border-radius": "0.5rem"
+  },
+  [`${tagName$1} > header:active, ${tagName$1}[active] > header`]: {
+    color: "var(--gzm-a-btn-txt-color)",
+    background: "var(--gzm-a-btn-background)",
+    "border-radius": "0.5rem 0.5rem 0px 0px",
+    "border-bottom": "var(--gzm-a-btn-border)"
+  },
+  [`${tagName$1} > header:hover`]: {
+    color: "var(--gzm-h-btn-txt-color)",
+    background: "var(--gzm-h-btn-background)"
+  },
+  [`${tagName$1}[active] > header:hover`]: {
+    "border-bottom": "var(--gzm-h-btn-border)"
+  },
+  //其他
+  [tagName$1 + " > slot"]: {
+    flex: "1 1 auto"
+  },
+  [tagName$1 + " > header > strong"]: {
+    flex: "1 1 auto"
+  },
+  //用 ::before 模拟：display: list-item; list-style-type: disclosure-open / disclosure-closed;
+  [tagName$1 + " > header::before"]: {
+    content: '"▶"',
+    display: "inline-block",
+    "font-size": "0.75rem"
+  },
+  [tagName$1 + "[active] > header::before"]: {
+    transform: "rotate(90deg)",
+    //旋转右箭头变为下箭头
+    "transform-origin": "center"
+  }
+});
+const tagName = "GZM-ACCORDION";
+const mutableAttributes = ["multiple"];
+_Accordion_decorators = [defineElement({ tagName, mutableAttributes })];
+class Accordion extends (_a = ViewListElement, _multiple_dec = [boolAttr], _a) {
+  constructor() {
+    super();
+    __privateAdd(this, _Accordion_instances);
+    __privateAdd(this, _onclick, (e) => {
+      const $t = e.target;
+      const $p = $t.closest(tagName$1);
+      if ($p) {
+        void ($p.active ? __privateMethod(this, _Accordion_instances, deactivate_fn).call(this, $p) : __privateMethod(this, _Accordion_instances, activate_fn).call(this, $p));
+      }
+    });
+    __privateAdd(this, _multiple, __runInitializers(_init, 8, this, false)), __runInitializers(_init, 11, this);
+    const root = this.attachShadow({ mode: "open" });
+    root.adoptedStyleSheets = [baseStyle, styleSheet];
+    root.addEventListener("click", __privateGet(this, _onclick));
+  }
+  get $activePanes() {
+    return this.$viewItems.filter(($p) => $p.active);
+  }
+  _getViewItemTagName() {
+    return tagName$1;
+  }
+  _multiple_set() {
+    const m = this.multiple;
+    if (m) return;
+    const $aps = this.$activePanes;
+    if ($aps.length <= 1) return;
+    for (let i = 1; i < $aps.length; i++) {
+      __privateMethod(this, _Accordion_instances, deactivate_fn).call(this, $aps[i]);
+    }
+  }
+  // #endregion
+}
+_init = __decoratorStart(_a);
+_onclick = /* @__PURE__ */ new WeakMap();
+_Accordion_instances = /* @__PURE__ */ new WeakSet();
+deactivate_fn = function($p) {
+  $p.setModelProperty("active", false);
+};
+activate_fn = function($pane) {
+  if ($pane.active) return;
+  if (!this.multiple) {
+    const $aps = this.$activePanes;
+    $aps.forEach(($ap) => __privateMethod(this, _Accordion_instances, deactivate_fn).call(this, $ap));
+  }
+  let $p = $pane.$pane;
+  void ($p ?? (($p = $pane.tryRender()) && this.append($p)));
+  $pane.setModelProperty("active", true);
+};
+_multiple = /* @__PURE__ */ new WeakMap();
+__decorateElement(_init, 4, "multiple", _multiple_dec, Accordion, _multiple);
+Accordion = __decorateElement(_init, 0, "Accordion", _Accordion_decorators, Accordion);
+__runInitializers(_init, 1, Accordion);
+export {
+  Accordion,
+  Pane,
+  tagName as accordionTagName
+};
+//# sourceMappingURL=accordion.es.js.map

package/dist/accordion.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.es.js","sources":["../src/020-accordion/pane.ts","../src/020-accordion/accordion.ts"],"sourcesContent":["import {badgeTagName, boolAttr, defineElement, type Icon, iconTagName, strAttr, generateId, type AttributeHandlers} from '@gzmjs/ui-basic';\r\nimport {type ViewModel, ViewElement} from '@gzmjs/mvvm';\r\n\r\nexport interface PaneOptions extends ViewModel<Pane> {\r\n    //label 必须要有\r\n    label: string;\r\n    icon?: string;\r\n    badge?: string;\r\n    active?: boolean;\r\n\r\n    render?(this: PaneOptions): HTMLElement;\r\n\r\n    deactivated?(this: PaneOptions): void;\r\n    activated?(this: PaneOptions): void;\r\n};\r\n\r\nexport const tagName = 'GZM-ACCORDION-PANE';\r\nconst mutableAttributes = ['icon', 'label', 'active', 'badge'] as const;\r\n\r\n@defineElement({tagName, mutableAttributes})\r\nexport class Pane extends ViewElement<PaneOptions> implements AttributeHandlers<typeof mutableAttributes[number]> {\r\n    disconnectedCallback(): void {\r\n        if (this.parentElement) {\r\n            return;//与父元素一起删除，不处理\r\n        }\r\n        this.$pane?.remove();\r\n    }\r\n\r\n    public get $pane(): HTMLElement | undefined {\r\n        return this.#pane?.deref();\r\n    }\r\n    #pane?: WeakRef<HTMLElement>;\r\n\r\n    public tryRender(): HTMLElement | undefined {\r\n        let $p  = this.$pane;\r\n        if ($p) return $p;//已经渲染过了\r\n        \r\n        const os = this.model;\r\n        if (!os) return;\r\n\r\n        $p = os.render?.();\r\n        if ($p) {\r\n            $p.setAttribute('slot', this.key);\r\n            this.#pane = new WeakRef($p);\r\n            return $p;\r\n        }\r\n    }\r\n\r\n    public setViewProperty(p: string, v: unknown): boolean {\r\n        if (p === 'active' && v && !this.active) {\r\n            this.#setActive();\r\n            return true;\r\n        }\r\n        return super.setViewProperty(p, v);\r\n    }\r\n    #setActive(): void {\r\n        if (!this.isConnected) {\r\n            return;//还未加入 dom，在 connectedCallback() 中处理。\r\n        }\r\n        //需要处理 multiple 的情况，所以模拟点击的情况。\r\n        this.dispatchEvent(new MouseEvent('click', {bubbles: true}));\r\n    }\r\n    connectedCallback() {\r\n        if (this.model?.active && !this.active) {\r\n            this.#setActive();\r\n        }\r\n    }\r\n\r\n    /**\r\n     * this 之下的两个子元素：header 和 slot。\r\n     */\r\n    protected get $header(): HTMLElement {\r\n        if (!this.#header) {\r\n            this.#header = document.createElement('header');\r\n\r\n            const $s = document.createElement('slot');\r\n            $s.name = this.key;\r\n            this.append(this.#header, $s);\r\n        }\r\n        return this.#header;\r\n    }\r\n    #header?: HTMLElement;\r\n\r\n    protected get $lbl(): HTMLElement {    //显示文本的元素\r\n        if (!this.#lbl) {\r\n            this.#lbl = document.createElement('strong');\r\n            this.$header.append(this.#lbl);\r\n        }\r\n        return this.#lbl;\r\n    }\r\n    #lbl?: HTMLElement;\r\n    \r\n    protected $icn?: Icon;   //显示图标的元素\r\n\r\n    // #region 属性\r\n    /**\r\n     * 同一个 accordion 中唯一，用来控制内容的显示。\r\n     */\r\n    readonly key: string = generateId();\r\n\r\n    @strAttr\r\n    accessor icon: string | undefined;\r\n    \r\n    @strAttr\r\n    accessor label: string | undefined;\r\n\r\n    @strAttr\r\n    accessor badge: string | undefined;\r\n\r\n    @boolAttr\r\n    accessor active: boolean = false;\r\n\r\n    _active_set() {\r\n        const options = this.model;\r\n        const $p = this.$pane;\r\n\r\n        if (this.active) {\r\n            if ($p) {\r\n                $p.hidden = false;\r\n            }\r\n            options?.activated?.();\r\n        }\r\n        else {\r\n            if ($p) {\r\n                $p.hidden = true;\r\n            }\r\n            options?.deactivated?.();\r\n        }\r\n    }\r\n    _label_set(newval: string | null) {\r\n        this.$lbl.textContent = newval;\r\n    }\r\n    _icon_set(newval: string | null) {\r\n        if (newval) {\r\n            if (!this.$icn) {\r\n                const $icn = this.$icn = document.createElement(iconTagName);\r\n                $icn.icon = newval;\r\n                this.$lbl.before($icn);\r\n            }\r\n            else {\r\n                this.$icn.icon = newval;\r\n            }\r\n        }\r\n        else {\r\n            if (this.$icn) {\r\n                this.$icn.remove();\r\n                this.$icn = void 0;\r\n            }\r\n        }\r\n    }\r\n    _badge_set(newval: string | null) {\r\n        let $b = this.$header.querySelector(badgeTagName);\r\n        if (!newval) {\r\n            $b?.remove();\r\n            return;\r\n        }\r\n\r\n        if (!$b) {\r\n            $b = document.createElement(badgeTagName);\r\n            this.$header.append($b);\r\n        }\r\n        $b.badge = newval;\r\n    }\r\n    // #endregion\r\n}","import {createStyleSheet, baseStyle, boolAttr, defineElement, type AttributeHandlers} from '@gzmjs/ui-basic';\r\nimport {type ViewListModel, ViewListElement} from '@gzmjs/mvvm';\r\nimport * as P from './pane';\r\n\r\nconst styleSheet = createStyleSheet({\r\n    ':host': {\r\n        display: 'flex',\r\n        'flex-direction': 'column',\r\n        gap: '0.125rem',\r\n        overflow: 'hidden',\r\n    },\r\n\r\n    //pane\r\n    [P.tagName]: {\r\n        display: 'flex',\r\n        'flex-direction': 'column',\r\n        'border-radius': '0.5rem',\r\n        border: 'var(--gzm-btn-border)',\r\n    },\r\n    [P.tagName + '[active]']: {\r\n        flex: '1 1 auto',\r\n        overflow: 'hidden',\r\n    },\r\n    [`${P.tagName}:has(header:active), ${P.tagName}[active]`]: {\r\n        border: 'var(--gzm-a-btn-border)',\r\n    },\r\n    [`${P.tagName}:has(header:hover)`]: {\r\n        border: 'var(--gzm-h-btn-border)',\r\n    },\r\n\r\n    //header\r\n    [P.tagName + ' > header']: {\r\n        display: 'flex',\r\n        gap: '0.25rem',\r\n        'align-items': 'center',\r\n        color: 'var(--gzm-btn-txt-color)',\r\n        background: 'var(--gzm-btn-background)',\r\n        cursor: 'pointer',\r\n        padding: '0.5rem 1rem',\r\n        width: '100%',\r\n    },\r\n    [`${P.tagName}:not([active]) > header`]: {\r\n        'border-bottom': '1px solid transparent',\r\n        'border-radius': '0.5rem',\r\n    },\r\n\r\n    [`${P.tagName} > header:active, ${P.tagName}[active] > header`]: {\r\n        color: 'var(--gzm-a-btn-txt-color)',\r\n        background: 'var(--gzm-a-btn-background)',\r\n        'border-radius': '0.5rem 0.5rem 0px 0px',\r\n        'border-bottom': 'var(--gzm-a-btn-border)',\r\n    },\r\n\r\n    [`${P.tagName} > header:hover`]: {\r\n        color: 'var(--gzm-h-btn-txt-color)',\r\n        background: 'var(--gzm-h-btn-background)',\r\n    },\r\n    [`${P.tagName}[active] > header:hover`]: {\r\n        'border-bottom': 'var(--gzm-h-btn-border)',\r\n    },\r\n\r\n    //其他\r\n    [P.tagName + ' > slot']: {\r\n        flex: '1 1 auto',\r\n    },\r\n    [P.tagName + ' > header > strong']: {\r\n        flex: '1 1 auto',\r\n    },\r\n    \r\n    //用 ::before 模拟：display: list-item; list-style-type: disclosure-open / disclosure-closed;\r\n    [P.tagName + ' > header::before']: {\r\n        content: '\"▶\"',\r\n        display: 'inline-block',\r\n        'font-size': '0.75rem',\r\n    },\r\n    [P.tagName + '[active] > header::before']: {\r\n        transform: 'rotate(90deg)', //旋转右箭头变为下箭头\r\n        'transform-origin': 'center',\r\n    },\r\n});\r\n\r\nexport const tagName = 'GZM-ACCORDION';\r\ndeclare global {\r\n    interface HTMLElementTagNameMap {\r\n        [tagName]: Accordion;\r\n    }\r\n}\r\n\r\nexport interface AccordionOptions extends ViewListModel<P.PaneOptions, P.Pane, Accordion> {\r\n    tagName?: typeof tagName;\r\n    multiple?: boolean;\r\n}\r\n\r\nconst mutableAttributes = ['multiple'] as const;\r\n\r\n@defineElement({tagName, mutableAttributes})\r\nexport class Accordion extends ViewListElement<P.PaneOptions, P.Pane, AccordionOptions> implements AttributeHandlers<typeof mutableAttributes[number]> {\r\n    constructor() {\r\n        super();\r\n        const root = this.attachShadow({ mode: 'open' });\r\n        root.adoptedStyleSheets = [baseStyle, styleSheet];\r\n        root.addEventListener('click', this.#onclick);\r\n    }\r\n    declare readonly shadowRoot: ShadowRoot;\r\n\r\n    protected get $activePanes(): P.Pane[] {\r\n        return this.$viewItems.filter($p => $p.active);\r\n    }\r\n\r\n    #onclick = (e: Event) => {\r\n        const $t = e.target as Element;\r\n        const $p = $t.closest(P.tagName) as P.Pane;\r\n        if ($p) {\r\n            void ($p.active ? this.#deactivate($p) : this.#activate($p));\r\n        }\r\n    }\r\n    #deactivate($p: P.Pane): void {\r\n        $p.setModelProperty('active', false);\r\n    }\r\n    #activate($pane: P.Pane) {\r\n        if ($pane.active) return;\r\n\r\n        //先取消原来的选中\r\n        if (!this.multiple) {\r\n            const $aps = this.$activePanes;\r\n            $aps.forEach($ap => this.#deactivate($ap));\r\n        }\r\n        \r\n        //检查内容是否生成\r\n        let $p = $pane.$pane;\r\n        void ($p ?? (($p = $pane.tryRender()) && this.append($p)));\r\n        $pane.setModelProperty('active', true);\r\n    }\r\n\r\n    protected _getViewItemTagName(): string {\r\n        return P.tagName;\r\n    }\r\n\r\n    // #region 属性\r\n    @boolAttr\r\n    accessor multiple: boolean = false;\r\n\r\n    _multiple_set(): void {\r\n        const m = this.multiple;\r\n        if (m) return;//允许多选，不需要处理\r\n\r\n        const $aps = this.$activePanes;\r\n        if ($aps.length <= 1) return;//没有选中，或者只选中了一个\r\n\r\n        //多于一个被选中，取消后面的选中\r\n        for (let i = 1; i < $aps.length; i++) {\r\n            this.#deactivate($aps[i]!);\r\n        }\r\n    }\r\n    // #endregion\r\n}\r\n"],"names":["_a","_init","tagName","mutableAttributes","__privateAdd","__runInitializers","__privateGet","__privateSet","__privateMethod","__decoratorStart","__decorateElement","P.tagName"],"mappings":"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"}

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+export { type PaneOptions, Pane } from './020-accordion/pane';
+export { tagName as accordionTagName, type AccordionOptions, Accordion } from './020-accordion/accordion';

package/dist/vite.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>

package/package.json

@@ -0,0 +1,30 @@
+{
+  "name": "@gzmjs/accordion",
+  "description": "GZMJS UI Accordion Component",
+  "version": "0.1.0",
+  "module": "dist/accordion.es.js",
+  "types": "dist/index.d.ts",
+  "type": "module",
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc && vite build",
+    "preview": "vite preview",
+    "analyzer": "vite-bundle-visualizer"
+  },
+  "devDependencies": {
+    "@types/node": "^25.1.0",
+    "eslint": "^9.39.2",
+    "typescript": "~5.9.3",
+    "typescript-eslint": "^8.54.0",
+    "vite": "^7.2.4",
+    "vite-bundle-visualizer": "^1.2.1",
+    "vite-plugin-dts": "^4.5.4"
+  },
+  "dependencies": {
+    "@gzmjs/mvvm": "^0.1.0",
+    "@gzmjs/ui-basic": "^0.3.0"
+  }
+}