@gzmjs/form 0.1.0

package/dist/form.es.js

@@ -0,0 +1,3137 @@
+import { createStyleSheet, getElementRules, generateId, strAttr, boolAttr, defineElement, baseStyle, saAttr, GT, intAttr, iconCache, iconTagName, createTxtBtn, utilityStyle, CornerHelper, xy, createText, gzmHeader } from "@gzmjs/ui-basic";
+import { ObjMember, onModelEvent, offModelEvent, ViewElement, ObjValue, handleModelEvent, ViewListElement, ListSource, multipleSubscribers } from "@gzmjs/mvvm";
+const inputAutoComplete = ["", "on", "off"];
+function getInputIdForLabel($ipt) {
+  if (!$ipt.id) {
+    $ipt.id = `input-${generateId()}`;
+  }
+  return $ipt.id;
+}
+function getHiddenValueFromDataValue(dv) {
+  if (!dv && dv !== 0 && dv !== 0n) {
+    return "";
+  }
+  if (Array.isArray(dv)) {
+    return dv.map((x) => getHiddenValueFromDataValue(x)).join("");
+  }
+  const ret = String(dv);
+  if (ret.length > 0) {
+    const regex = /^,+$/;
+    if (regex.test(ret)) {
+      return "";
+    }
+  }
+  return ret;
+}
+const ZWCs = [
+  "​",
+  //零宽空格
+  "‌",
+  //零宽非连接符
+  "‍",
+  //零宽连接符
+  "‎",
+  //左向标记
+  "‏",
+  //右向标记
+  "‪",
+  //左到右嵌入
+  "‫",
+  //右到左嵌入
+  "‬",
+  //取消嵌入
+  "‭",
+  //左到右覆盖
+  "‮",
+  //右到左覆盖
+  "⁠",
+  //单词连接符
+  "\uFEFF"
+  //零宽非换行空格
+];
+function removeZWC(s) {
+  for (let i = 0; i < ZWCs.length; i++) {
+    const zwc = ZWCs[i];
+    s = s.replaceAll(zwc, "");
+  }
+  return s;
+}
+function toDateStr(d) {
+  const year = d.getFullYear();
+  let month = d.getMonth() + 1;
+  if (month < 10) {
+    month = "0" + month;
+  }
+  let day = d.getDate();
+  if (day < 10) {
+    day = "0" + day;
+  }
+  return year + "-" + month + "-" + day;
+}
+function toMonthStr(d) {
+  const year = d.getFullYear();
+  let month = d.getMonth() + 1;
+  if (month < 10) {
+    month = "0" + month;
+  }
+  return year + "-" + month;
+}
+function weekOfYear(date) {
+  if (isNaN(date.getTime())) {
+    throw new Error("无效的 Date 对象，请传入合法的日期");
+  }
+  const cloneDate = new Date(date);
+  cloneDate.setHours(0, 0, 0, 0);
+  const dayOfWeek = cloneDate.getDay();
+  const isoDayOfWeek = dayOfWeek === 0 ? 7 : dayOfWeek;
+  const thursdayOffset = 4 - isoDayOfWeek;
+  const thursday = new Date(cloneDate);
+  thursday.setDate(cloneDate.getDate() + thursdayOffset);
+  const isoYear = thursday.getFullYear();
+  const firstDayOfYear = new Date(isoYear, 0, 1);
+  const firstDayOfYearWeekday = firstDayOfYear.getDay();
+  const firstThursdayOffset = firstDayOfYearWeekday <= 4 ? 4 - firstDayOfYearWeekday : 4 - firstDayOfYearWeekday + 7;
+  const firstThursday = new Date(isoYear, 0, 1 + firstThursdayOffset);
+  const timeDiff = thursday.getTime() - firstThursday.getTime();
+  const dayDiff = Math.floor(timeDiff / (24 * 60 * 60 * 1e3));
+  const isoWeek = Math.floor(dayDiff / 7) + 1;
+  return {
+    isoYear,
+    isoWeek
+  };
+}
+function toWeekStr(d) {
+  const { isoYear, isoWeek } = weekOfYear(d);
+  const paddedWeek = isoWeek.toString().padStart(2, "0");
+  return `${isoYear}-W${paddedWeek}`;
+}
+function toTimeStr(d) {
+  let h = d.getHours();
+  if (h < 10) {
+    h = "0" + h;
+  }
+  let m = d.getMinutes();
+  if (m < 10) {
+    m = "0" + m;
+  }
+  return `${h}:${m}`;
+}
+const iptStyle = createStyleSheet({
+  ":host": `
+        display: inline-flex;
+        overflow: hidden;
+    `,
+  /* flex-direction: column 为了显示 validation-message 在 .ipt 的下方 */
+  ":host > label": `
+        flex: auto;
+        display: flex;
+        flex-direction: column;
+        max-width: 100%;
+    `,
+  ".ipt": `
+        flex: auto;
+        color: inherit;
+        background-color: transparent;
+        outline-width: 0px;
+        border-radius: 0.375rem;
+        padding-inline: 0.25rem;
+        resize: none; /*针对 textarea*/
+        min-width: 0px; /* 破除 input 默认的最小宽度 */
+    `,
+  ".ipt:invalid": `
+        outline-style: dashed;
+        outline-width: 2px;
+        outline-color: var(--gzm-error-txt-color);
+    `,
+  [`label::after`]: `
+        content: "";
+        display: none;
+    `,
+  [`label:has(.ipt:invalid)::after`]: `
+        content: attr(validation-message);
+        font-size: 0.75rem;
+        color: var(--gzm-error-txt-color);
+        display: block;
+    `,
+  "input, textarea": getElementRules("input", "font")
+});
+var __create$f = Object.create;
+var __defProp$f = Object.defineProperty;
+var __getOwnPropDesc$f = Object.getOwnPropertyDescriptor;
+var __knownSymbol$f = (name, symbol) => (symbol = Symbol[name]) ? symbol : /* @__PURE__ */ Symbol.for("Symbol." + name);
+var __typeError$f = (msg) => {
+  throw TypeError(msg);
+};
+var __defNormalProp$f = (obj, key, value) => key in obj ? __defProp$f(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __decoratorStart$f = (base) => [, , , __create$f(base?.[__knownSymbol$f("metadata")] ?? null)];
+var __decoratorStrings$f = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"];
+var __expectFn$f = (fn) => fn !== void 0 && typeof fn !== "function" ? __typeError$f("Function expected") : fn;
+var __decoratorContext$f = (kind, name, done, metadata, fns) => ({ kind: __decoratorStrings$f[kind], name, metadata, addInitializer: (fn) => done._ ? __typeError$f("Already initialized") : fns.push(__expectFn$f(fn || null)) });
+var __decoratorMetadata$f = (array, target) => __defNormalProp$f(target, __knownSymbol$f("metadata"), array[3]);
+var __runInitializers$f = (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$f = (array, flags, name, decorators, target, extra) => {
+  var fn, it, done, ctx, access, k = flags & 7, s = false, p = false;
+  var j = array.length + 1, key = __decoratorStrings$f[k + 5];
+  var initializers = array[j - 1] = [], extraInitializers = array[j] || (array[j] = []);
+  var desc = (target = target.prototype, __getOwnPropDesc$f({ get [name]() {
+    return __privateGet$f(this, extra);
+  }, set [name](x) {
+    return __privateSet$f(this, extra, x);
+  } }, name));
+  for (var i = decorators.length - 1; i >= 0; i--) {
+    ctx = __decoratorContext$f(k, name, done = {}, array[3], extraInitializers);
+    {
+      ctx.static = s, ctx.private = p, access = ctx.access = { has: (x) => name in x };
+      access.get = (x) => x[name];
+      access.set = (x, y) => x[name] = y;
+    }
+    it = (0, decorators[i])({ get: desc.get, set: desc.set }, ctx), done._ = 1;
+    if (it === void 0) __expectFn$f(it) && (desc[key] = it);
+    else if (typeof it !== "object" || it === null) __typeError$f("Object expected");
+    else __expectFn$f(fn = it.get) && (desc.get = fn), __expectFn$f(fn = it.set) && (desc.set = fn), __expectFn$f(fn = it.init) && initializers.unshift(fn);
+  }
+  return desc && __defProp$f(target, name, desc), target;
+};
+var __publicField$d = (obj, key, value) => __defNormalProp$f(obj, typeof key !== "symbol" ? key + "" : key, value);
+var __accessCheck$f = (obj, member, msg) => member.has(obj) || __typeError$f("Cannot " + msg);
+var __privateGet$f = (obj, member, getter) => (__accessCheck$f(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
+var __privateAdd$f = (obj, member, value) => member.has(obj) ? __typeError$f("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+var __privateSet$f = (obj, member, value, setter) => (__accessCheck$f(obj, member, "write to private field"), member.set(obj, value), value);
+var __privateMethod$f = (obj, member, method) => (__accessCheck$f(obj, member, "access private method"), method);
+var _showValidityMessage_dec, _required_dec, _name_dec, _a$f, _dv, _ds$1, _ls, _InputBase_instances, monitorValidity_fn, _onUserInput, _init$f, _name, _required, _showValidityMessage, _b;
+class InputDataSource {
+  constructor(o, vm) {
+    this.data = o;
+    if (!(vm instanceof ObjMember)) {
+      vm = new ObjMember(vm);
+    }
+    this.valueMember = vm;
+  }
+  data;
+  valueMember;
+  getValue() {
+    return this.valueMember.getObjValue(this.data);
+  }
+  setValue(v) {
+    this.valueMember.setObjValue(this.data, v);
+  }
+  onDataEvent(listener) {
+    const obj = this.data;
+    if (obj) {
+      return obj[onModelEvent]?.(listener) ?? false;
+    }
+    return false;
+  }
+  offDataEvent(listener) {
+    const obj = this.data;
+    if (obj) {
+      return obj[offModelEvent]?.(listener) ?? false;
+    }
+    return false;
+  }
+}
+const textAlign = ["start", "end", "center"];
+const inputCopyAttributes = {
+  name: "$ipt",
+  required: "$ipt"
+  //disabled: '$ipt', 不需要复制给内部的 $ipt，因为父元素的 disabled 已经足够了。
+};
+class InputBase extends (_b = ViewElement) {
+  constructor() {
+    super();
+    __privateAdd$f(this, _InputBase_instances);
+    __publicField$d(this, "ei");
+    __publicField$d(this, "$ipt");
+    __privateAdd$f(this, _dv);
+    __privateAdd$f(this, _ds$1);
+    __privateAdd$f(this, _ls);
+    __privateAdd$f(this, _onUserInput, () => {
+      this._setValidity();
+    });
+    __privateAdd$f(this, _name, __runInitializers$f(_init$f, 8, this)), __runInitializers$f(_init$f, 11, this);
+    __privateAdd$f(this, _required, __runInitializers$f(_init$f, 12, this, false)), __runInitializers$f(_init$f, 15, this);
+    __privateAdd$f(this, _showValidityMessage, __runInitializers$f(_init$f, 16, this, false)), __runInitializers$f(_init$f, 19, this);
+    this.$ipt = this._createInput();
+    __privateMethod$f(this, _InputBase_instances, monitorValidity_fn).call(this);
+    this.ei = this.attachInternals();
+  }
+  //#region 值
+  get dataValue() {
+    return __privateGet$f(this, _dv);
+  }
+  set dataValue(val) {
+    const old = __privateGet$f(this, _dv);
+    __privateSet$f(this, _dv, this._checkValueType(val));
+    if (Object.is(__privateGet$f(this, _dv), old)) {
+      return;
+    }
+    this.model?.dataValueChanged?.(__privateGet$f(this, _dv), old);
+    this._writeDataSource();
+    this._setFormValue();
+    this._setIptValue();
+  }
+  /**
+   * 在处理与 listSource 相关的操作时需要用到！
+   */
+  get dsValue() {
+    let vml = 1;
+    if (this.dataSource?.valueMember) {
+      vml = this.dataSource.valueMember.length;
+    }
+    return new ObjValue(this.dataValue, vml);
+  }
+  /**
+   * 对于定义了 dataType 属性的组件，需要将 #dv 转换为 dataType 指定的类型
+   */
+  _checkValueType(dv) {
+    const dt = Reflect.get(this, "dataType");
+    if (dt) {
+      if (!Array.isArray(dt)) {
+        return this._changeValue2Type(dv, dt);
+      }
+      if (dt.length > 0) {
+        if (!Array.isArray(dv)) {
+          return this._changeValue2Type(dv, dt[0]);
+        }
+        for (let i = 0; i < dt.length; i++) {
+          dv[i] = this._changeValue2Type(dv[i], dt[i]);
+        }
+      }
+    }
+    return dv;
+  }
+  _changeValue2Type(v, t) {
+    return v;
+  }
+  _writeDataSource() {
+    const ds = this.dataSource;
+    if (ds) {
+      ds.offDataEvent(this);
+      ds.setValue(this.dataValue);
+      ds.onDataEvent(this);
+    }
+  }
+  /**
+   * form 的值与 #dv 同步
+   * @param dv 
+   * @returns 
+   */
+  _setFormValue() {
+    const name = this.name;
+    if (!name) return;
+    const om = new ObjMember(name);
+    const fd = new FormData();
+    const dv = this.dataValue;
+    if (!dv && dv !== 0 && dv !== 0n) {
+      om.forEach((m) => fd.set(m, ""));
+    } else if (Array.isArray(dv)) {
+      if (om.length === 1) {
+        fd.set(name, JSON.stringify(dv));
+      } else if (om.length >= dv.length) {
+        om.forEach((m, i) => {
+          const v = dv[i];
+          if (!v && v !== 0 && v !== 0n) {
+            fd.set(m, "");
+          } else if (Array.isArray(v)) {
+            fd.set(m, JSON.stringify(v));
+          } else {
+            fd.set(m, v);
+          }
+        });
+      } else {
+        throw new Error("InputBase._setFormValue 的 dataValue 数组长度小于字段数量！");
+      }
+    } else {
+      fd.set(name, JSON.stringify(dv));
+    }
+    this.ei.setFormValue(fd);
+  }
+  /**
+   * $ipt 的值与 #dv 同步。这主要针对 $ipt.hidden = true 的组件，如 CheckList, SearchList。
+   * 这些组件的 $ipt 只是用来满足表单验证需求的，并不直接显示数据。而且也只能满足 required 验证需求。
+   * 所以这里设置 $ipt 的值不必太复杂。
+   */
+  _setIptValue($ipt = this.$ipt) {
+    if (!$ipt.hidden) {
+      return;
+    }
+    $ipt.value = getHiddenValueFromDataValue(this.dataValue);
+    this._setValidity($ipt);
+  }
+  //#endregion
+  //#region 数据源
+  get dataSource() {
+    return __privateGet$f(this, _ds$1);
+  }
+  set dataSource(ds) {
+    if (__privateGet$f(this, _ds$1)) {
+      __privateGet$f(this, _ds$1).offDataEvent(this);
+      __privateSet$f(this, _ds$1, void 0);
+    }
+    __privateSet$f(this, _ds$1, ds);
+    __privateGet$f(this, _ds$1)?.onDataEvent(this);
+    this._getValueFromDataSource();
+  }
+  _getValueFromDataSource() {
+    const ds = this.dataSource;
+    __privateSet$f(this, _dv, ds?.data ? ds.valueMember.getObjValue(ds.data).value : void 0);
+    this._setFormValue();
+    this._setIptValue();
+    this._showValue();
+  }
+  [(_a$f = handleModelEvent, _name_dec = [strAttr], _required_dec = [boolAttr], _showValidityMessage_dec = [boolAttr], _a$f)](source, evt) {
+    const ds = this.dataSource;
+    if (ds && source === ds.data) {
+      if (evt.type === "item-update" && evt.isPropertyChanged(...ds.valueMember.member)) {
+        this._getValueFromDataSource();
+        return true;
+      }
+      return false;
+    }
+    return super[handleModelEvent](source, evt);
+  }
+  //#endregion
+  //#region ListSource
+  get listSource() {
+    return __privateGet$f(this, _ls);
+  }
+  set listSource(ls) {
+    __privateSet$f(this, _ls, ls);
+    this._showValue();
+  }
+  _setActiveItem(...activeItems) {
+    const ls = this.listSource;
+    if (!ls) return;
+    const ds = this.dataSource;
+    const vm = ds ? ds.valueMember : ls.valueMember;
+    const v = ls.setListItems(activeItems, vm).value;
+    this.dataValue = v;
+  }
+  //#endregion
+  //#region list
+  /**
+   * 对于有 list 属性的组件，需要生成一个 <datalist>
+   * <datalist> 的弹出由浏览器自己控制，所以需要有一个 bind 的过程。
+   * 对于 input-combo，list 弹出由代码控制，所以就无需重写 _bindList()。
+   */
+  _bindList($ipt = this.$ipt) {
+    let $dl = $ipt.parentNode.querySelector("DATALIST");
+    $dl?.remove();
+    const ls = Reflect.get(this, "list");
+    if (!ls || !Array.isArray(ls) || !ls.length) {
+      $ipt.removeAttribute("list");
+      return;
+    }
+    $dl = document.createElement("DATALIST");
+    $dl.id = `datalist-${generateId()}`;
+    $ipt.after($dl);
+    $ipt.setAttribute("list", $dl.id);
+    this._createListItems($dl, ls);
+  }
+  _createListItems($dl, ls) {
+    const $options = ls.map((x) => {
+      const $option = document.createElement("option");
+      $option.value = x;
+      return $option;
+    });
+    $dl.append(...$options);
+  }
+  //#endregion
+  //#region 方法
+  focus() {
+    this.$ipt.focus();
+  }
+  /**
+   * 因为这个函数完全是基于 $ipt 的 validity 来设置 ei 的 validity，
+   * 所以当 $ipt 的值变化时，必须调用此函数以确保 ei 的 validity 正确。
+   * 1 - _showValue() 中调用此函数，以确保 ei 的 validity 正确。
+   * 2 - 验证属性变化时（如 required, max, min 等），也需要调用此函数。
+   * 3 - 在 oninput onchange 事件中也需要调用此函数。
+   */
+  async _setValidity($ipt = this.$ipt) {
+    const ret = this.model?.checkValidity?.($ipt);
+    if (ret instanceof Promise) {
+      await ret;
+    }
+    this.ei.setValidity($ipt.validity, $ipt.validationMessage, $ipt);
+    if (this.showValidityMessage) {
+      const $lbl = $ipt.closest("label");
+      if ($ipt.validationMessage) {
+        $lbl?.setAttribute("validation-message", $ipt.validationMessage);
+      } else {
+        $lbl?.removeAttribute("validation-message");
+      }
+    }
+  }
+  //#region 浏览器内置的验证属性，这些属性一旦改变就需要调用 _setValidity()
+  _required_set() {
+    this._setValidity();
+  }
+  _pattern_set() {
+    this._setValidity();
+  }
+  _min_set() {
+    this._setValidity();
+  }
+  _max_set() {
+    this._setValidity();
+  }
+  _minLength_set() {
+    this._setValidity();
+  }
+  _maxLength_set() {
+    this._setValidity();
+  }
+  _step_set() {
+    this._setValidity();
+  }
+  _type_set() {
+    this._setValidity();
+  }
+  _show_validity_message() {
+    this._setValidity();
+  }
+  //#endregion
+  setCustomError(error) {
+    const $ipt = this.$ipt;
+    $ipt.setCustomValidity(error);
+    $ipt.reportValidity();
+    this._setValidity($ipt);
+  }
+  /**
+   * 通过 setCustomError() 设置的错误，只能通过此函数才能去掉！
+   * @returns 
+   */
+  clearCustomError() {
+    const $ipt = this.$ipt;
+    if ($ipt.validity.customError) {
+      $ipt.setCustomValidity("");
+      this._setValidity($ipt);
+    }
+  }
+  //#endregion
+}
+_init$f = __decoratorStart$f(_b);
+_dv = /* @__PURE__ */ new WeakMap();
+_ds$1 = /* @__PURE__ */ new WeakMap();
+_ls = /* @__PURE__ */ new WeakMap();
+_InputBase_instances = /* @__PURE__ */ new WeakSet();
+monitorValidity_fn = function($ipt = this.$ipt) {
+  if (!$ipt.hidden && $ipt.type !== "hidden") {
+    $ipt.onchange ??= __privateGet$f(this, _onUserInput);
+    $ipt.oninput ??= __privateGet$f(this, _onUserInput);
+  }
+};
+_onUserInput = /* @__PURE__ */ new WeakMap();
+_name = /* @__PURE__ */ new WeakMap();
+_required = /* @__PURE__ */ new WeakMap();
+_showValidityMessage = /* @__PURE__ */ new WeakMap();
+__decorateElement$f(_init$f, 4, "name", _name_dec, InputBase, _name);
+__decorateElement$f(_init$f, 4, "required", _required_dec, InputBase, _required);
+__decorateElement$f(_init$f, 4, "showValidityMessage", _showValidityMessage_dec, InputBase, _showValidityMessage);
+__decoratorMetadata$f(_init$f, InputBase);
+var __create$e = Object.create;
+var __defProp$e = Object.defineProperty;
+var __getOwnPropDesc$e = Object.getOwnPropertyDescriptor;
+var __knownSymbol$e = (name, symbol) => (symbol = Symbol[name]) ? symbol : /* @__PURE__ */ Symbol.for("Symbol." + name);
+var __typeError$e = (msg) => {
+  throw TypeError(msg);
+};
+var __defNormalProp$e = (obj, key, value) => key in obj ? __defProp$e(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __name$e = (target, value) => __defProp$e(target, "name", { value, configurable: true });
+var __decoratorStart$e = (base) => [, , , __create$e(base?.[__knownSymbol$e("metadata")] ?? null)];
+var __decoratorStrings$e = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"];
+var __expectFn$e = (fn) => fn !== void 0 && typeof fn !== "function" ? __typeError$e("Function expected") : fn;
+var __decoratorContext$e = (kind, name, done, metadata, fns) => ({ kind: __decoratorStrings$e[kind], name, metadata, addInitializer: (fn) => done._ ? __typeError$e("Already initialized") : fns.push(__expectFn$e(fn || null)) });
+var __decoratorMetadata$e = (array, target) => __defNormalProp$e(target, __knownSymbol$e("metadata"), array[3]);
+var __runInitializers$e = (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$e = (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$e[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$e(k < 4 ? target : { get [name]() {
+    return __privateGet$e(this, extra);
+  }, set [name](x) {
+    return __privateSet$e(this, extra, x);
+  } }, name));
+  k ? p && k < 4 && __name$e(extra, (k > 2 ? "set " : k > 1 ? "get " : "") + name) : __name$e(target, name);
+  for (var i = decorators.length - 1; i >= 0; i--) {
+    ctx = __decoratorContext$e(k, name, done = {}, array[3], extraInitializers);
+    if (k) {
+      ctx.static = s, ctx.private = p, access = ctx.access = { has: p ? (x) => __privateIn$e(target, x) : (x) => name in x };
+      if (k ^ 3) access.get = p ? (x) => (k ^ 1 ? __privateGet$e : __privateMethod$e)(x, target, k ^ 4 ? extra : desc.get) : (x) => x[name];
+      if (k > 2) access.set = p ? (x, y) => __privateSet$e(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$e(it) && (k > 4 ? initializers.unshift(it) : k ? p ? extra = it : desc[key] = it : target = it);
+    else if (typeof it !== "object" || it === null) __typeError$e("Object expected");
+    else __expectFn$e(fn = it.get) && (desc.get = fn), __expectFn$e(fn = it.set) && (desc.set = fn), __expectFn$e(fn = it.init) && initializers.unshift(fn);
+  }
+  return k || __decoratorMetadata$e(array, target), desc && __defProp$e(target, name, desc), p ? k ^ 4 ? extra : desc : target;
+};
+var __publicField$c = (obj, key, value) => __defNormalProp$e(obj, key + "", value);
+var __accessCheck$e = (obj, member, msg) => member.has(obj) || __typeError$e("Cannot " + msg);
+var __privateIn$e = (member, obj) => Object(obj) !== obj ? __typeError$e('Cannot use the "in" operator on this value') : member.has(obj);
+var __privateGet$e = (obj, member, getter) => (__accessCheck$e(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
+var __privateAdd$e = (obj, member, value) => member.has(obj) ? __typeError$e("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+var __privateSet$e = (obj, member, value, setter) => (__accessCheck$e(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
+var __privateMethod$e = (obj, member, method) => (__accessCheck$e(obj, member, "access private method"), method);
+var _multipleDelimiter_dec$1, _falseText_dec$1, _trueText_dec$1, _textAlign_dec, _a$e, _InputLabel_decorators, _init$e, _textAlign, _trueText$1, _falseText$1, _multipleDelimiter$1;
+const tagName$b = "GZM-INPUT-LABEL";
+const mutableAttributes$e = ["name", "text-align", "true-text", "false-text"];
+const copyAttributes$a = {
+  name: "$ipt"
+};
+_InputLabel_decorators = [defineElement({ tagName: tagName$b, mutableAttributes: mutableAttributes$e, copyAttributes: copyAttributes$a })];
+class InputLabel extends (_a$e = InputBase, _textAlign_dec = [strAttr], _trueText_dec$1 = [strAttr], _falseText_dec$1 = [strAttr], _multipleDelimiter_dec$1 = [strAttr], _a$e) {
+  constructor() {
+    super(...arguments);
+    __privateAdd$e(this, _textAlign, __runInitializers$e(_init$e, 8, this, textAlign[0])), __runInitializers$e(_init$e, 11, this);
+    __privateAdd$e(this, _trueText$1, __runInitializers$e(_init$e, 12, this)), __runInitializers$e(_init$e, 15, this);
+    __privateAdd$e(this, _falseText$1, __runInitializers$e(_init$e, 16, this)), __runInitializers$e(_init$e, 19, this);
+    __privateAdd$e(this, _multipleDelimiter$1, __runInitializers$e(_init$e, 20, this, " | ")), __runInitializers$e(_init$e, 23, this);
+  }
+  /**
+   * 不开启 shadowRoot，因为其本质上是在 innerHTML 中显示内容
+   * 本来打算在这里放一个 <output> 元素，但阅读了文档后又觉得没有必要：https://devdocs.io/html/element/output。
+   */
+  _createInput() {
+    const $ipt = document.createElement("input");
+    $ipt.setAttribute("type", "hidden");
+    return $ipt;
+  }
+  _showValue() {
+    const dv = this.listSource?.getListDisplay(this.dsValue).toString(this) || this.dataValue;
+    this.innerHTML = new ObjValue(dv).toString(this) || "&nbsp;";
+  }
+  _text_align_set(nv) {
+    this.style.textAlign = nv ?? "";
+  }
+  _true_text_set() {
+    this._showValue();
+  }
+  _false_text_set() {
+    this._showValue();
+  }
+  //用 <br> 的话，需要 display:block;
+  //#endregion
+}
+_init$e = __decoratorStart$e(_a$e);
+_textAlign = /* @__PURE__ */ new WeakMap();
+_trueText$1 = /* @__PURE__ */ new WeakMap();
+_falseText$1 = /* @__PURE__ */ new WeakMap();
+_multipleDelimiter$1 = /* @__PURE__ */ new WeakMap();
+__decorateElement$e(_init$e, 4, "textAlign", _textAlign_dec, InputLabel, _textAlign);
+__decorateElement$e(_init$e, 4, "trueText", _trueText_dec$1, InputLabel, _trueText$1);
+__decorateElement$e(_init$e, 4, "falseText", _falseText_dec$1, InputLabel, _falseText$1);
+__decorateElement$e(_init$e, 4, "multipleDelimiter", _multipleDelimiter_dec$1, InputLabel, _multipleDelimiter$1);
+InputLabel = __decorateElement$e(_init$e, 0, "InputLabel", _InputLabel_decorators, InputLabel);
+__publicField$c(InputLabel, "formAssociated", true);
+__runInitializers$e(_init$e, 1, InputLabel);
+var __create$d = Object.create;
+var __defProp$d = Object.defineProperty;
+var __getOwnPropDesc$d = Object.getOwnPropertyDescriptor;
+var __knownSymbol$d = (name, symbol) => (symbol = Symbol[name]) ? symbol : /* @__PURE__ */ Symbol.for("Symbol." + name);
+var __typeError$d = (msg) => {
+  throw TypeError(msg);
+};
+var __defNormalProp$d = (obj, key, value) => key in obj ? __defProp$d(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __name$d = (target, value) => __defProp$d(target, "name", { value, configurable: true });
+var __decoratorStart$d = (base) => [, , , __create$d(base?.[__knownSymbol$d("metadata")] ?? null)];
+var __decoratorStrings$d = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"];
+var __expectFn$d = (fn) => fn !== void 0 && typeof fn !== "function" ? __typeError$d("Function expected") : fn;
+var __decoratorContext$d = (kind, name, done, metadata, fns) => ({ kind: __decoratorStrings$d[kind], name, metadata, addInitializer: (fn) => done._ ? __typeError$d("Already initialized") : fns.push(__expectFn$d(fn || null)) });
+var __decoratorMetadata$d = (array, target) => __defNormalProp$d(target, __knownSymbol$d("metadata"), array[3]);
+var __runInitializers$d = (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$d = (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$d[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$d(k < 4 ? target : { get [name]() {
+    return __privateGet$d(this, extra);
+  }, set [name](x) {
+    return __privateSet$d(this, extra, x);
+  } }, name));
+  k ? p && k < 4 && __name$d(extra, (k > 2 ? "set " : k > 1 ? "get " : "") + name) : __name$d(target, name);
+  for (var i = decorators.length - 1; i >= 0; i--) {
+    ctx = __decoratorContext$d(k, name, done = {}, array[3], extraInitializers);
+    if (k) {
+      ctx.static = s, ctx.private = p, access = ctx.access = { has: p ? (x) => __privateIn$d(target, x) : (x) => name in x };
+      if (k ^ 3) access.get = p ? (x) => (k ^ 1 ? __privateGet$d : __privateMethod$d)(x, target, k ^ 4 ? extra : desc.get) : (x) => x[name];
+      if (k > 2) access.set = p ? (x, y) => __privateSet$d(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$d(it) && (k > 4 ? initializers.unshift(it) : k ? p ? extra = it : desc[key] = it : target = it);
+    else if (typeof it !== "object" || it === null) __typeError$d("Object expected");
+    else __expectFn$d(fn = it.get) && (desc.get = fn), __expectFn$d(fn = it.set) && (desc.set = fn), __expectFn$d(fn = it.init) && initializers.unshift(fn);
+  }
+  return k || __decoratorMetadata$d(array, target), desc && __defProp$d(target, name, desc), p ? k ^ 4 ? extra : desc : target;
+};
+var __publicField$b = (obj, key, value) => __defNormalProp$d(obj, key + "", value);
+var __accessCheck$d = (obj, member, msg) => member.has(obj) || __typeError$d("Cannot " + msg);
+var __privateIn$d = (member, obj) => Object(obj) !== obj ? __typeError$d('Cannot use the "in" operator on this value') : member.has(obj);
+var __privateGet$d = (obj, member, getter) => (__accessCheck$d(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
+var __privateAdd$d = (obj, member, value) => member.has(obj) ? __typeError$d("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+var __privateSet$d = (obj, member, value, setter) => (__accessCheck$d(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
+var __privateMethod$d = (obj, member, method) => (__accessCheck$d(obj, member, "access private method"), method);
+var _list_dec$3, _placeholder_dec$1, _pattern_dec, _minlength_dec, _maxlength_dec, _autoComplete_dec$1, _type_dec$1, _a$d, _TextInput_decorators, _init$d, _type$1, _autoComplete$1, _maxlength, _minlength, _pattern, _placeholder$1, _list$3;
+const tagName$a = "GZM-INPUT-TEXT";
+const textType = ["text", "password", "email", "tel", "url", "search"];
+const mutableAttributes$d = ["name", "spellcheck", "type", "autocomplete", "maxlength", "minlength", "pattern", "placeholder", "required", "list"];
+const copyAttributes$9 = Object.assign({
+  type: "$ipt",
+  autocomplete: "$ipt",
+  maxlength: "$ipt",
+  minlength: "$ipt",
+  pattern: "$ipt",
+  placeholder: "$ipt",
+  spellcheck: "$ipt"
+}, inputCopyAttributes);
+_TextInput_decorators = [defineElement({ tagName: tagName$a, mutableAttributes: mutableAttributes$d, copyAttributes: copyAttributes$9 })];
+class TextInput extends (_a$d = InputBase, _type_dec$1 = [strAttr], _autoComplete_dec$1 = [strAttr], _maxlength_dec = [strAttr], _minlength_dec = [strAttr], _pattern_dec = [strAttr], _placeholder_dec$1 = [strAttr], _list_dec$3 = [saAttr], _a$d) {
+  constructor() {
+    super(...arguments);
+    __privateAdd$d(this, _type$1, __runInitializers$d(_init$d, 8, this, textType[0])), __runInitializers$d(_init$d, 11, this);
+    __privateAdd$d(this, _autoComplete$1, __runInitializers$d(_init$d, 12, this, inputAutoComplete[0])), __runInitializers$d(_init$d, 15, this);
+    __privateAdd$d(this, _maxlength, __runInitializers$d(_init$d, 16, this)), __runInitializers$d(_init$d, 19, this);
+    __privateAdd$d(this, _minlength, __runInitializers$d(_init$d, 20, this)), __runInitializers$d(_init$d, 23, this);
+    __privateAdd$d(this, _pattern, __runInitializers$d(_init$d, 24, this)), __runInitializers$d(_init$d, 27, this);
+    __privateAdd$d(this, _placeholder$1, __runInitializers$d(_init$d, 28, this)), __runInitializers$d(_init$d, 31, this);
+    __privateAdd$d(this, _list$3, __runInitializers$d(_init$d, 32, this)), __runInitializers$d(_init$d, 35, this);
+  }
+  _createInput() {
+    const $ipt = document.createElement("input");
+    $ipt.className = "ipt";
+    $ipt.type = textType[0];
+    $ipt.onchange = () => {
+      let val = $ipt.value;
+      if (val) val = removeZWC(val);
+      this.dataValue = val;
+      this._setValidity($ipt);
+    };
+    const $lbl = document.createElement("label");
+    $lbl.appendChild($ipt);
+    const sr = this.attachShadow({ mode: "open" });
+    sr.adoptedStyleSheets = [baseStyle, iptStyle];
+    sr.append($lbl);
+    return $ipt;
+  }
+  _showValue($ipt = this.$ipt) {
+    $ipt.value = this.dsValue.toString();
+    this._setValidity($ipt);
+  }
+  _list_set() {
+    this._bindList();
+  }
+  //#endregion
+}
+_init$d = __decoratorStart$d(_a$d);
+_type$1 = /* @__PURE__ */ new WeakMap();
+_autoComplete$1 = /* @__PURE__ */ new WeakMap();
+_maxlength = /* @__PURE__ */ new WeakMap();
+_minlength = /* @__PURE__ */ new WeakMap();
+_pattern = /* @__PURE__ */ new WeakMap();
+_placeholder$1 = /* @__PURE__ */ new WeakMap();
+_list$3 = /* @__PURE__ */ new WeakMap();
+__decorateElement$d(_init$d, 4, "type", _type_dec$1, TextInput, _type$1);
+__decorateElement$d(_init$d, 4, "autoComplete", _autoComplete_dec$1, TextInput, _autoComplete$1);
+__decorateElement$d(_init$d, 4, "maxlength", _maxlength_dec, TextInput, _maxlength);
+__decorateElement$d(_init$d, 4, "minlength", _minlength_dec, TextInput, _minlength);
+__decorateElement$d(_init$d, 4, "pattern", _pattern_dec, TextInput, _pattern);
+__decorateElement$d(_init$d, 4, "placeholder", _placeholder_dec$1, TextInput, _placeholder$1);
+__decorateElement$d(_init$d, 4, "list", _list_dec$3, TextInput, _list$3);
+TextInput = __decorateElement$d(_init$d, 0, "TextInput", _TextInput_decorators, TextInput);
+__publicField$b(TextInput, "formAssociated", true);
+__runInitializers$d(_init$d, 1, TextInput);
+var __create$c = Object.create;
+var __defProp$c = Object.defineProperty;
+var __getOwnPropDesc$c = Object.getOwnPropertyDescriptor;
+var __knownSymbol$c = (name, symbol) => (symbol = Symbol[name]) ? symbol : /* @__PURE__ */ Symbol.for("Symbol." + name);
+var __typeError$c = (msg) => {
+  throw TypeError(msg);
+};
+var __defNormalProp$c = (obj, key, value) => key in obj ? __defProp$c(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __name$c = (target, value) => __defProp$c(target, "name", { value, configurable: true });
+var __decoratorStart$c = (base) => [, , , __create$c(base?.[__knownSymbol$c("metadata")] ?? null)];
+var __decoratorStrings$c = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"];
+var __expectFn$c = (fn) => fn !== void 0 && typeof fn !== "function" ? __typeError$c("Function expected") : fn;
+var __decoratorContext$c = (kind, name, done, metadata, fns) => ({ kind: __decoratorStrings$c[kind], name, metadata, addInitializer: (fn) => done._ ? __typeError$c("Already initialized") : fns.push(__expectFn$c(fn || null)) });
+var __decoratorMetadata$c = (array, target) => __defNormalProp$c(target, __knownSymbol$c("metadata"), array[3]);
+var __runInitializers$c = (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$c = (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$c[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$c(k < 4 ? target : { get [name]() {
+    return __privateGet$c(this, extra);
+  }, set [name](x) {
+    return __privateSet$c(this, extra, x);
+  } }, name));
+  k ? p && k < 4 && __name$c(extra, (k > 2 ? "set " : k > 1 ? "get " : "") + name) : __name$c(target, name);
+  for (var i = decorators.length - 1; i >= 0; i--) {
+    ctx = __decoratorContext$c(k, name, done = {}, array[3], extraInitializers);
+    if (k) {
+      ctx.static = s, ctx.private = p, access = ctx.access = { has: p ? (x) => __privateIn$c(target, x) : (x) => name in x };
+      if (k ^ 3) access.get = p ? (x) => (k ^ 1 ? __privateGet$c : __privateMethod$c)(x, target, k ^ 4 ? extra : desc.get) : (x) => x[name];
+      if (k > 2) access.set = p ? (x, y) => __privateSet$c(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$c(it) && (k > 4 ? initializers.unshift(it) : k ? p ? extra = it : desc[key] = it : target = it);
+    else if (typeof it !== "object" || it === null) __typeError$c("Object expected");
+    else __expectFn$c(fn = it.get) && (desc.get = fn), __expectFn$c(fn = it.set) && (desc.set = fn), __expectFn$c(fn = it.init) && initializers.unshift(fn);
+  }
+  return k || __decoratorMetadata$c(array, target), desc && __defProp$c(target, name, desc), p ? k ^ 4 ? extra : desc : target;
+};
+var __publicField$a = (obj, key, value) => __defNormalProp$c(obj, key + "", value);
+var __accessCheck$c = (obj, member, msg) => member.has(obj) || __typeError$c("Cannot " + msg);
+var __privateIn$c = (member, obj) => Object(obj) !== obj ? __typeError$c('Cannot use the "in" operator on this value') : member.has(obj);
+var __privateGet$c = (obj, member, getter) => (__accessCheck$c(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
+var __privateAdd$c = (obj, member, value) => member.has(obj) ? __typeError$c("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+var __privateSet$c = (obj, member, value, setter) => (__accessCheck$c(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
+var __privateMethod$c = (obj, member, method) => (__accessCheck$c(obj, member, "access private method"), method);
+var _list_dec$2, _Step_dec, _min_dec$1, _max_dec$1, _autocomplete_dec$1, _dataType_dec$4, _type_dec, _a$c, _CalInput_decorators, _CalInput_instances, changeType_fn, _init$c, _type, _dataType$4, _autocomplete$1, _max$1, _min$1, _Step, _list$2;
+const tagName$9 = "GZM-INPUT-CAL";
+const calType = ["date", "time", "datetime-local", "month", "week"];
+const calDataType = ["string", "date", "number"];
+const mutableAttributes$c = ["name", "type", "autocomplete", "max", "min", "step", "required", "list"];
+const copyAttributes$8 = Object.assign({
+  type: "$ipt",
+  autocomplete: "$ipt",
+  max: "$ipt",
+  min: "$ipt",
+  step: "$ipt"
+}, inputCopyAttributes);
+_CalInput_decorators = [defineElement({ tagName: tagName$9, mutableAttributes: mutableAttributes$c, copyAttributes: copyAttributes$8 })];
+class CalInput extends (_a$c = InputBase, _type_dec = [strAttr], _dataType_dec$4 = [strAttr], _autocomplete_dec$1 = [strAttr], _max_dec$1 = [strAttr], _min_dec$1 = [strAttr], _Step_dec = [strAttr], _list_dec$2 = [saAttr], _a$c) {
+  constructor() {
+    super(...arguments);
+    __privateAdd$c(this, _CalInput_instances);
+    __privateAdd$c(this, _type, __runInitializers$c(_init$c, 8, this, calType[0])), __runInitializers$c(_init$c, 11, this);
+    __privateAdd$c(this, _dataType$4, __runInitializers$c(_init$c, 12, this, calDataType[0])), __runInitializers$c(_init$c, 15, this);
+    __privateAdd$c(this, _autocomplete$1, __runInitializers$c(_init$c, 16, this, inputAutoComplete[0])), __runInitializers$c(_init$c, 19, this);
+    __privateAdd$c(this, _max$1, __runInitializers$c(_init$c, 20, this)), __runInitializers$c(_init$c, 23, this);
+    __privateAdd$c(this, _min$1, __runInitializers$c(_init$c, 24, this)), __runInitializers$c(_init$c, 27, this);
+    __privateAdd$c(this, _Step, __runInitializers$c(_init$c, 28, this)), __runInitializers$c(_init$c, 31, this);
+    __privateAdd$c(this, _list$2, __runInitializers$c(_init$c, 32, this)), __runInitializers$c(_init$c, 35, this);
+  }
+  _createInput() {
+    const $ipt = document.createElement("input");
+    $ipt.className = "ipt";
+    $ipt.type = calType[0];
+    $ipt.onchange = () => {
+      this.dataValue = $ipt.value || void 0;
+      this._setValidity($ipt);
+    };
+    const $lbl = document.createElement("label");
+    $lbl.appendChild($ipt);
+    const sr = this.attachShadow({ mode: "open" });
+    sr.adoptedStyleSheets = [baseStyle, iptStyle];
+    sr.append($lbl);
+    return $ipt;
+  }
+  /**
+   * number -> Date -> string
+   * 为了提高可用性，这里没有判断 dataType，而是根据实际的数据类型来处理。
+   */
+  _showValue($ipt = this.$ipt) {
+    let dv = this.dataValue;
+    if (!dv && dv !== 0) {
+      $ipt.value = "";
+      this._setValidity($ipt);
+      return;
+    }
+    if (typeof dv === "string") {
+      $ipt.value = dv;
+      this._setValidity($ipt);
+      return;
+    }
+    if (typeof dv === "number") {
+      if (Number.isNaN(dv)) {
+        $ipt.value = "";
+        this._setValidity($ipt);
+        return;
+      }
+      dv = new Date(dv);
+    }
+    if (!(dv instanceof Date)) {
+      $ipt.value = "";
+      this._setValidity($ipt);
+      return;
+    }
+    $ipt.value = date2str(dv, this.type);
+    this._setValidity($ipt);
+  }
+  /**
+   * 对于这个 input 而言，值就是一个字符串。当 t === string，无需进行任何转换。
+   * 所以只需要处理 date 或者 number, string -> Date -> number。
+   */
+  _changeValue2Type(v, t) {
+    if (!v && v !== 0) {
+      return void 0;
+    }
+    if (typeof v === "string") {
+      const d = str2date(v, this.type);
+      return __privateMethod$c(this, _CalInput_instances, changeType_fn).call(this, d, t);
+    }
+    if (typeof v === "number") {
+      const d = Number.isNaN(v) ? void 0 : new Date(v);
+      return __privateMethod$c(this, _CalInput_instances, changeType_fn).call(this, d, t);
+    }
+    if (v instanceof Date) {
+      const d = Number.isNaN(v.getTime()) ? void 0 : v;
+      return __privateMethod$c(this, _CalInput_instances, changeType_fn).call(this, d, t);
+    }
+    return void 0;
+  }
+  _list_set() {
+    this._bindList();
+  }
+  //#endregion
+}
+_init$c = __decoratorStart$c(_a$c);
+_CalInput_instances = /* @__PURE__ */ new WeakSet();
+changeType_fn = function(d, t) {
+  if (!d) {
+    return void 0;
+  } else if (t === "number") {
+    return d.valueOf();
+  } else if (t === "string") {
+    return date2str(d, this.type);
+  } else {
+    return d;
+  }
+};
+_type = /* @__PURE__ */ new WeakMap();
+_dataType$4 = /* @__PURE__ */ new WeakMap();
+_autocomplete$1 = /* @__PURE__ */ new WeakMap();
+_max$1 = /* @__PURE__ */ new WeakMap();
+_min$1 = /* @__PURE__ */ new WeakMap();
+_Step = /* @__PURE__ */ new WeakMap();
+_list$2 = /* @__PURE__ */ new WeakMap();
+__decorateElement$c(_init$c, 4, "type", _type_dec, CalInput, _type);
+__decorateElement$c(_init$c, 4, "dataType", _dataType_dec$4, CalInput, _dataType$4);
+__decorateElement$c(_init$c, 4, "autocomplete", _autocomplete_dec$1, CalInput, _autocomplete$1);
+__decorateElement$c(_init$c, 4, "max", _max_dec$1, CalInput, _max$1);
+__decorateElement$c(_init$c, 4, "min", _min_dec$1, CalInput, _min$1);
+__decorateElement$c(_init$c, 4, "Step", _Step_dec, CalInput, _Step);
+__decorateElement$c(_init$c, 4, "list", _list_dec$2, CalInput, _list$2);
+CalInput = __decorateElement$c(_init$c, 0, "CalInput", _CalInput_decorators, CalInput);
+__publicField$a(CalInput, "formAssociated", true);
+__runInitializers$c(_init$c, 1, CalInput);
+function date2str(d, type) {
+  switch (type) {
+    case "date":
+      return toDateStr(d);
+    case "time":
+      return toTimeStr(d);
+    case "datetime-local":
+      return `${toDateStr(d)}T${toTimeStr(d)}`;
+    case "month":
+      return toMonthStr(d);
+    case "week":
+      return toWeekStr(d);
+  }
+}
+function str2date(s, type) {
+  switch (type) {
+    case "datetime-local": {
+      const n = Date.parse(s);
+      return Number.isNaN(n) ? void 0 : new Date(n);
+    }
+    case "date": {
+      s = s + "T00:00";
+      const n = Date.parse(s);
+      return Number.isNaN(n) ? void 0 : new Date(n);
+    }
+    case "time": {
+      s = "1970-01-01T" + s;
+      const n = Date.parse(s);
+      return Number.isNaN(n) ? void 0 : new Date(n);
+    }
+    case "month": {
+      s = s + "-01T00:00";
+      const n = Date.parse(s);
+      return Number.isNaN(n) ? void 0 : new Date(n);
+    }
+    case "week": {
+      const ret = parseWeekString(s);
+      if (!ret) {
+        return void 0;
+      }
+      return getFirstDayOfWeekX(ret.year, ret.week);
+    }
+  }
+}
+function parseWeekString(weekString) {
+  const year = weekString.slice(0, 4);
+  const week = weekString.slice(6);
+  const y = Number.parseInt(year);
+  const w = Number.parseInt(week);
+  if (Number.isNaN(y) || Number.isNaN(w)) {
+    return void 0;
+  }
+  return { year: y, week: w };
+}
+function getFirstDayOfWeekX(year, weekNumber) {
+  const date = new Date(year, 0, 1);
+  const day = date.getDay();
+  const diff = day <= 4 ? 1 - day : 8 - day;
+  date.setDate(1 + diff);
+  const daysToAdd = (weekNumber - 1) * 7;
+  date.setDate(date.getDate() + daysToAdd);
+  if (Number.isNaN(date.getTime())) {
+    return void 0;
+  }
+  return date;
+}
+var __create$b = Object.create;
+var __defProp$b = Object.defineProperty;
+var __getOwnPropDesc$b = Object.getOwnPropertyDescriptor;
+var __knownSymbol$b = (name, symbol) => (symbol = Symbol[name]) ? symbol : /* @__PURE__ */ Symbol.for("Symbol." + name);
+var __typeError$b = (msg) => {
+  throw TypeError(msg);
+};
+var __defNormalProp$b = (obj, key, value) => key in obj ? __defProp$b(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __name$b = (target, value) => __defProp$b(target, "name", { value, configurable: true });
+var __decoratorStart$b = (base) => [, , , __create$b(base?.[__knownSymbol$b("metadata")] ?? null)];
+var __decoratorStrings$b = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"];
+var __expectFn$b = (fn) => fn !== void 0 && typeof fn !== "function" ? __typeError$b("Function expected") : fn;
+var __decoratorContext$b = (kind, name, done, metadata, fns) => ({ kind: __decoratorStrings$b[kind], name, metadata, addInitializer: (fn) => done._ ? __typeError$b("Already initialized") : fns.push(__expectFn$b(fn || null)) });
+var __decoratorMetadata$b = (array, target) => __defNormalProp$b(target, __knownSymbol$b("metadata"), array[3]);
+var __runInitializers$b = (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$b = (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$b[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$b(k < 4 ? target : { get [name]() {
+    return __privateGet$b(this, extra);
+  }, set [name](x) {
+    return __privateSet$b(this, extra, x);
+  } }, name));
+  k ? p && k < 4 && __name$b(extra, (k > 2 ? "set " : k > 1 ? "get " : "") + name) : __name$b(target, name);
+  for (var i = decorators.length - 1; i >= 0; i--) {
+    ctx = __decoratorContext$b(k, name, done = {}, array[3], extraInitializers);
+    if (k) {
+      ctx.static = s, ctx.private = p, access = ctx.access = { has: p ? (x) => __privateIn$b(target, x) : (x) => name in x };
+      if (k ^ 3) access.get = p ? (x) => (k ^ 1 ? __privateGet$b : __privateMethod$b)(x, target, k ^ 4 ? extra : desc.get) : (x) => x[name];
+      if (k > 2) access.set = p ? (x, y) => __privateSet$b(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$b(it) && (k > 4 ? initializers.unshift(it) : k ? p ? extra = it : desc[key] = it : target = it);
+    else if (typeof it !== "object" || it === null) __typeError$b("Object expected");
+    else __expectFn$b(fn = it.get) && (desc.get = fn), __expectFn$b(fn = it.set) && (desc.set = fn), __expectFn$b(fn = it.init) && initializers.unshift(fn);
+  }
+  return k || __decoratorMetadata$b(array, target), desc && __defProp$b(target, name, desc), p ? k ^ 4 ? extra : desc : target;
+};
+var __publicField$9 = (obj, key, value) => __defNormalProp$b(obj, key + "", value);
+var __accessCheck$b = (obj, member, msg) => member.has(obj) || __typeError$b("Cannot " + msg);
+var __privateIn$b = (member, obj) => Object(obj) !== obj ? __typeError$b('Cannot use the "in" operator on this value') : member.has(obj);
+var __privateGet$b = (obj, member, getter) => (__accessCheck$b(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
+var __privateAdd$b = (obj, member, value) => member.has(obj) ? __typeError$b("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+var __privateSet$b = (obj, member, value, setter) => (__accessCheck$b(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
+var __privateMethod$b = (obj, member, method) => (__accessCheck$b(obj, member, "access private method"), method);
+var _falseText_dec, _trueText_dec, _dataType_dec$3, _a$b, _CheckInput_decorators, _init$b, _dataType$3, _trueText, _falseText;
+const tagName$8 = "GZM-INPUT-CHECK";
+const styleSheet$6 = createStyleSheet({
+  ":host": `
+        display: inline-flex;
+        vertical-align: middle;
+        justify-content: space-around;
+    `,
+  ":host::before": `
+        content: attr(false-text);
+        opacity: 0.75;
+    `,
+  ":host::after": `
+        content: attr(true-text);
+        opacity: 0.75;
+    `,
+  ":host:has(> input:not(:checked))::before": `
+        font-weight: bolder;
+        opacity: 1;
+    `,
+  ":host:has(> input:checked)::after": `
+        font-weight: bolder;
+        opacity: 1;
+    `,
+  ".switch": `
+        /* width: 2.5em; 同时会改变高度，导致滑槽无法覆盖，所以改为使用 margin-inline */
+        margin-inline: 1em; /*至少要与滑块的宽度相同。*/
+        position: relative;
+    `,
+  ".switch::before": (
+    /*滑槽，且遮挡方框*/
+    `
+        content: "";
+        position: absolute;
+        background-color: var(--gzm-switch-background);
+
+        width: 2.5em;
+        height: 1.5em;/*算下来正好24px，没有小数。且与方框高度相同。*/
+        border-radius: 0.75em;
+
+        top: 50%;   /*与下面 -50% 结合，使其垂直居中*/
+        left: 50%; /*与下面 -50% 结合，使其水平居中*/
+        transform: translate(-50%, -50%);
+    `
+  ),
+  ".switch::after": (
+    /*滑块，在滑槽之上（z-index）*/
+    `
+        content: "";
+        position: absolute;
+
+        /*因为 0.6 透明度，白色混合 before 的灰色*/
+        background: #fff;
+        opacity: 0.6;
+
+        width: 1em;
+        height: 1em;
+        border-radius: 1em;
+
+        top: 50%;   /*与下面 -50% 结合，使其垂直居中*/
+        left: 50%;
+        transform: translate(-0.8em, -50%);
+        transition: all .4s;
+    `
+  ),
+  ".switch:checked::before": `
+        background-color: var(--gzm-switch-check-background);
+    `,
+  ".switch:checked::after": `
+        opacity: 1;
+        transform: translate(-0.2em, -50%);
+    `
+});
+const checkDataType = ["boolean", "string", "number"];
+const mutableAttributes$b = [
+  "name"
+  /*'required'*/
+];
+const copyAttributes$7 = {
+  name: "$ipt"
+};
+_CheckInput_decorators = [defineElement({ tagName: tagName$8, mutableAttributes: mutableAttributes$b, copyAttributes: copyAttributes$7 })];
+class CheckInput extends (_a$b = InputBase, _dataType_dec$3 = [strAttr], _trueText_dec = [strAttr], _falseText_dec = [strAttr], _a$b) {
+  constructor() {
+    super(...arguments);
+    __privateAdd$b(this, _dataType$3, __runInitializers$b(_init$b, 8, this, checkDataType[0])), __runInitializers$b(_init$b, 11, this);
+    __privateAdd$b(this, _trueText, __runInitializers$b(_init$b, 12, this)), __runInitializers$b(_init$b, 15, this);
+    __privateAdd$b(this, _falseText, __runInitializers$b(_init$b, 16, this)), __runInitializers$b(_init$b, 19, this);
+  }
+  _createInput() {
+    const $ipt = document.createElement("input");
+    $ipt.type = "checkbox";
+    $ipt.className = "switch";
+    $ipt.onchange = () => {
+      this.dataValue = $ipt.checked;
+      this._setValidity($ipt);
+    };
+    const sr = this.attachShadow({ mode: "open" });
+    sr.adoptedStyleSheets = [baseStyle, styleSheet$6];
+    sr.append($ipt);
+    return $ipt;
+  }
+  _showValue($ipt = this.$ipt) {
+    let dv = this.dataValue;
+    if (typeof dv === "string") {
+      dv = dv === "0" ? false : true;
+    }
+    dv = !!dv;
+    $ipt.checked = dv;
+    this._setValidity($ipt);
+  }
+  _changeValue2Type(v, t) {
+    let b = false;
+    if (v) {
+      if (typeof v === "string") {
+        if (v === "1") {
+          b = true;
+        }
+      } else {
+        b = true;
+      }
+    }
+    switch (t) {
+      case "boolean":
+        return b;
+      case "string":
+        return b ? "1" : "0";
+      case "number":
+        return b ? 1 : 0;
+    }
+  }
+  //#endregion
+}
+_init$b = __decoratorStart$b(_a$b);
+_dataType$3 = /* @__PURE__ */ new WeakMap();
+_trueText = /* @__PURE__ */ new WeakMap();
+_falseText = /* @__PURE__ */ new WeakMap();
+__decorateElement$b(_init$b, 4, "dataType", _dataType_dec$3, CheckInput, _dataType$3);
+__decorateElement$b(_init$b, 4, "trueText", _trueText_dec, CheckInput, _trueText);
+__decorateElement$b(_init$b, 4, "falseText", _falseText_dec, CheckInput, _falseText);
+CheckInput = __decorateElement$b(_init$b, 0, "CheckInput", _CheckInput_decorators, CheckInput);
+__publicField$9(CheckInput, "formAssociated", true);
+__runInitializers$b(_init$b, 1, CheckInput);
+var __create$a = Object.create;
+var __defProp$a = Object.defineProperty;
+var __getOwnPropDesc$a = Object.getOwnPropertyDescriptor;
+var __knownSymbol$a = (name, symbol) => (symbol = Symbol[name]) ? symbol : /* @__PURE__ */ Symbol.for("Symbol." + name);
+var __typeError$a = (msg) => {
+  throw TypeError(msg);
+};
+var __defNormalProp$a = (obj, key, value) => key in obj ? __defProp$a(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __name$a = (target, value) => __defProp$a(target, "name", { value, configurable: true });
+var __decoratorStart$a = (base) => [, , , __create$a(base?.[__knownSymbol$a("metadata")] ?? null)];
+var __decoratorStrings$a = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"];
+var __expectFn$a = (fn) => fn !== void 0 && typeof fn !== "function" ? __typeError$a("Function expected") : fn;
+var __decoratorContext$a = (kind, name, done, metadata, fns) => ({ kind: __decoratorStrings$a[kind], name, metadata, addInitializer: (fn) => done._ ? __typeError$a("Already initialized") : fns.push(__expectFn$a(fn || null)) });
+var __decoratorMetadata$a = (array, target) => __defNormalProp$a(target, __knownSymbol$a("metadata"), array[3]);
+var __runInitializers$a = (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$a = (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$a[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$a(k < 4 ? target : { get [name]() {
+    return __privateGet$a(this, extra);
+  }, set [name](x) {
+    return __privateSet$a(this, extra, x);
+  } }, name));
+  k ? p && k < 4 && __name$a(extra, (k > 2 ? "set " : k > 1 ? "get " : "") + name) : __name$a(target, name);
+  for (var i = decorators.length - 1; i >= 0; i--) {
+    ctx = __decoratorContext$a(k, name, done = {}, array[3], extraInitializers);
+    if (k) {
+      ctx.static = s, ctx.private = p, access = ctx.access = { has: p ? (x) => __privateIn$a(target, x) : (x) => name in x };
+      if (k ^ 3) access.get = p ? (x) => (k ^ 1 ? __privateGet$a : __privateMethod$a)(x, target, k ^ 4 ? extra : desc.get) : (x) => x[name];
+      if (k > 2) access.set = p ? (x, y) => __privateSet$a(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$a(it) && (k > 4 ? initializers.unshift(it) : k ? p ? extra = it : desc[key] = it : target = it);
+    else if (typeof it !== "object" || it === null) __typeError$a("Object expected");
+    else __expectFn$a(fn = it.get) && (desc.get = fn), __expectFn$a(fn = it.set) && (desc.set = fn), __expectFn$a(fn = it.init) && initializers.unshift(fn);
+  }
+  return k || __decoratorMetadata$a(array, target), desc && __defProp$a(target, name, desc), p ? k ^ 4 ? extra : desc : target;
+};
+var __publicField$8 = (obj, key, value) => __defNormalProp$a(obj, key + "", value);
+var __accessCheck$a = (obj, member, msg) => member.has(obj) || __typeError$a("Cannot " + msg);
+var __privateIn$a = (member, obj) => Object(obj) !== obj ? __typeError$a('Cannot use the "in" operator on this value') : member.has(obj);
+var __privateGet$a = (obj, member, getter) => (__accessCheck$a(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
+var __privateAdd$a = (obj, member, value) => member.has(obj) ? __typeError$a("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+var __privateSet$a = (obj, member, value, setter) => (__accessCheck$a(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
+var __privateMethod$a = (obj, member, method) => (__accessCheck$a(obj, member, "access private method"), method);
+var _list_dec$1, _placeholder_dec, _step_dec, _min_dec, _max_dec, _autoComplete_dec, _dataType_dec$2, _a$a, _NumInput_decorators, _init$a, _dataType$2, _autoComplete, _max, _min, _step, _placeholder, _list$1;
+const tagName$7 = "GZM-INPUT-NUM";
+const numDataType = ["number", "int", "currency"];
+const mutableAttributes$a = ["name", "data-type", "autocomplete", "max", "min", "step", "placeholder", "list", "required"];
+const copyAttributes$6 = Object.assign({
+  autocomplete: "$ipt",
+  max: "$ipt",
+  min: "$ipt",
+  step: "$ipt",
+  placeholder: "$ipt"
+}, inputCopyAttributes);
+_NumInput_decorators = [defineElement({ tagName: tagName$7, mutableAttributes: mutableAttributes$a, copyAttributes: copyAttributes$6 })];
+class NumInput extends (_a$a = InputBase, _dataType_dec$2 = [strAttr], _autoComplete_dec = [strAttr], _max_dec = [strAttr], _min_dec = [strAttr], _step_dec = [strAttr], _placeholder_dec = [strAttr], _list_dec$1 = [saAttr], _a$a) {
+  constructor() {
+    super(...arguments);
+    __privateAdd$a(this, _dataType$2, __runInitializers$a(_init$a, 8, this, numDataType[0])), __runInitializers$a(_init$a, 11, this);
+    __privateAdd$a(this, _autoComplete, __runInitializers$a(_init$a, 12, this, inputAutoComplete[0])), __runInitializers$a(_init$a, 15, this);
+    __privateAdd$a(this, _max, __runInitializers$a(_init$a, 16, this)), __runInitializers$a(_init$a, 19, this);
+    __privateAdd$a(this, _min, __runInitializers$a(_init$a, 20, this)), __runInitializers$a(_init$a, 23, this);
+    __privateAdd$a(this, _step, __runInitializers$a(_init$a, 24, this)), __runInitializers$a(_init$a, 27, this);
+    __privateAdd$a(this, _placeholder, __runInitializers$a(_init$a, 28, this)), __runInitializers$a(_init$a, 31, this);
+    __privateAdd$a(this, _list$1, __runInitializers$a(_init$a, 32, this)), __runInitializers$a(_init$a, 35, this);
+  }
+  _createInput() {
+    const $ipt = document.createElement("input");
+    $ipt.className = "ipt";
+    $ipt.type = "number";
+    $ipt.step = "any";
+    $ipt.onchange = () => {
+      const v = $ipt.valueAsNumber;
+      this.dataValue = v;
+      this._setValidity($ipt);
+    };
+    const $lbl = document.createElement("label");
+    $lbl.appendChild($ipt);
+    const sr = this.attachShadow({ mode: "open" });
+    sr.adoptedStyleSheets = [baseStyle, iptStyle];
+    sr.append($lbl);
+    return $ipt;
+  }
+  _showValue($ipt = this.$ipt) {
+    const dv = this.dataValue;
+    if (!dv) {
+      if (dv === 0) {
+        $ipt.valueAsNumber = 0;
+      } else {
+        $ipt.value = "";
+      }
+    } else {
+      $ipt.valueAsNumber = Number(dv);
+    }
+    this._setValidity($ipt);
+  }
+  _changeValue2Type(v, t) {
+    if (!v && v !== 0) {
+      return void 0;
+    }
+    let n;
+    switch (t) {
+      case "number": {
+        n = Number(v);
+        break;
+      }
+      case "int": {
+        if (Number.isInteger(v)) {
+          n = v;
+        } else {
+          n = Math.round(Number(v));
+        }
+        break;
+      }
+      case "currency": {
+        n = Math.round(Number(v) * 100) / 100;
+        break;
+      }
+    }
+    return Number.isNaN(n) ? void 0 : n;
+  }
+  _list_set() {
+    this._bindList();
+  }
+  _data_type_set() {
+    let step = this.step;
+    if (!step) {
+      switch (this.dataType) {
+        case "int":
+          step = "1";
+          break;
+        case "currency":
+          step = "0.01";
+          break;
+        case "number":
+        default:
+          step = "any";
+          break;
+      }
+      const $ipt = this.$ipt;
+      $ipt.step = step;
+      this._setValidity($ipt);
+    }
+  }
+  //#endregion
+}
+_init$a = __decoratorStart$a(_a$a);
+_dataType$2 = /* @__PURE__ */ new WeakMap();
+_autoComplete = /* @__PURE__ */ new WeakMap();
+_max = /* @__PURE__ */ new WeakMap();
+_min = /* @__PURE__ */ new WeakMap();
+_step = /* @__PURE__ */ new WeakMap();
+_placeholder = /* @__PURE__ */ new WeakMap();
+_list$1 = /* @__PURE__ */ new WeakMap();
+__decorateElement$a(_init$a, 4, "dataType", _dataType_dec$2, NumInput, _dataType$2);
+__decorateElement$a(_init$a, 4, "autoComplete", _autoComplete_dec, NumInput, _autoComplete);
+__decorateElement$a(_init$a, 4, "max", _max_dec, NumInput, _max);
+__decorateElement$a(_init$a, 4, "min", _min_dec, NumInput, _min);
+__decorateElement$a(_init$a, 4, "step", _step_dec, NumInput, _step);
+__decorateElement$a(_init$a, 4, "placeholder", _placeholder_dec, NumInput, _placeholder);
+__decorateElement$a(_init$a, 4, "list", _list_dec$1, NumInput, _list$1);
+NumInput = __decorateElement$a(_init$a, 0, "NumInput", _NumInput_decorators, NumInput);
+__publicField$8(NumInput, "formAssociated", true);
+__runInitializers$a(_init$a, 1, NumInput);
+var __create$9 = Object.create;
+var __defProp$9 = Object.defineProperty;
+var __getOwnPropDesc$9 = Object.getOwnPropertyDescriptor;
+var __knownSymbol$9 = (name, symbol) => (symbol = Symbol[name]) ? symbol : /* @__PURE__ */ Symbol.for("Symbol." + name);
+var __typeError$9 = (msg) => {
+  throw TypeError(msg);
+};
+var __defNormalProp$9 = (obj, key, value) => key in obj ? __defProp$9(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __name$9 = (target, value) => __defProp$9(target, "name", { value, configurable: true });
+var __decoratorStart$9 = (base) => [, , , __create$9(base?.[__knownSymbol$9("metadata")] ?? null)];
+var __decoratorStrings$9 = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"];
+var __expectFn$9 = (fn) => fn !== void 0 && typeof fn !== "function" ? __typeError$9("Function expected") : fn;
+var __decoratorContext$9 = (kind, name, done, metadata, fns) => ({ kind: __decoratorStrings$9[kind], name, metadata, addInitializer: (fn) => done._ ? __typeError$9("Already initialized") : fns.push(__expectFn$9(fn || null)) });
+var __decoratorMetadata$9 = (array, target) => __defNormalProp$9(target, __knownSymbol$9("metadata"), array[3]);
+var __runInitializers$9 = (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$9 = (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$9[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$9(k < 4 ? target : { get [name]() {
+    return __privateGet$9(this, extra);
+  }, set [name](x) {
+    return __privateSet$9(this, extra, x);
+  } }, name));
+  k ? p && k < 4 && __name$9(extra, (k > 2 ? "set " : k > 1 ? "get " : "") + name) : __name$9(target, name);
+  for (var i = decorators.length - 1; i >= 0; i--) {
+    ctx = __decoratorContext$9(k, name, done = {}, array[3], extraInitializers);
+    if (k) {
+      ctx.static = s, ctx.private = p, access = ctx.access = { has: p ? (x) => __privateIn$9(target, x) : (x) => name in x };
+      if (k ^ 3) access.get = p ? (x) => (k ^ 1 ? __privateGet$9 : __privateMethod$9)(x, target, k ^ 4 ? extra : desc.get) : (x) => x[name];
+      if (k > 2) access.set = p ? (x, y) => __privateSet$9(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$9(it) && (k > 4 ? initializers.unshift(it) : k ? p ? extra = it : desc[key] = it : target = it);
+    else if (typeof it !== "object" || it === null) __typeError$9("Object expected");
+    else __expectFn$9(fn = it.get) && (desc.get = fn), __expectFn$9(fn = it.set) && (desc.set = fn), __expectFn$9(fn = it.init) && initializers.unshift(fn);
+  }
+  return k || __decoratorMetadata$9(array, target), desc && __defProp$9(target, name, desc), p ? k ^ 4 ? extra : desc : target;
+};
+var __publicField$7 = (obj, key, value) => __defNormalProp$9(obj, typeof key !== "symbol" ? key + "" : key, value);
+var __accessCheck$9 = (obj, member, msg) => member.has(obj) || __typeError$9("Cannot " + msg);
+var __privateIn$9 = (member, obj) => Object(obj) !== obj ? __typeError$9('Cannot use the "in" operator on this value') : member.has(obj);
+var __privateGet$9 = (obj, member, getter) => (__accessCheck$9(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
+var __privateAdd$9 = (obj, member, value) => member.has(obj) ? __typeError$9("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+var __privateSet$9 = (obj, member, value, setter) => (__accessCheck$9(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
+var __privateMethod$9 = (obj, member, method) => (__accessCheck$9(obj, member, "access private method"), method);
+var _list_dec, _autocomplete_dec, _dataType_dec$1, _a$9, _ColorInput_decorators, _ColorInput_instances, showValueOnLabel_fn, _init$9, _dataType$1, _autocomplete, _list;
+const tagName$6 = "GZM-INPUT-COLOR";
+const styleSheet$5 = createStyleSheet({
+  "div": `
+        position: relative;
+        display: inline-flex;
+    `,
+  "div > label": `
+        position: absolute;
+        left: 0;
+        right: 0;
+        top: 50%;
+        transform: translate(0, -50%);
+        background: transparent;
+        text-align: center;
+    `
+});
+const colorDataType = ["string", "int"];
+const mutableAttributes$9 = ["name", "autocomplete", "list", "required"];
+const copyAttributes$5 = Object.assign({
+  autocomplete: "$ipt"
+}, inputCopyAttributes);
+_ColorInput_decorators = [defineElement({ tagName: tagName$6, mutableAttributes: mutableAttributes$9, copyAttributes: copyAttributes$5 })];
+class ColorInput extends (_a$9 = InputBase, _dataType_dec$1 = [strAttr], _autocomplete_dec = [strAttr], _list_dec = [saAttr], _a$9) {
+  constructor() {
+    super();
+    __privateAdd$9(this, _ColorInput_instances);
+    __publicField$7(this, "$lbl");
+    __privateAdd$9(this, _dataType$1, __runInitializers$9(_init$9, 8, this, colorDataType[0])), __runInitializers$9(_init$9, 11, this);
+    __privateAdd$9(this, _autocomplete, __runInitializers$9(_init$9, 12, this, inputAutoComplete[0])), __runInitializers$9(_init$9, 15, this);
+    __privateAdd$9(this, _list, __runInitializers$9(_init$9, 16, this)), __runInitializers$9(_init$9, 19, this);
+    const $ipt = this.$ipt;
+    if (usePicker($ipt)) {
+      this.$lbl = createLabel($ipt);
+    }
+  }
+  _createInput() {
+    const $ipt = document.createElement("input");
+    $ipt.className = "ipt";
+    $ipt.type = "color";
+    const $div = document.createElement("div");
+    $div.append($ipt);
+    const $lbl = document.createElement("label");
+    $lbl.appendChild($div);
+    const sr = this.attachShadow({ mode: "open" });
+    sr.adoptedStyleSheets = [baseStyle, iptStyle, styleSheet$5];
+    sr.append($lbl);
+    $ipt.oninput = () => {
+      __privateMethod$9(this, _ColorInput_instances, showValueOnLabel_fn).call(this);
+      this.dataValue = $ipt.value;
+      if (this.required) {
+        $ipt.setCustomValidity("");
+      }
+      this._setValidity($ipt);
+    };
+    return $ipt;
+  }
+  _showValue($ipt = this.$ipt) {
+    let dv = this.dataValue;
+    if (typeof dv === "number") {
+      dv = num2color(dv);
+    }
+    $ipt.value = dv || "#000000";
+    __privateMethod$9(this, _ColorInput_instances, showValueOnLabel_fn).call(this, $ipt);
+    if (this.required && !dv) {
+      $ipt.setCustomValidity(GT.valueMissing);
+    }
+    this._setValidity($ipt);
+  }
+  _changeValue2Type(v, t) {
+    const vt = typeof v;
+    if (vt !== "string" && vt !== "number") {
+      return void 0;
+    }
+    if (t === "int") {
+      if (vt === "number") {
+        return v;
+      }
+      return color2num(v);
+    } else if (t === "string") {
+      if (vt === "string") {
+        return v;
+      }
+      return num2color(v);
+    }
+  }
+  _list_set() {
+    this._bindList();
+  }
+  //#endregion
+}
+_init$9 = __decoratorStart$9(_a$9);
+_ColorInput_instances = /* @__PURE__ */ new WeakSet();
+showValueOnLabel_fn = function($ipt = this.$ipt) {
+  const $lbl = this.$lbl;
+  if (!$lbl) return;
+  const v = $ipt.value;
+  $lbl.textContent = v;
+  const i = color2num(v);
+  const u = toUnsigned(i);
+  const c = num2color(~u);
+  $lbl.style.color = c;
+};
+_dataType$1 = /* @__PURE__ */ new WeakMap();
+_autocomplete = /* @__PURE__ */ new WeakMap();
+_list = /* @__PURE__ */ new WeakMap();
+__decorateElement$9(_init$9, 4, "dataType", _dataType_dec$1, ColorInput, _dataType$1);
+__decorateElement$9(_init$9, 4, "autocomplete", _autocomplete_dec, ColorInput, _autocomplete);
+__decorateElement$9(_init$9, 4, "list", _list_dec, ColorInput, _list);
+ColorInput = __decorateElement$9(_init$9, 0, "ColorInput", _ColorInput_decorators, ColorInput);
+__publicField$7(ColorInput, "formAssociated", true);
+__runInitializers$9(_init$9, 1, ColorInput);
+function toUnsigned(num) {
+  num = num & 16777215;
+  return num;
+}
+function toSigned(num) {
+  num = ~num;
+  num = num + 1;
+  num = -num;
+  return num;
+}
+function color2num(colorStr) {
+  colorStr = colorStr.substr(1);
+  let tmp = "";
+  for (let i = 0; i < 6 - colorStr.length; i++) {
+    tmp += "0";
+  }
+  colorStr = tmp + colorStr;
+  colorStr = "FF" + colorStr;
+  const c = parseInt(colorStr, 16);
+  return toSigned(c);
+}
+function num2color(num) {
+  num = toUnsigned(num);
+  let color = num.toString(16).toUpperCase();
+  if (color.length <= 6) {
+    let tmp = "";
+    for (let i = 0; i < 6 - color.length; i++) {
+      tmp += "0";
+    }
+    color = "#" + tmp + color;
+  } else {
+    color = "#" + color.substr(color.length - 6);
+  }
+  return color;
+}
+function usePicker($ipt) {
+  let isPicker = true;
+  const sh = () => {
+    isPicker = false;
+  };
+  $ipt.onselect = sh;
+  $ipt.select();
+  $ipt.onselect = null;
+  return isPicker;
+}
+function createLabel($ipt) {
+  const $lbl = document.createElement("label");
+  $lbl.setAttribute("for", getInputIdForLabel($ipt));
+  $ipt.after($lbl);
+  return $lbl;
+}
+var __create$8 = Object.create;
+var __defProp$8 = Object.defineProperty;
+var __getOwnPropDesc$8 = Object.getOwnPropertyDescriptor;
+var __knownSymbol$8 = (name, symbol) => (symbol = Symbol[name]) ? symbol : /* @__PURE__ */ Symbol.for("Symbol." + name);
+var __typeError$8 = (msg) => {
+  throw TypeError(msg);
+};
+var __defNormalProp$8 = (obj, key, value) => key in obj ? __defProp$8(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __name$8 = (target, value) => __defProp$8(target, "name", { value, configurable: true });
+var __decoratorStart$8 = (base) => [, , , __create$8(base?.[__knownSymbol$8("metadata")] ?? null)];
+var __decoratorStrings$8 = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"];
+var __expectFn$8 = (fn) => fn !== void 0 && typeof fn !== "function" ? __typeError$8("Function expected") : fn;
+var __decoratorContext$8 = (kind, name, done, metadata, fns) => ({ kind: __decoratorStrings$8[kind], name, metadata, addInitializer: (fn) => done._ ? __typeError$8("Already initialized") : fns.push(__expectFn$8(fn || null)) });
+var __decoratorMetadata$8 = (array, target) => __defNormalProp$8(target, __knownSymbol$8("metadata"), array[3]);
+var __runInitializers$8 = (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$8 = (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$8[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$8(k < 4 ? target : { get [name]() {
+    return __privateGet$8(this, extra);
+  }, set [name](x) {
+    return __privateSet$8(this, extra, x);
+  } }, name));
+  k ? p && k < 4 && __name$8(extra, (k > 2 ? "set " : k > 1 ? "get " : "") + name) : __name$8(target, name);
+  for (var i = decorators.length - 1; i >= 0; i--) {
+    ctx = __decoratorContext$8(k, name, done = {}, array[3], extraInitializers);
+    if (k) {
+      ctx.static = s, ctx.private = p, access = ctx.access = { has: p ? (x) => __privateIn$8(target, x) : (x) => name in x };
+      if (k ^ 3) access.get = p ? (x) => (k ^ 1 ? __privateGet$8 : __privateMethod$8)(x, target, k ^ 4 ? extra : desc.get) : (x) => x[name];
+      if (k > 2) access.set = p ? (x, y) => __privateSet$8(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$8(it) && (k > 4 ? initializers.unshift(it) : k ? p ? extra = it : desc[key] = it : target = it);
+    else if (typeof it !== "object" || it === null) __typeError$8("Object expected");
+    else __expectFn$8(fn = it.get) && (desc.get = fn), __expectFn$8(fn = it.set) && (desc.set = fn), __expectFn$8(fn = it.init) && initializers.unshift(fn);
+  }
+  return k || __decoratorMetadata$8(array, target), desc && __defProp$8(target, name, desc), p ? k ^ 4 ? extra : desc : target;
+};
+var __publicField$6 = (obj, key, value) => __defNormalProp$8(obj, key + "", value);
+var __accessCheck$8 = (obj, member, msg) => member.has(obj) || __typeError$8("Cannot " + msg);
+var __privateIn$8 = (member, obj) => Object(obj) !== obj ? __typeError$8('Cannot use the "in" operator on this value') : member.has(obj);
+var __privateGet$8 = (obj, member, getter) => (__accessCheck$8(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
+var __privateAdd$8 = (obj, member, value) => member.has(obj) ? __typeError$8("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+var __privateSet$8 = (obj, member, value, setter) => (__accessCheck$8(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
+var __privateMethod$8 = (obj, member, method) => (__accessCheck$8(obj, member, "access private method"), method);
+var _ignoreRows_dec, _rows_dec, _dataType_dec, _a$8, _LinesInput_decorators, _init$8, _dataType, _rows, _ignoreRows;
+const tagName$5 = "GZM-INPUT-LINES";
+const styleSheet$4 = createStyleSheet({
+  /*因为有 array-split，所以不能自动换行！每一行代表一项数据！*/
+  "textarea[data-type=array]": `
+        white-space: pre;
+    `,
+  "textarea[ignore-rows]": `
+        height: 100%;
+    `
+});
+const linesDataType = ["string", "array"];
+const mutableAttributes$8 = ["name", "spellcheck", "rows", "required", "data-type", "ignore-rows"];
+const copyAttributes$4 = Object.assign({
+  rows: "$ipt",
+  spellcheck: "$ipt",
+  //下面2个属性要复制为了样式能够起作用！
+  "data-type": "$ipt",
+  "ignore-rows": "$ipt"
+}, inputCopyAttributes);
+_LinesInput_decorators = [defineElement({ tagName: tagName$5, mutableAttributes: mutableAttributes$8, copyAttributes: copyAttributes$4 })];
+class LinesInput extends (_a$8 = InputBase, _dataType_dec = [strAttr], _rows_dec = [intAttr], _ignoreRows_dec = [boolAttr], _a$8) {
+  constructor() {
+    super(...arguments);
+    __privateAdd$8(this, _dataType, __runInitializers$8(_init$8, 8, this, linesDataType[0])), __runInitializers$8(_init$8, 11, this);
+    __privateAdd$8(this, _rows, __runInitializers$8(_init$8, 12, this)), __runInitializers$8(_init$8, 15, this);
+    __privateAdd$8(this, _ignoreRows, __runInitializers$8(_init$8, 16, this, false)), __runInitializers$8(_init$8, 19, this);
+  }
+  _createInput() {
+    const $ipt = document.createElement("textarea");
+    $ipt.className = "ipt";
+    $ipt.onchange = () => {
+      let val = $ipt.value;
+      if (val) val = removeZWC(val);
+      this.dataValue = val;
+      this._setValidity($ipt);
+    };
+    const $lbl = document.createElement("label");
+    $lbl.appendChild($ipt);
+    const sr = this.attachShadow({ mode: "open" });
+    sr.adoptedStyleSheets = [baseStyle, iptStyle, styleSheet$4];
+    sr.append($lbl);
+    return $ipt;
+  }
+  _showValue($ipt = this.$ipt) {
+    let dv = this.dataValue;
+    if (Array.isArray(dv)) {
+      dv = dv.join(arraySplit);
+    }
+    $ipt.value = dv ?? "";
+    this._setValidity($ipt);
+    $ipt.selectionStart = 0;
+    $ipt.selectionEnd = 0;
+  }
+  _changeValue2Type(v, t) {
+    if (!v) {
+      return void 0;
+    }
+    if (Array.isArray(v)) {
+      if (t === "array") {
+        return v;
+      }
+      return v.join(arraySplit);
+    }
+    if (typeof v !== "string") {
+      v = String(v);
+    }
+    const s = v;
+    if (t === "string") {
+      return s;
+    }
+    return s.split(arraySplit);
+  }
+  //#endregion
+}
+_init$8 = __decoratorStart$8(_a$8);
+_dataType = /* @__PURE__ */ new WeakMap();
+_rows = /* @__PURE__ */ new WeakMap();
+_ignoreRows = /* @__PURE__ */ new WeakMap();
+__decorateElement$8(_init$8, 4, "dataType", _dataType_dec, LinesInput, _dataType);
+__decorateElement$8(_init$8, 4, "rows", _rows_dec, LinesInput, _rows);
+__decorateElement$8(_init$8, 4, "ignoreRows", _ignoreRows_dec, LinesInput, _ignoreRows);
+LinesInput = __decorateElement$8(_init$8, 0, "LinesInput", _LinesInput_decorators, LinesInput);
+__publicField$6(LinesInput, "formAssociated", true);
+__runInitializers$8(_init$8, 1, LinesInput);
+const arraySplit = "\n";
+var __create$7 = Object.create;
+var __defProp$7 = Object.defineProperty;
+var __getOwnPropDesc$7 = Object.getOwnPropertyDescriptor;
+var __knownSymbol$7 = (name, symbol) => (symbol = Symbol[name]) ? symbol : /* @__PURE__ */ Symbol.for("Symbol." + name);
+var __typeError$7 = (msg) => {
+  throw TypeError(msg);
+};
+var __defNormalProp$7 = (obj, key, value) => key in obj ? __defProp$7(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __name$7 = (target, value) => __defProp$7(target, "name", { value, configurable: true });
+var __decoratorStart$7 = (base) => [, , , __create$7(base?.[__knownSymbol$7("metadata")] ?? null)];
+var __decoratorStrings$7 = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"];
+var __expectFn$7 = (fn) => fn !== void 0 && typeof fn !== "function" ? __typeError$7("Function expected") : fn;
+var __decoratorContext$7 = (kind, name, done, metadata, fns) => ({ kind: __decoratorStrings$7[kind], name, metadata, addInitializer: (fn) => done._ ? __typeError$7("Already initialized") : fns.push(__expectFn$7(fn || null)) });
+var __decoratorMetadata$7 = (array, target) => __defNormalProp$7(target, __knownSymbol$7("metadata"), array[3]);
+var __runInitializers$7 = (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$7 = (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$7[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$7(k < 4 ? target : { get [name]() {
+    return __privateGet$7(this, extra);
+  }, set [name](x) {
+    return __privateSet$7(this, extra, x);
+  } }, name));
+  k ? p && k < 4 && __name$7(extra, (k > 2 ? "set " : k > 1 ? "get " : "") + name) : __name$7(target, name);
+  for (var i = decorators.length - 1; i >= 0; i--) {
+    ctx = __decoratorContext$7(k, name, done = {}, array[3], extraInitializers);
+    if (k) {
+      ctx.static = s, ctx.private = p, access = ctx.access = { has: p ? (x) => __privateIn$7(target, x) : (x) => name in x };
+      if (k ^ 3) access.get = p ? (x) => (k ^ 1 ? __privateGet$7 : __privateMethod$7)(x, target, k ^ 4 ? extra : desc.get) : (x) => x[name];
+      if (k > 2) access.set = p ? (x, y) => __privateSet$7(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$7(it) && (k > 4 ? initializers.unshift(it) : k ? p ? extra = it : desc[key] = it : target = it);
+    else if (typeof it !== "object" || it === null) __typeError$7("Object expected");
+    else __expectFn$7(fn = it.get) && (desc.get = fn), __expectFn$7(fn = it.set) && (desc.set = fn), __expectFn$7(fn = it.init) && initializers.unshift(fn);
+  }
+  return k || __decoratorMetadata$7(array, target), desc && __defProp$7(target, name, desc), p ? k ^ 4 ? extra : desc : target;
+};
+var __accessCheck$7 = (obj, member, msg) => member.has(obj) || __typeError$7("Cannot " + msg);
+var __privateIn$7 = (member, obj) => Object(obj) !== obj ? __typeError$7('Cannot use the "in" operator on this value') : member.has(obj);
+var __privateGet$7 = (obj, member, getter) => (__accessCheck$7(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
+var __privateAdd$7 = (obj, member, value) => member.has(obj) ? __typeError$7("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+var __privateSet$7 = (obj, member, value, setter) => (__accessCheck$7(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
+var __privateMethod$7 = (obj, member, method) => (__accessCheck$7(obj, member, "access private method"), method);
+var _active_dec, _a$7, _ComboItem_decorators, _icon, _values, _labels, _init$7, _active;
+const tagName$4 = "GZM-COMBO-ITEM";
+const mutableAttributes$7 = ["active"];
+_ComboItem_decorators = [defineElement({ tagName: tagName$4, mutableAttributes: mutableAttributes$7 })];
+class ComboItem extends (_a$7 = ViewElement, _active_dec = [boolAttr], _a$7) {
+  constructor() {
+    super(...arguments);
+    __privateAdd$7(this, _icon);
+    __privateAdd$7(this, _values);
+    __privateAdd$7(this, _labels);
+    __privateAdd$7(this, _active, __runInitializers$7(_init$7, 8, this, false)), __runInitializers$7(_init$7, 11, this);
+  }
+  //#region 元素
+  get $list() {
+    const sr = this.getRootNode();
+    return sr.host;
+  }
+  get multiple() {
+    return this.$list.model?.listSource.multiple ?? false;
+  }
+  /**
+   * 无论是单选还是多选，都只在选中 active 状态下才显示勾
+   * 注意：这个只是 icon 的容器，且只有这个用 div，其他显示文本的都用 span。
+   */
+  get $icon() {
+    if (!__privateGet$7(this, _icon)) {
+      __privateSet$7(this, _icon, document.createElement(iconTagName));
+      this.prepend(__privateGet$7(this, _icon));
+    }
+    return __privateGet$7(this, _icon);
+  }
+  //#endregion
+  //#region 属性
+  set values(v) {
+    const $va = __privateGet$7(this, _values) ?? __privateSet$7(this, _values, []);
+    for (let i = 0; i < v.length; i++) {
+      let $v = $va[i];
+      if (!$v) {
+        $v = $va[i] = document.createElement("span");
+        if (i === 0) {
+          this.$icon.after($v);
+        } else {
+          $va[i - 1].after($v);
+        }
+      }
+      $v.textContent = v[i] ?? "";
+    }
+    while ($va.length > v.length) {
+      $va.pop()?.remove();
+    }
+  }
+  set labels(v) {
+    const $la = __privateGet$7(this, _labels) ?? __privateSet$7(this, _labels, []);
+    for (let i = 0; i < v.length; i++) {
+      let $l = $la[i];
+      if (!$l) {
+        $l = $la[i] = document.createElement("span");
+        this.append($l);
+      }
+      $l.textContent = v[i] ?? "";
+    }
+    while ($la.length > v.length) {
+      $la.pop()?.remove();
+    }
+  }
+  _active_set() {
+    if (!this.active) {
+      this.$icon.icon = void 0;
+      return;
+    }
+    const name = this.multiple ? checkboxChecked : radioChecked;
+    this.$icon.icon = name;
+  }
+  //#endregion
+}
+_init$7 = __decoratorStart$7(_a$7);
+_icon = /* @__PURE__ */ new WeakMap();
+_values = /* @__PURE__ */ new WeakMap();
+_labels = /* @__PURE__ */ new WeakMap();
+_active = /* @__PURE__ */ new WeakMap();
+__decorateElement$7(_init$7, 4, "active", _active_dec, ComboItem, _active);
+ComboItem = __decorateElement$7(_init$7, 0, "ComboItem", _ComboItem_decorators, ComboItem);
+__runInitializers$7(_init$7, 1, ComboItem);
+const radioChecked = "gzm-menu-item-radio-checked";
+const checkboxChecked = "gzm-menu-item-checkbox-checked";
+iconCache[checkboxChecked] = `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
+    <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
+    <path d="M18.333 2c1.96 0 3.56 1.537 3.662 3.472l.005 .195v12.666c0 1.96 -1.537 3.56 -3.472 3.662l-.195 .005h-12.666a3.667 3.667 0 0 1 -3.662 -3.472l-.005 -.195v-12.666c0 -1.96 1.537 -3.56 3.472 -3.662l.195 -.005h12.666zm-2.626 7.293a1 1 0 0 0 -1.414 0l-3.293 3.292l-1.293 -1.292l-.094 -.083a1 1 0 0 0 -1.32 1.497l2 2l.094 .083a1 1 0 0 0 1.32 -.083l4 -4l.083 -.094a1 1 0 0 0 -.083 -1.32z" stroke-width="0" fill="currentColor"></path>
+</svg>`;
+iconCache[radioChecked] = `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
+    <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
+    <path d="M17 3.34a10 10 0 1 1 -14.995 8.984l-.005 -.324l.005 -.324a10 10 0 0 1 14.995 -8.336zm-1.293 5.953a1 1 0 0 0 -1.32 -.083l-.094 .083l-3.293 3.292l-1.293 -1.292l-.094 -.083a1 1 0 0 0 -1.403 1.403l.083 .094l2 2l.094 .083a1 1 0 0 0 1.226 0l.094 -.083l4 -4l.083 -.094a1 1 0 0 0 -.083 -1.32z" stroke-width="0" fill="currentColor"></path>
+</svg>`;
+var __create$6 = Object.create;
+var __defProp$6 = Object.defineProperty;
+var __getOwnPropDesc$6 = Object.getOwnPropertyDescriptor;
+var __knownSymbol$6 = (name, symbol) => (symbol = Symbol[name]) ? symbol : /* @__PURE__ */ Symbol.for("Symbol." + name);
+var __typeError$6 = (msg) => {
+  throw TypeError(msg);
+};
+var __defNormalProp$6 = (obj, key, value) => key in obj ? __defProp$6(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __name$6 = (target, value) => __defProp$6(target, "name", { value, configurable: true });
+var __decoratorStart$6 = (base) => [, , , __create$6(base?.[__knownSymbol$6("metadata")] ?? null)];
+var __decoratorStrings$6 = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"];
+var __expectFn$6 = (fn) => fn !== void 0 && typeof fn !== "function" ? __typeError$6("Function expected") : fn;
+var __decoratorContext$6 = (kind, name, done, metadata, fns) => ({ kind: __decoratorStrings$6[kind], name, metadata, addInitializer: (fn) => done._ ? __typeError$6("Already initialized") : fns.push(__expectFn$6(fn || null)) });
+var __decoratorMetadata$6 = (array, target) => __defNormalProp$6(target, __knownSymbol$6("metadata"), array[3]);
+var __runInitializers$6 = (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$6 = (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$6[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$6(k < 4 ? target : { get [name]() {
+    return __privateGet$6(this, extra);
+  }, set [name](x) {
+    return __privateSet$6(this, extra, x);
+  } }, name));
+  k ? p && k < 4 && __name$6(extra, (k > 2 ? "set " : k > 1 ? "get " : "") + name) : __name$6(target, name);
+  for (var i = decorators.length - 1; i >= 0; i--) {
+    ctx = __decoratorContext$6(k, name, done = {}, array[3], extraInitializers);
+    if (k) {
+      ctx.static = s, ctx.private = p, access = ctx.access = { has: p ? (x) => __privateIn$6(target, x) : (x) => name in x };
+      if (k ^ 3) access.get = p ? (x) => (k ^ 1 ? __privateGet$6 : __privateMethod$6)(x, target, k ^ 4 ? extra : desc.get) : (x) => x[name];
+      if (k > 2) access.set = p ? (x, y) => __privateSet$6(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$6(it) && (k > 4 ? initializers.unshift(it) : k ? p ? extra = it : desc[key] = it : target = it);
+    else if (typeof it !== "object" || it === null) __typeError$6("Object expected");
+    else __expectFn$6(fn = it.get) && (desc.get = fn), __expectFn$6(fn = it.set) && (desc.set = fn), __expectFn$6(fn = it.init) && initializers.unshift(fn);
+  }
+  return k || __decoratorMetadata$6(array, target), desc && __defProp$6(target, name, desc), p ? k ^ 4 ? extra : desc : target;
+};
+var __publicField$5 = (obj, key, value) => __defNormalProp$6(obj, key + "", value);
+var __accessCheck$6 = (obj, member, msg) => member.has(obj) || __typeError$6("Cannot " + msg);
+var __privateIn$6 = (member, obj) => Object(obj) !== obj ? __typeError$6('Cannot use the "in" operator on this value') : member.has(obj);
+var __privateGet$6 = (obj, member, getter) => (__accessCheck$6(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
+var __privateAdd$6 = (obj, member, value) => member.has(obj) ? __typeError$6("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+var __privateSet$6 = (obj, member, value, setter) => (__accessCheck$6(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
+var __privateMethod$6 = (obj, member, method) => (__accessCheck$6(obj, member, "access private method"), method);
+var _emptyTip_dec$3, _a$6, _ComboList_decorators, _onclick, _ComboList_instances, scrollIntoView_fn, _init$6, _emptyTip$3;
+const tagName$3 = "GZM-COMBO-LIST";
+const styleSheet$3 = createStyleSheet({
+  ":host": `
+        overflow: hidden;
+        max-height: 50vh; /* 只是限定最大高度，无法使 section 显示滚动条*/
+        display: flex; /*利用 flex 限定 section 的高度，溢出显示滚动栏*/
+        flex-direction: column;
+    `,
+  ["section"]: `
+        display: grid;
+        overflow: auto;
+        flex: auto;
+    `,
+  //无论是动态过滤，还是一个 item 子元素都没有，要显示一些告知操作员。
+  //firefox 对 :host 支持不好。如果写成 :host > section::after，则 firefox 不显示内容。
+  "section::after": `
+        content: attr(empty-tip, "---EMPTY---");
+    `,
+  [`section:has(${tagName$4}:not([hidden]))::after`]: `
+        content: "";
+        display: none;
+    `,
+  //item
+  [tagName$4]: `
+        cursor: pointer;
+        display: contents;
+    `,
+  [`${tagName$4}>*`]: `
+        border:1px solid transparent;
+        padding-inline: 0.5rem;
+    `,
+  [`${tagName$4}>*:not(:last-child)`]: `
+        border-right:0;
+    `,
+  [`${tagName$4}>*:not(:first-child)`]: `
+        border-left:0;
+    `,
+  [`${tagName$4}:active>*, ${tagName$4}[active]>*`]: {
+    color: "var(--gzm-a-btn-txt-color)",
+    background: "var(--gzm-a-btn-background)",
+    border: "var(--gzm-a-btn-border)"
+  },
+  [`${tagName$4}:hover>*`]: {
+    background: "var(--gzm-h-btn-background)",
+    border: "var(--gzm-h-btn-border)",
+    color: "var(--gzm-h-btn-txt-color)"
+  }
+});
+const mutableAttributes$6 = ["empty-tip"];
+const copyAttributes$3 = {
+  "empty-tip": "$section"
+};
+_ComboList_decorators = [defineElement({ tagName: tagName$3, mutableAttributes: mutableAttributes$6, copyAttributes: copyAttributes$3 })];
+class ComboList extends (_a$6 = ViewListElement, _emptyTip_dec$3 = [strAttr], _a$6) {
+  constructor() {
+    super();
+    __privateAdd$6(this, _ComboList_instances);
+    __privateAdd$6(this, _onclick, (e) => {
+      const $t = e.target;
+      const $item = $t.closest(tagName$4);
+      if (!$item) return;
+      const data = $item.model?.data;
+      if (!data) return;
+      const ls = this.model?.listSource;
+      if (!ls) return;
+      const a = !$item.active;
+      const s = this.model.activeItems;
+      if (ls.multiple) {
+        if (a) {
+          s.add(data);
+        } else {
+          s.delete(data);
+        }
+        $item.setModelProperty("active", a);
+      } else {
+        this.$viewItems.filter(($i) => $i.active).forEach(($i) => $i.setModelProperty("active", false));
+        s.clear();
+        if (a) {
+          s.add(data);
+          $item.setModelProperty("active", true);
+        }
+      }
+      this.model?.activeItemsChanged?.(s);
+    });
+    __publicField$5(this, "$section", document.createElement("section"));
+    __privateAdd$6(this, _emptyTip$3, __runInitializers$6(_init$6, 8, this)), __runInitializers$6(_init$6, 11, this);
+    const sr = this.attachShadow({ mode: "open" });
+    sr.adoptedStyleSheets = [baseStyle, styleSheet$3];
+    sr.appendChild(this.$section);
+    this.$section.onclick = __privateGet$6(this, _onclick);
+  }
+  //#region ViewListElement
+  _getViewItemTagName() {
+    return tagName$4;
+  }
+  get $viewItemsContainer() {
+    return this.$section;
+  }
+  //#endregion
+  //#region 属性
+  set listSource(l) {
+    if (!l) {
+      this.setModelProperty("modelList", []);
+      return;
+    }
+    const items = l.getStrArray();
+    this.setModelProperty("modelList", items);
+    const str = new Array(l.valueMember.length + l.labelMember.length + 1).fill("auto").join(" ");
+    this.$section.style.gridTemplateColumns = str;
+  }
+  set activeItems(items) {
+    if (!items) {
+      return;
+    }
+    const $items = this.$viewItems;
+    let $lastItem = null;
+    for (const $item of $items) {
+      const active = items.has($item.model.data);
+      $item.setModelProperty("active", active);
+      if (active) {
+        $lastItem = $item;
+      }
+    }
+    if ($lastItem?.isConnected) {
+      __privateMethod$6(this, _ComboList_instances, scrollIntoView_fn).call(this, $lastItem);
+    }
+  }
+  //#endregion
+}
+_init$6 = __decoratorStart$6(_a$6);
+_onclick = /* @__PURE__ */ new WeakMap();
+_ComboList_instances = /* @__PURE__ */ new WeakSet();
+scrollIntoView_fn = function($item) {
+  const $s = this.$section;
+  if ($s.offsetHeight >= $s.scrollHeight) {
+    return;
+  }
+  const $icon = $item.$icon;
+  if ($icon.offsetParent !== $s.offsetParent) {
+    return;
+  }
+  const iconPos = $icon.offsetTop + $icon.offsetHeight;
+  const diff = iconPos - $s.scrollTop - $s.offsetTop - $s.clientHeight;
+  if (diff > 0) {
+    $s.scrollTo(0, $s.scrollTop + diff);
+  }
+};
+_emptyTip$3 = /* @__PURE__ */ new WeakMap();
+__decorateElement$6(_init$6, 4, "emptyTip", _emptyTip_dec$3, ComboList, _emptyTip$3);
+ComboList = __decorateElement$6(_init$6, 0, "ComboList", _ComboList_decorators, ComboList);
+__runInitializers$6(_init$6, 1, ComboList);
+var __create$5 = Object.create;
+var __defProp$5 = Object.defineProperty;
+var __getOwnPropDesc$5 = Object.getOwnPropertyDescriptor;
+var __knownSymbol$5 = (name, symbol) => (symbol = Symbol[name]) ? symbol : /* @__PURE__ */ Symbol.for("Symbol." + name);
+var __typeError$5 = (msg) => {
+  throw TypeError(msg);
+};
+var __defNormalProp$5 = (obj, key, value) => key in obj ? __defProp$5(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __name$5 = (target, value) => __defProp$5(target, "name", { value, configurable: true });
+var __decoratorStart$5 = (base) => [, , , __create$5(base?.[__knownSymbol$5("metadata")] ?? null)];
+var __decoratorStrings$5 = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"];
+var __expectFn$5 = (fn) => fn !== void 0 && typeof fn !== "function" ? __typeError$5("Function expected") : fn;
+var __decoratorContext$5 = (kind, name, done, metadata, fns) => ({ kind: __decoratorStrings$5[kind], name, metadata, addInitializer: (fn) => done._ ? __typeError$5("Already initialized") : fns.push(__expectFn$5(fn || null)) });
+var __decoratorMetadata$5 = (array, target) => __defNormalProp$5(target, __knownSymbol$5("metadata"), array[3]);
+var __runInitializers$5 = (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$5 = (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$5[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$5(k < 4 ? target : { get [name]() {
+    return __privateGet$5(this, extra);
+  }, set [name](x) {
+    return __privateSet$5(this, extra, x);
+  } }, name));
+  k ? p && k < 4 && __name$5(extra, (k > 2 ? "set " : k > 1 ? "get " : "") + name) : __name$5(target, name);
+  for (var i = decorators.length - 1; i >= 0; i--) {
+    ctx = __decoratorContext$5(k, name, done = {}, array[3], extraInitializers);
+    if (k) {
+      ctx.static = s, ctx.private = p, access = ctx.access = { has: p ? (x) => __privateIn$5(target, x) : (x) => name in x };
+      if (k ^ 3) access.get = p ? (x) => (k ^ 1 ? __privateGet$5 : __privateMethod$5)(x, target, k ^ 4 ? extra : desc.get) : (x) => x[name];
+      if (k > 2) access.set = p ? (x, y) => __privateSet$5(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$5(it) && (k > 4 ? initializers.unshift(it) : k ? p ? extra = it : desc[key] = it : target = it);
+    else if (typeof it !== "object" || it === null) __typeError$5("Object expected");
+    else __expectFn$5(fn = it.get) && (desc.get = fn), __expectFn$5(fn = it.set) && (desc.set = fn), __expectFn$5(fn = it.init) && initializers.unshift(fn);
+  }
+  return k || __decoratorMetadata$5(array, target), desc && __defProp$5(target, name, desc), p ? k ^ 4 ? extra : desc : target;
+};
+var __publicField$4 = (obj, key, value) => __defNormalProp$5(obj, key + "", value);
+var __accessCheck$5 = (obj, member, msg) => member.has(obj) || __typeError$5("Cannot " + msg);
+var __privateIn$5 = (member, obj) => Object(obj) !== obj ? __typeError$5('Cannot use the "in" operator on this value') : member.has(obj);
+var __privateGet$5 = (obj, member, getter) => (__accessCheck$5(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
+var __privateAdd$5 = (obj, member, value) => member.has(obj) ? __typeError$5("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+var __privateSet$5 = (obj, member, value, setter) => (__accessCheck$5(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
+var __privateMethod$5 = (obj, member, method) => (__accessCheck$5(obj, member, "access private method"), method);
+var _emptyTip_dec$2, _multipleDelimiter_dec, _a$5, _ComboInput_decorators, _ComboInput_instances, filterItems_fn, checkTxt_fn, showList_fn, _currentList, _init$5, _multipleDelimiter, _emptyTip$2;
+const tagName$2 = "GZM-INPUT-COMBO";
+const mutableAttributes$5 = ["name", "required", "multiple-delimiter"];
+const copyAttributes$2 = inputCopyAttributes;
+_ComboInput_decorators = [defineElement({ tagName: tagName$2, mutableAttributes: mutableAttributes$5, copyAttributes: copyAttributes$2 })];
+class ComboInput extends (_a$5 = InputBase, _multipleDelimiter_dec = [strAttr], _emptyTip_dec$2 = [strAttr], _a$5) {
+  constructor() {
+    super(...arguments);
+    __privateAdd$5(this, _ComboInput_instances);
+    __privateAdd$5(this, _currentList);
+    __privateAdd$5(this, _multipleDelimiter, __runInitializers$5(_init$5, 8, this, " | ")), __runInitializers$5(_init$5, 11, this);
+    __privateAdd$5(this, _emptyTip$2, __runInitializers$5(_init$5, 12, this)), __runInitializers$5(_init$5, 15, this);
+  }
+  _createInput() {
+    const $ipt = document.createElement("input");
+    $ipt.className = "ipt";
+    $ipt.type = "text";
+    $ipt.oninput = () => __privateMethod$5(this, _ComboInput_instances, filterItems_fn).call(this);
+    $ipt.onchange = () => __privateMethod$5(this, _ComboInput_instances, checkTxt_fn).call(this);
+    const $btn = createTxtBtn("⋮");
+    $btn.onclick = () => {
+      if (!this.disabled) {
+        __privateMethod$5(this, _ComboInput_instances, showList_fn).call(this);
+      }
+    };
+    const $div = document.createElement("div");
+    $div.style.display = "flex";
+    $div.append($ipt, $btn);
+    const $lbl = document.createElement("label");
+    $lbl.appendChild($div);
+    const sr = this.attachShadow({ mode: "open" });
+    sr.adoptedStyleSheets = [baseStyle, utilityStyle, iptStyle];
+    sr.append($lbl);
+    return $ipt;
+  }
+  _showValue($ipt = this.$ipt) {
+    const nv = this.listSource?.getListDisplay(this.dsValue).toString(this) ?? "";
+    if ($ipt.value === nv) return;
+    $ipt.value = nv;
+    this._setValidity($ipt);
+  }
+  get $currentList() {
+    return __privateGet$5(this, _currentList)?.deref();
+  }
+  _multiple_delimiter_set() {
+    this._showValue();
+  }
+  //#endregion
+}
+_init$5 = __decoratorStart$5(_a$5);
+_ComboInput_instances = /* @__PURE__ */ new WeakSet();
+filterItems_fn = function() {
+  const $list = this.$currentList ?? __privateMethod$5(this, _ComboInput_instances, showList_fn).call(this);
+  if ($list) {
+    const txt = this.$ipt.value;
+    $list.$viewItems.forEach(($i) => $i.setModelProperty("hidden", !$i.innerText.includes(txt)));
+  }
+};
+checkTxt_fn = function($ipt = this.$ipt) {
+  const txt = $ipt.value;
+  const ls = this.listSource;
+  if (!txt || !ls) {
+    this.dataValue = void 0;
+    $ipt.value = "";
+    this._setValidity($ipt);
+    return;
+  }
+  if (txt === ls.getListDisplay(this.dsValue).toString(this)) {
+    return;
+  }
+  if (ls.multiple) {
+    const sa = txt.split(this.multipleDelimiter);
+    const oa = ls.findMultiple(sa);
+    if (oa.length === 0) {
+      this.dataValue = void 0;
+    } else {
+      this._setActiveItem(...oa);
+    }
+  } else {
+    const o = ls.find(txt);
+    if (o) {
+      this._setActiveItem(o);
+    } else {
+      this.dataValue = void 0;
+    }
+  }
+  this._showValue();
+};
+showList_fn = function(ls = this.listSource) {
+  this.$currentList?.remove();
+  __privateSet$5(this, _currentList, void 0);
+  if (!ls) {
+    return;
+  }
+  const $list = document.createElement(tagName$3);
+  $list.setAttribute("popover", "auto");
+  $list.className = "gzm-frame";
+  $list.ontoggle = (e) => {
+    if (e.newState === "closed") {
+      $list.remove();
+      __privateSet$5(this, _currentList, void 0);
+    }
+  };
+  $list.model = {
+    modelList: [],
+    listSource: ls,
+    activeItems: new Set(ls.getListItems(this.dsValue)),
+    emptyTip: this.emptyTip,
+    activeItemsChanged: (activeItems) => {
+      this._setActiveItem(...activeItems);
+      this._showValue();
+      if (!ls.multiple) {
+        $list.remove();
+        __privateSet$5(this, _currentList, void 0);
+      }
+    }
+  };
+  __privateSet$5(this, _currentList, new WeakRef($list));
+  new CornerHelper($list, xy.rightTop, this, xy.rightBottom).pos();
+  return $list;
+};
+_currentList = /* @__PURE__ */ new WeakMap();
+_multipleDelimiter = /* @__PURE__ */ new WeakMap();
+_emptyTip$2 = /* @__PURE__ */ new WeakMap();
+__decorateElement$5(_init$5, 4, "multipleDelimiter", _multipleDelimiter_dec, ComboInput, _multipleDelimiter);
+__decorateElement$5(_init$5, 4, "emptyTip", _emptyTip_dec$2, ComboInput, _emptyTip$2);
+ComboInput = __decorateElement$5(_init$5, 0, "ComboInput", _ComboInput_decorators, ComboInput);
+__publicField$4(ComboInput, "formAssociated", true);
+__runInitializers$5(_init$5, 1, ComboInput);
+var __create$4 = Object.create;
+var __defProp$4 = Object.defineProperty;
+var __getOwnPropDesc$4 = Object.getOwnPropertyDescriptor;
+var __knownSymbol$4 = (name, symbol) => (symbol = Symbol[name]) ? symbol : /* @__PURE__ */ Symbol.for("Symbol." + name);
+var __typeError$4 = (msg) => {
+  throw TypeError(msg);
+};
+var __defNormalProp$4 = (obj, key, value) => key in obj ? __defProp$4(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __name$4 = (target, value) => __defProp$4(target, "name", { value, configurable: true });
+var __decoratorStart$4 = (base) => [, , , __create$4(base?.[__knownSymbol$4("metadata")] ?? null)];
+var __decoratorStrings$4 = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"];
+var __expectFn$4 = (fn) => fn !== void 0 && typeof fn !== "function" ? __typeError$4("Function expected") : fn;
+var __decoratorContext$4 = (kind, name, done, metadata, fns) => ({ kind: __decoratorStrings$4[kind], name, metadata, addInitializer: (fn) => done._ ? __typeError$4("Already initialized") : fns.push(__expectFn$4(fn || null)) });
+var __decoratorMetadata$4 = (array, target) => __defNormalProp$4(target, __knownSymbol$4("metadata"), array[3]);
+var __runInitializers$4 = (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$4 = (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$4[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$4(k < 4 ? target : { get [name]() {
+    return __privateGet$4(this, extra);
+  }, set [name](x) {
+    return __privateSet$4(this, extra, x);
+  } }, name));
+  k ? p && k < 4 && __name$4(extra, (k > 2 ? "set " : k > 1 ? "get " : "") + name) : __name$4(target, name);
+  for (var i = decorators.length - 1; i >= 0; i--) {
+    ctx = __decoratorContext$4(k, name, done = {}, array[3], extraInitializers);
+    if (k) {
+      ctx.static = s, ctx.private = p, access = ctx.access = { has: p ? (x) => __privateIn$4(target, x) : (x) => name in x };
+      if (k ^ 3) access.get = p ? (x) => (k ^ 1 ? __privateGet$4 : __privateMethod$4)(x, target, k ^ 4 ? extra : desc.get) : (x) => x[name];
+      if (k > 2) access.set = p ? (x, y) => __privateSet$4(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$4(it) && (k > 4 ? initializers.unshift(it) : k ? p ? extra = it : desc[key] = it : target = it);
+    else if (typeof it !== "object" || it === null) __typeError$4("Object expected");
+    else __expectFn$4(fn = it.get) && (desc.get = fn), __expectFn$4(fn = it.set) && (desc.set = fn), __expectFn$4(fn = it.init) && initializers.unshift(fn);
+  }
+  return k || __decoratorMetadata$4(array, target), desc && __defProp$4(target, name, desc), p ? k ^ 4 ? extra : desc : target;
+};
+var __publicField$3 = (obj, key, value) => __defNormalProp$4(obj, typeof key !== "symbol" ? key + "" : key, value);
+var __accessCheck$4 = (obj, member, msg) => member.has(obj) || __typeError$4("Cannot " + msg);
+var __privateIn$4 = (member, obj) => Object(obj) !== obj ? __typeError$4('Cannot use the "in" operator on this value') : member.has(obj);
+var __privateGet$4 = (obj, member, getter) => (__accessCheck$4(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
+var __privateAdd$4 = (obj, member, value) => member.has(obj) ? __typeError$4("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+var __privateSet$4 = (obj, member, value, setter) => (__accessCheck$4(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
+var __privateMethod$4 = (obj, member, method) => (__accessCheck$4(obj, member, "access private method"), method);
+var _emptyTip_dec$1, _a$4, _CheckList_decorators, _init$4, _emptyTip$1;
+const tagName$1 = "GZM-CHECK-LIST";
+const styleSheet$2 = createStyleSheet({
+  ":host": `
+        display: inline-flex;
+        flex-direction: column-reverse;
+    `,
+  [tagName$3]: `
+        flex: auto;
+        background-color: transparent;
+        outline-width: 0px;
+        border-radius: 0.375rem;
+        padding: 0.25rem;
+    `,
+  //为了这里 + 即相邻的兄弟元素，布局方向为 column-reverse。
+  [`label:has(input:invalid) + ${tagName$3}`]: `
+        outline-style: dashed;
+        outline-width: 2px;
+        outline-color: var(--gzm-error-txt-color);
+    `,
+  [`label:has(input:invalid)::after`]: `
+        content: attr(validation-message);
+        font-size: 0.75rem;
+        padding: 0.125rem;
+        color: var(--gzm-error-txt-color);
+    `
+});
+const mutableAttributes$4 = ["name", "required", "empty-tip"];
+const copyAttributes$1 = Object.assign({
+  "empty-tip": "$list"
+}, inputCopyAttributes);
+_CheckList_decorators = [defineElement({ tagName: tagName$1, mutableAttributes: mutableAttributes$4, copyAttributes: copyAttributes$1 })];
+class CheckList extends (_a$4 = InputBase, _emptyTip_dec$1 = [strAttr], _a$4) {
+  constructor() {
+    super();
+    __publicField$3(this, "$list");
+    __privateAdd$4(this, _emptyTip$1, __runInitializers$4(_init$4, 8, this)), __runInitializers$4(_init$4, 11, this);
+    this.$list = document.createElement(tagName$3);
+    this.shadowRoot.append(this.$list);
+  }
+  _createInput() {
+    const $ipt = document.createElement("input");
+    $ipt.hidden = true;
+    $ipt.title = "for :invalid only";
+    const $lbl = document.createElement("label");
+    $lbl.appendChild($ipt);
+    const sr = this.attachShadow({ mode: "open" });
+    sr.adoptedStyleSheets = [baseStyle, styleSheet$2];
+    sr.append($lbl);
+    return $ipt;
+  }
+  _showValue() {
+    const $l = this.$list;
+    const ls = this.listSource;
+    if (!ls) {
+      $l.model = void 0;
+      return;
+    }
+    const activeItems = new Set(ls.getListItems(this.dsValue));
+    if (!$l.model) {
+      $l.model = {
+        modelList: [],
+        listSource: ls,
+        activeItems,
+        activeItemsChanged: (activeItems2) => {
+          this._setActiveItem(...activeItems2);
+        }
+      };
+    } else {
+      $l.setModelProperty("listSource", ls);
+      $l.setModelProperty("activeItems", activeItems);
+    }
+  }
+  //#endregion
+}
+_init$4 = __decoratorStart$4(_a$4);
+_emptyTip$1 = /* @__PURE__ */ new WeakMap();
+__decorateElement$4(_init$4, 4, "emptyTip", _emptyTip_dec$1, CheckList, _emptyTip$1);
+CheckList = __decorateElement$4(_init$4, 0, "CheckList", _CheckList_decorators, CheckList);
+__publicField$3(CheckList, "formAssociated", true);
+__runInitializers$4(_init$4, 1, CheckList);
+var __create$3 = Object.create;
+var __defProp$3 = Object.defineProperty;
+var __getOwnPropDesc$3 = Object.getOwnPropertyDescriptor;
+var __knownSymbol$3 = (name, symbol) => (symbol = Symbol[name]) ? symbol : /* @__PURE__ */ Symbol.for("Symbol." + name);
+var __typeError$3 = (msg) => {
+  throw TypeError(msg);
+};
+var __defNormalProp$3 = (obj, key, value) => key in obj ? __defProp$3(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __name$3 = (target, value) => __defProp$3(target, "name", { value, configurable: true });
+var __decoratorStart$3 = (base) => [, , , __create$3(base?.[__knownSymbol$3("metadata")] ?? null)];
+var __decoratorStrings$3 = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"];
+var __expectFn$3 = (fn) => fn !== void 0 && typeof fn !== "function" ? __typeError$3("Function expected") : fn;
+var __decoratorContext$3 = (kind, name, done, metadata, fns) => ({ kind: __decoratorStrings$3[kind], name, metadata, addInitializer: (fn) => done._ ? __typeError$3("Already initialized") : fns.push(__expectFn$3(fn || null)) });
+var __decoratorMetadata$3 = (array, target) => __defNormalProp$3(target, __knownSymbol$3("metadata"), array[3]);
+var __runInitializers$3 = (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$3 = (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$3[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$3(k < 4 ? target : { get [name]() {
+    return __privateGet$3(this, extra);
+  }, set [name](x) {
+    return __privateSet$3(this, extra, x);
+  } }, name));
+  k ? p && k < 4 && __name$3(extra, (k > 2 ? "set " : k > 1 ? "get " : "") + name) : __name$3(target, name);
+  for (var i = decorators.length - 1; i >= 0; i--) {
+    ctx = __decoratorContext$3(k, name, done = {}, array[3], extraInitializers);
+    if (k) {
+      ctx.static = s, ctx.private = p, access = ctx.access = { has: p ? (x) => __privateIn$3(target, x) : (x) => name in x };
+      if (k ^ 3) access.get = p ? (x) => (k ^ 1 ? __privateGet$3 : __privateMethod$3)(x, target, k ^ 4 ? extra : desc.get) : (x) => x[name];
+      if (k > 2) access.set = p ? (x, y) => __privateSet$3(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$3(it) && (k > 4 ? initializers.unshift(it) : k ? p ? extra = it : desc[key] = it : target = it);
+    else if (typeof it !== "object" || it === null) __typeError$3("Object expected");
+    else __expectFn$3(fn = it.get) && (desc.get = fn), __expectFn$3(fn = it.set) && (desc.set = fn), __expectFn$3(fn = it.init) && initializers.unshift(fn);
+  }
+  return k || __decoratorMetadata$3(array, target), desc && __defProp$3(target, name, desc), p ? k ^ 4 ? extra : desc : target;
+};
+var __publicField$2 = (obj, key, value) => __defNormalProp$3(obj, typeof key !== "symbol" ? key + "" : key, value);
+var __accessCheck$3 = (obj, member, msg) => member.has(obj) || __typeError$3("Cannot " + msg);
+var __privateIn$3 = (member, obj) => Object(obj) !== obj ? __typeError$3('Cannot use the "in" operator on this value') : member.has(obj);
+var __privateGet$3 = (obj, member, getter) => (__accessCheck$3(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
+var __privateAdd$3 = (obj, member, value) => member.has(obj) ? __typeError$3("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+var __privateSet$3 = (obj, member, value, setter) => (__accessCheck$3(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
+var __privateMethod$3 = (obj, member, method) => (__accessCheck$3(obj, member, "access private method"), method);
+var _emptyTip_dec, _a$3, _SearchList_decorators, _SearchList_instances, doSearch_fn, searchListSource_fn, afterSearch_fn, removeDuplicated_fn, equal_fn, showNoRecordInfo_fn, _init$3, _emptyTip;
+const zh = {
+  qbPlaceholder: "输入文本，按回车搜索",
+  noListSource: "无效的选择列表，无法搜索",
+  noRecord: "未搜索到记录"
+};
+const texts = {
+  zh
+};
+const tagName = "GZM-SEARCH-LIST";
+const styleSheet$1 = createStyleSheet({
+  ":host": `
+        display: inline-flex;
+        flex-direction: column-reverse;
+    `,
+  "input[type=search]": `
+        min-width: 0px;
+        outline-width: 0px;
+        background-color: transparent;
+        border-bottom: var(--gzm-btn-border);
+        border-bottom-width: 2px;
+        text-align: center;
+        margin-inline: 0.5rem;
+        margin-bottom: 0.25rem;
+    `,
+  //查询过程中的错误信息
+  "input[type=search] ~ p": `
+        text-align: center;
+        color: var(--gzm-error-txt-color);
+        font-size: 75%;
+    `,
+  [tagName$3]: `
+        flex: auto;
+        background-color: transparent;
+        outline-width: 0px;
+        border-radius: 0.375rem;
+        padding: 0.25rem;
+    `,
+  //为了这里 + 即相邻的兄弟元素，布局方向为 column-reverse。
+  [`label:has(input:invalid) + ${tagName$3}`]: `
+        outline-style: dashed;
+        outline-width: 2px;
+        outline-color: var(--gzm-error-txt-color);
+    `,
+  [`label:has(input:invalid)::after`]: `
+        content: attr(validation-message);
+        font-size: 0.75rem;
+        padding: 0.125rem;
+        color: var(--gzm-error-txt-color);
+    `
+});
+const mutableAttributes$3 = ["name", "required", "empty-tip"];
+const copyAttributes = Object.assign({
+  "empty-tip": "$list"
+}, inputCopyAttributes);
+_SearchList_decorators = [defineElement({ tagName, mutableAttributes: mutableAttributes$3, copyAttributes })];
+class SearchList extends (_a$3 = InputBase, _emptyTip_dec = [strAttr], _a$3) {
+  constructor() {
+    super();
+    __privateAdd$3(this, _SearchList_instances);
+    __publicField$2(this, "$list");
+    __publicField$2(this, "$qb");
+    __privateAdd$3(this, _emptyTip, __runInitializers$3(_init$3, 8, this)), __runInitializers$3(_init$3, 11, this);
+    __publicField$2(this, "T", createText(texts).bindHtmlElement(this));
+    const $qb = this.$qb = document.createElement("input");
+    $qb.type = "search";
+    $qb.id = generateId();
+    $qb.placeholder = this.T.qbPlaceholder;
+    $qb.addEventListener("search", () => __privateMethod$3(this, _SearchList_instances, doSearch_fn).call(this));
+    this.$list = document.createElement(tagName$3);
+    this.shadowRoot.append(this.$list, $qb);
+  }
+  _createInput() {
+    const $ipt = document.createElement("input");
+    $ipt.hidden = true;
+    $ipt.title = "for :invalid only";
+    const $lbl = document.createElement("label");
+    $lbl.appendChild($ipt);
+    const sr = this.attachShadow({ mode: "open" });
+    sr.adoptedStyleSheets = [baseStyle, styleSheet$1];
+    sr.append($lbl);
+    return $ipt;
+  }
+  _showValue() {
+    const $l = this.$list;
+    const ls = this.listSource;
+    if (!ls) {
+      $l.model = void 0;
+      return;
+    }
+    const activeItems = new Set(ls.getListItems(this.dsValue));
+    if (!$l.model) {
+      $l.model = {
+        modelList: [],
+        listSource: ls,
+        activeItems,
+        activeItemsChanged: (activeItems2) => {
+          this._setActiveItem(...activeItems2);
+        }
+      };
+    } else {
+      $l.setModelProperty("listSource", ls);
+      $l.setModelProperty("activeItems", activeItems);
+    }
+  }
+}
+_init$3 = __decoratorStart$3(_a$3);
+_SearchList_instances = /* @__PURE__ */ new WeakSet();
+doSearch_fn = async function() {
+  const txt = this.$qb.value;
+  if (!txt) return;
+  const ls = this.listSource;
+  if (!ls) {
+    __privateMethod$3(this, _SearchList_instances, showNoRecordInfo_fn).call(this, this.T.noListSource);
+    return;
+  }
+  let ret = this.model?.search?.(txt) ?? __privateMethod$3(this, _SearchList_instances, searchListSource_fn).call(this, txt);
+  if (ret instanceof Promise) {
+    ret = await ret;
+  }
+  if (!ret.length) {
+    __privateMethod$3(this, _SearchList_instances, showNoRecordInfo_fn).call(this);
+  } else {
+    __privateMethod$3(this, _SearchList_instances, afterSearch_fn).call(this, ret, ls);
+  }
+};
+searchListSource_fn = function(txt) {
+  const ls = this.listSource;
+  if (!ls) return [];
+  return ls.search(txt);
+};
+afterSearch_fn = function(newItems, ls = this.listSource) {
+  const activeItems = ls.getListItems(this.dsValue);
+  if (activeItems.length) {
+    newItems = __privateMethod$3(this, _SearchList_instances, removeDuplicated_fn).call(this, newItems, activeItems, ls.valueMember);
+  }
+  this.listSource = new ListSource(newItems, ls.valueMember, ls.labelMember, ls.multiple);
+};
+removeDuplicated_fn = function(newItems, ais, vm) {
+  for (let i = newItems.length - 1; i >= 0; i--) {
+    const ni = newItems[i];
+    if (!ni || ais.some((ai) => __privateMethod$3(this, _SearchList_instances, equal_fn).call(this, ni, ai, vm))) {
+      newItems.splice(i, 1);
+    }
+  }
+  return ais.concat(newItems);
+};
+equal_fn = function(ni, ai, vm) {
+  const nov = vm.getObjValue(ni);
+  const aov = vm.getObjValue(ai);
+  return nov.equals(aov);
+};
+showNoRecordInfo_fn = function(tc = this.T.noRecord) {
+  const $p = document.createElement("p");
+  $p.textContent = tc;
+  this.$qb.after($p);
+  window.setTimeout(() => $p.remove(), 2e3);
+};
+_emptyTip = /* @__PURE__ */ new WeakMap();
+__decorateElement$3(_init$3, 4, "emptyTip", _emptyTip_dec, SearchList, _emptyTip);
+SearchList = __decorateElement$3(_init$3, 0, "SearchList", _SearchList_decorators, SearchList);
+__publicField$2(SearchList, "formAssociated", true);
+__runInitializers$3(_init$3, 1, SearchList);
+const formInputTagName = "GZM-FORM-INPUT";
+const formGroupTagName = "GZM-INPUT-GROUP";
+const formListTagName = "GZM-FORM";
+const styleSheet = createStyleSheet({
+  ":host": `
+        display: flex;
+        overflow: hidden;
+    `,
+  "form": `
+        display: flex;
+        flex-direction: column;
+        flex-wrap: wrap;
+        gap: 1rem;
+        max-height: 100%;
+        max-width: 100%;
+        overflow: auto;
+    `,
+  /*分为 3 列*/
+  /*81-4个中文，113-6个中文*/
+  /*120px日期输入能够显示完整*/
+  [formGroupTagName]: `
+        display: grid;
+        grid-template-columns: min-content minmax(auto,113px) minmax(120px,auto);
+    `,
+  [formGroupTagName + " > span"]: `
+        text-align: center;
+        padding: 0.25rem;
+    ` + gzmHeader,
+  //显示 label
+  [formGroupTagName + " > span:nth-of-type(2)"]: `
+        grid-column: 2 / span 2;
+        border-left-width: 0px;
+        padding-inline: 0.5rem;
+    `,
+  [formGroupTagName + " > section"]: `
+        display: contents;
+    `,
+  //单个 input
+  [formInputTagName]: `
+        display: contents;
+    `,
+  //行头
+  [formInputTagName + "> div"]: `
+        padding: 0.5rem 0.25rem;
+        text-align: center;
+    ` + gzmHeader,
+  [formInputTagName + "> *:not(:first-child)"]: `
+        border: var(--gzm-header-border);
+        border-left-width: 0px;
+        padding: 0.5rem 0.25rem;
+    `,
+  /*不显示上边框，这样就不会和上一行的下边框重叠。不过 group 的头可能不显示，所以要排除第一个。*/
+  [formInputTagName + ":not(:first-of-type) > *"]: `
+        border-top-width: 0px !important;
+    `,
+  // label 如果同时有 title 属性，则显示为 details
+  [formInputTagName + "> label > details > summary"]: `
+        list-style-type: none;
+        text-decoration: underline dashed;
+        cursor: help;
+    `
+});
+function checkDataSource(ds, model) {
+  if (ds !== model?.dataSource) {
+    return;
+  }
+  if (multipleSubscribers in model) {
+    if (model[multipleSubscribers] !== true) {
+      throw new Error("dataSource 的原型必须为 null，请调用 createDataSource() 创建 dataSource 对象。");
+    }
+  }
+}
+var __create$2 = Object.create;
+var __defProp$2 = Object.defineProperty;
+var __getOwnPropDesc$2 = Object.getOwnPropertyDescriptor;
+var __knownSymbol$2 = (name, symbol) => (symbol = Symbol[name]) ? symbol : /* @__PURE__ */ Symbol.for("Symbol." + name);
+var __typeError$2 = (msg) => {
+  throw TypeError(msg);
+};
+var __defNormalProp$2 = (obj, key, value) => key in obj ? __defProp$2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __name$2 = (target, value) => __defProp$2(target, "name", { value, configurable: true });
+var __decoratorStart$2 = (base) => [, , , __create$2(base?.[__knownSymbol$2("metadata")] ?? null)];
+var __decoratorStrings$2 = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"];
+var __expectFn$2 = (fn) => fn !== void 0 && typeof fn !== "function" ? __typeError$2("Function expected") : fn;
+var __decoratorContext$2 = (kind, name, done, metadata, fns) => ({ kind: __decoratorStrings$2[kind], name, metadata, addInitializer: (fn) => done._ ? __typeError$2("Already initialized") : fns.push(__expectFn$2(fn || null)) });
+var __decoratorMetadata$2 = (array, target) => __defNormalProp$2(target, __knownSymbol$2("metadata"), array[3]);
+var __runInitializers$2 = (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$2 = (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$2[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$2(k < 4 ? target : { get [name]() {
+    return __privateGet$2(this, extra);
+  }, set [name](x) {
+    return __privateSet$2(this, extra, x);
+  } }, name));
+  k ? p && k < 4 && __name$2(extra, (k > 2 ? "set " : k > 1 ? "get " : "") + name) : __name$2(target, name);
+  for (var i = decorators.length - 1; i >= 0; i--) {
+    ctx = __decoratorContext$2(k, name, done = {}, array[3], extraInitializers);
+    if (k) {
+      ctx.static = s, ctx.private = p, access = ctx.access = { has: p ? (x) => __privateIn$2(target, x) : (x) => name in x };
+      if (k ^ 3) access.get = p ? (x) => (k ^ 1 ? __privateGet$2 : __privateMethod$2)(x, target, k ^ 4 ? extra : desc.get) : (x) => x[name];
+      if (k > 2) access.set = p ? (x, y) => __privateSet$2(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$2(it) && (k > 4 ? initializers.unshift(it) : k ? p ? extra = it : desc[key] = it : target = it);
+    else if (typeof it !== "object" || it === null) __typeError$2("Object expected");
+    else __expectFn$2(fn = it.get) && (desc.get = fn), __expectFn$2(fn = it.set) && (desc.set = fn), __expectFn$2(fn = it.init) && initializers.unshift(fn);
+  }
+  return k || __decoratorMetadata$2(array, target), desc && __defProp$2(target, name, desc), p ? k ^ 4 ? extra : desc : target;
+};
+var __publicField$1 = (obj, key, value) => __defNormalProp$2(obj, key + "", value);
+var __accessCheck$2 = (obj, member, msg) => member.has(obj) || __typeError$2("Cannot " + msg);
+var __privateIn$2 = (member, obj) => Object(obj) !== obj ? __typeError$2('Cannot use the "in" operator on this value') : member.has(obj);
+var __privateGet$2 = (obj, member, getter) => (__accessCheck$2(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
+var __privateAdd$2 = (obj, member, value) => member.has(obj) ? __typeError$2("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+var __privateSet$2 = (obj, member, value, setter) => (__accessCheck$2(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
+var __privateMethod$2 = (obj, member, method) => (__accessCheck$2(obj, member, "access private method"), method);
+var _label_dec$1, _a$2, _FormInput_decorators, _head$1, _label$1, _FormInput_instances, createLabel_fn, createInput_fn, _iptValue, monitorDataValue_fn, checkValueChange_fn, showChangedMark_fn, _init$2, _label2, showLabelAndTitle_fn, _ds, _inputModel;
+const mutableAttributes$2 = ["label", "title"];
+_FormInput_decorators = [defineElement({ tagName: formInputTagName, mutableAttributes: mutableAttributes$2 })];
+class FormInput extends (_a$2 = ViewElement, _label_dec$1 = [strAttr], _a$2) {
+  constructor() {
+    super(...arguments);
+    __privateAdd$2(this, _FormInput_instances);
+    __privateAdd$2(this, _head$1);
+    __privateAdd$2(this, _label$1);
+    __publicField$1(this, "$ipt");
+    __privateAdd$2(this, _iptValue);
+    __privateAdd$2(this, _label2, __runInitializers$2(_init$2, 8, this)), __runInitializers$2(_init$2, 11, this);
+    __privateAdd$2(this, _ds);
+    __privateAdd$2(this, _inputModel);
+  }
+  //#region 子元素
+  get $head() {
+    if (!__privateGet$2(this, _head$1)) {
+      __privateSet$2(this, _head$1, document.createElement("div"));
+      __privateGet$2(this, _head$1).innerHTML = '<span style="visibility:hidden;">✶</span>';
+      this.prepend(__privateGet$2(this, _head$1));
+    }
+    return __privateGet$2(this, _head$1);
+  }
+  get $label() {
+    if (!__privateGet$2(this, _label$1)) {
+      __privateSet$2(this, _label$1, document.createElement("label"));
+      this.$head.after(__privateGet$2(this, _label$1));
+    }
+    return __privateGet$2(this, _label$1);
+  }
+  /**
+   * 在录入组件和 label 之间切换，其实就是用来生成 $ipt。
+   * @param readonly - 必须是所属组的 readonly，所以请等到 connectedCallback() 后再调用！
+   */
+  switchLabel(readonly = this.$group?.readonly ?? false) {
+    let $ipt = this.$ipt;
+    if (readonly) {
+      if (!$ipt) {
+        $ipt = __privateMethod$2(this, _FormInput_instances, createLabel_fn).call(this);
+        this.append($ipt);
+      } else if ($ipt.tagName !== tagName$b) {
+        $ipt.replaceWith(__privateMethod$2(this, _FormInput_instances, createLabel_fn).call(this));
+      }
+    } else {
+      if (!$ipt) {
+        $ipt = __privateMethod$2(this, _FormInput_instances, createInput_fn).call(this);
+        this.append($ipt);
+      } else if ($ipt.tagName !== this.input?.tagName) {
+        $ipt.replaceWith(__privateMethod$2(this, _FormInput_instances, createInput_fn).call(this));
+      }
+    }
+    if (__privateGet$2(this, _ds)) {
+      this.dataSource = __privateGet$2(this, _ds);
+    }
+  }
+  //#endregion
+  //#region group
+  get $group() {
+    return this.closest(formGroupTagName);
+  }
+  connectedCallback() {
+    this.switchLabel();
+  }
+  _label_set() {
+    __privateMethod$2(this, _FormInput_instances, showLabelAndTitle_fn).call(this);
+  }
+  _title_set() {
+    __privateMethod$2(this, _FormInput_instances, showLabelAndTitle_fn).call(this);
+  }
+  get dataSource() {
+    return __privateGet$2(this, _ds);
+  }
+  set dataSource(ds) {
+    checkDataSource(ds, this.model);
+    __privateSet$2(this, _ds, ds);
+    const $ipt = this.$ipt;
+    if (!$ipt) return;
+    const old = $ipt.dataSource;
+    const nds = old ? new InputDataSource(ds, old.valueMember) : new InputDataSource(ds, $ipt.name);
+    $ipt.setModelProperty("dataSource", nds);
+    __privateSet$2(this, _iptValue, $ipt.dataValue);
+    __privateMethod$2(this, _FormInput_instances, showChangedMark_fn).call(this, false);
+  }
+  get input() {
+    return __privateGet$2(this, _inputModel);
+  }
+  set input(v) {
+    __privateSet$2(this, _inputModel, v);
+    this.$ipt?.remove();
+    if (v && this.isConnected) {
+      this.switchLabel();
+    }
+  }
+  //#endregion    
+}
+_init$2 = __decoratorStart$2(_a$2);
+_head$1 = /* @__PURE__ */ new WeakMap();
+_label$1 = /* @__PURE__ */ new WeakMap();
+_FormInput_instances = /* @__PURE__ */ new WeakSet();
+createLabel_fn = function() {
+  const $ret = document.createElement(tagName$b);
+  $ret.model = this.input;
+  return this.$ipt = $ret;
+};
+createInput_fn = function(input = this.input) {
+  if (!input?.tagName) {
+    throw new Error("no input model tagName");
+  }
+  const $ret = document.createElement(input.tagName);
+  $ret.model = input;
+  this.$ipt = $ret;
+  this.$ipt.setModelProperty("showValidityMessage", true);
+  __privateMethod$2(this, _FormInput_instances, monitorDataValue_fn).call(this);
+  return this.$ipt;
+};
+_iptValue = /* @__PURE__ */ new WeakMap();
+monitorDataValue_fn = function() {
+  const input = this.input;
+  let original = input.dataValueChanged;
+  if (original) {
+    original = original.bind(input);
+  }
+  input.dataValueChanged = (newValue, oldValue) => {
+    __privateMethod$2(this, _FormInput_instances, checkValueChange_fn).call(this);
+    original?.(newValue, oldValue);
+  };
+};
+checkValueChange_fn = function($ipt = this.$ipt) {
+  if (!$ipt) {
+    return;
+  }
+  const dv = $ipt.dataValue;
+  const changed = dv !== __privateGet$2(this, _iptValue) && !!(dv || __privateGet$2(this, _iptValue));
+  __privateMethod$2(this, _FormInput_instances, showChangedMark_fn).call(this, changed);
+};
+showChangedMark_fn = function(changed) {
+  const $fec = this.$head.firstElementChild;
+  $fec.style.visibility = changed ? "visible" : "hidden";
+};
+_label2 = /* @__PURE__ */ new WeakMap();
+showLabelAndTitle_fn = function() {
+  const t = this.title;
+  if (!t) {
+    this.$label.textContent = this.label ?? "";
+    return;
+  }
+  this.$label.innerHTML = "";
+  const $summary = document.createElement("summary");
+  $summary.textContent = this.label ?? "";
+  const $small = document.createElement("small");
+  $small.innerHTML = t.replaceAll("\n", "<br>");
+  const $details = document.createElement("details");
+  $details.append($summary, $small);
+  this.$label.appendChild($details);
+};
+_ds = /* @__PURE__ */ new WeakMap();
+_inputModel = /* @__PURE__ */ new WeakMap();
+__decorateElement$2(_init$2, 4, "label", _label_dec$1, FormInput, _label2);
+FormInput = __decorateElement$2(_init$2, 0, "FormInput", _FormInput_decorators, FormInput);
+__runInitializers$2(_init$2, 1, FormInput);
+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 __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 _readonly_dec$1, _collapsed_dec, _label_dec, _a$1, _FormInputGroup_decorators, _head, _icn, _lbl, _section, _init$1, _label, _FormInputGroup_instances, showLabel_fn, _collapsed, _readonly$1;
+const mutableAttributes$1 = ["label", "collapsed", "readonly"];
+_FormInputGroup_decorators = [defineElement({ tagName: formGroupTagName, mutableAttributes: mutableAttributes$1 })];
+class FormInputGroup extends (_a$1 = ViewListElement, _label_dec = [strAttr], _collapsed_dec = [boolAttr], _readonly_dec$1 = [boolAttr], _a$1) {
+  constructor() {
+    super(...arguments);
+    __privateAdd$1(this, _FormInputGroup_instances);
+    __privateAdd$1(this, _head);
+    __privateAdd$1(this, _icn);
+    __privateAdd$1(this, _lbl);
+    __privateAdd$1(this, _section);
+    __privateAdd$1(this, _label, __runInitializers$1(_init$1, 8, this)), __runInitializers$1(_init$1, 11, this);
+    __privateAdd$1(this, _collapsed, __runInitializers$1(_init$1, 12, this, false)), __runInitializers$1(_init$1, 15, this);
+    __privateAdd$1(this, _readonly$1, __runInitializers$1(_init$1, 16, this, false)), __runInitializers$1(_init$1, 19, this);
+  }
+  //#region 子元素
+  get $head() {
+    if (!__privateGet$1(this, _head)) {
+      const $hd = document.createElement("span");
+      $hd.onclick = (e) => {
+        this.setModelProperty("collapsed", !this.collapsed);
+        e.stopPropagation();
+      };
+      this.prepend($hd);
+      __privateSet$1(this, _head, $hd);
+      if (!__privateGet$1(this, _icn)) {
+        __privateSet$1(this, _icn, createTxtBtn(iconExpanded));
+        $hd.append(__privateGet$1(this, _icn));
+      }
+    }
+    return __privateGet$1(this, _head);
+  }
+  get $icn() {
+    if (!__privateGet$1(this, _icn)) {
+      __privateSet$1(this, _icn, createTxtBtn(iconExpanded));
+      this.$head.append(__privateGet$1(this, _icn));
+    }
+    return __privateGet$1(this, _icn);
+  }
+  get $lbl() {
+    if (!__privateGet$1(this, _lbl)) {
+      __privateSet$1(this, _lbl, document.createElement("span"));
+      this.$head.after(__privateGet$1(this, _lbl));
+    }
+    return __privateGet$1(this, _lbl);
+  }
+  get $section() {
+    if (!__privateGet$1(this, _section)) {
+      __privateSet$1(this, _section, document.createElement("section"));
+      this.append(__privateGet$1(this, _section));
+    }
+    return __privateGet$1(this, _section);
+  }
+  //#endregion
+  //#region ViewListElement
+  _getViewItemTagName() {
+    return formInputTagName;
+  }
+  get $viewItemsContainer() {
+    return this.$section;
+  }
+  //#endregion
+  //#region 属性
+  set dataSource(ds) {
+    checkDataSource(ds, this.model);
+    this.$viewItems.forEach(($ipt) => $ipt.setModelProperty("dataSource", ds));
+  }
+  _label_set() {
+    __privateMethod$1(this, _FormInputGroup_instances, showLabel_fn).call(this);
+  }
+  _collapsed_set() {
+    this.$icn.textContent = this.collapsed ? iconCollapsed : iconExpanded;
+    this.$section.hidden = this.collapsed;
+  }
+  _readonly_set() {
+    const ro = this.readonly;
+    this.$viewItems.forEach(($ipt) => $ipt.switchLabel(ro));
+    __privateMethod$1(this, _FormInputGroup_instances, showLabel_fn).call(this);
+  }
+  //#endregion
+}
+_init$1 = __decoratorStart$1(_a$1);
+_head = /* @__PURE__ */ new WeakMap();
+_icn = /* @__PURE__ */ new WeakMap();
+_lbl = /* @__PURE__ */ new WeakMap();
+_section = /* @__PURE__ */ new WeakMap();
+_label = /* @__PURE__ */ new WeakMap();
+_FormInputGroup_instances = /* @__PURE__ */ new WeakSet();
+showLabel_fn = function() {
+  let nv = this.label ?? "";
+  if (this.readonly) {
+    nv += ` [${GT.readonly}]`;
+  }
+  this.$lbl.textContent = nv;
+  const hidden = !nv;
+  this.$lbl.hidden = hidden;
+  this.$head.hidden = hidden;
+};
+_collapsed = /* @__PURE__ */ new WeakMap();
+_readonly$1 = /* @__PURE__ */ new WeakMap();
+__decorateElement$1(_init$1, 4, "label", _label_dec, FormInputGroup, _label);
+__decorateElement$1(_init$1, 4, "collapsed", _collapsed_dec, FormInputGroup, _collapsed);
+__decorateElement$1(_init$1, 4, "readonly", _readonly_dec$1, FormInputGroup, _readonly$1);
+FormInputGroup = __decorateElement$1(_init$1, 0, "FormInputGroup", _FormInputGroup_decorators, FormInputGroup);
+__runInitializers$1(_init$1, 1, FormInputGroup);
+const iconCollapsed = "⊞";
+const iconExpanded = "⊟";
+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 __publicField = (obj, key, value) => __defNormalProp(obj, key + "", value);
+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 _readonly_dec, _a, _FormList_decorators, _init, _readonly;
+const mutableAttributes = ["readonly"];
+_FormList_decorators = [defineElement({ tagName: formListTagName, mutableAttributes })];
+class FormList extends (_a = ViewListElement, _readonly_dec = [boolAttr], _a) {
+  constructor() {
+    super();
+    __publicField(this, "$form", document.createElement("form"));
+    __privateAdd(this, _readonly, __runInitializers(_init, 8, this, false)), __runInitializers(_init, 11, this);
+    const sr = this.attachShadow({ mode: "open" });
+    sr.adoptedStyleSheets = [baseStyle, utilityStyle, styleSheet];
+    sr.append(this.$form);
+  }
+  //#region 提交
+  getFormData() {
+    return new FormData(this.$form);
+  }
+  submit() {
+    this.$form.submit();
+  }
+  checkValidity() {
+    return this.$form.checkValidity();
+  }
+  //#endregion
+  //#region ViewListElement
+  _getViewItemTagName() {
+    return formGroupTagName;
+  }
+  get $viewItemsContainer() {
+    return this.$form;
+  }
+  _readonly_set() {
+    const ro = this.readonly;
+    this.$viewItems.forEach(($g) => $g.setModelProperty("readonly", ro));
+  }
+  /**
+   * 必须要等到 modelList 处理完毕之后再调用！
+   * 其实还有一种方法：queueMicrotask()
+   */
+  set dataSource(ds) {
+    checkDataSource(ds, this.model);
+    this.$viewItems.forEach(($g) => $g.setModelProperty("dataSource", ds));
+  }
+  //#endregion
+}
+_init = __decoratorStart(_a);
+_readonly = /* @__PURE__ */ new WeakMap();
+__decorateElement(_init, 4, "readonly", _readonly_dec, FormList, _readonly);
+FormList = __decorateElement(_init, 0, "FormList", _FormList_decorators, FormList);
+__runInitializers(_init, 1, FormList);
+export {
+  CalInput,
+  CheckInput,
+  CheckList,
+  ColorInput,
+  ComboInput,
+  ComboItem,
+  ComboList,
+  FormInput,
+  FormInputGroup,
+  FormList,
+  InputLabel,
+  LinesInput,
+  NumInput,
+  SearchList,
+  TextInput,
+  tagName$1 as checkListTagName,
+  tagName$4 as comboItemTagName,
+  tagName$3 as comboListTagName,
+  formGroupTagName,
+  formInputTagName,
+  formListTagName,
+  tagName$9 as inputCalTagName,
+  tagName$8 as inputCheckTagName,
+  tagName$6 as inputColorTagName,
+  tagName$2 as inputComboTagName,
+  tagName$b as inputLabelTagName,
+  tagName$5 as inputLinesTagName,
+  tagName$7 as inputNumTagName,
+  tagName$a as inputTextTagName,
+  tagName as searchListTagName
+};
+//# sourceMappingURL=form.es.js.map