@silver-formily/element-plus 3.0.2 → 3.0.3

package/esm/select-table/index.mjs

@@ -1,204 +1,12 @@
-import { useField as W, connect as z, mapProps as G } from "@silver-formily/vue";
-import { defineComponent as U, ref as g, computed as j, watch as R, nextTick as v, openBlock as s, createElementBlock as S, normalizeClass as A, unref as n, createElementVNode as J, toDisplayString as Q, createVNode as V, withCtx as f, createTextVNode as C, createCommentVNode as X, withDirectives as Y, createBlock as y, mergeProps as w, renderSlot as Z, Fragment as ee, renderList as le } from "vue";
-import { isValid as te, isEqual as oe, isFn as ae } from "@formily/shared";
-import { useAttrs as re, ElLink as ne, version as E, ElTable as ue, ElTableColumn as b, ElRadioGroup as ie, ElRadio as se, vLoading as ce } from "element-plus";
-import { stylePrefix as x } from "../__builtins__/configs/index.mjs";
-import "@silver-formily/reactive-vue";
-import "@vueuse/core";
-import { lt as K } from "../__builtins__/shared/simple-version-compare.mjs";
-import "@formily/core";
-import { u as L, x as de, d as me, a as fe, r as pe } from "../vendor/lodash.mjs";
-import '../styles/select-table/index.css';const ye = /* @__PURE__ */ U({
-  name: "FSelectTable",
-  inheritAttrs: !1,
-  __name: "select-table",
-  props: {
-    columns: { default: () => [] },
-    mode: { default: "multiple" },
-    dataSource: { default: () => [] },
-    optionAsValue: { type: Boolean, default: !1 },
-    valueType: { default: "all" },
-    loading: { type: Boolean, default: !1 },
-    rowKey: {},
-    clickRowToSelect: { type: Boolean, default: !0 },
-    showAlertToolbar: { type: Boolean, default: !0 },
-    modelValue: {},
-    data: {},
-    selectable: {},
-    ignoreSelectable: { type: Boolean, default: !0 }
-  },
-  emits: ["update:modelValue"],
-  setup(B, { emit: D }) {
-    const e = B, c = D, _ = re(), q = W();
-    function F(l) {
-      return K(E, "2.6.0") ? { label: l } : { value: l };
-    }
-    const d = g(), t = e.rowKey;
-    function M() {
-      return e.mode === "multiple" ? e.modelValue?.map((l) => e.optionAsValue ? l : {
-        [t]: l
-      }) ?? [] : e.optionAsValue ? [e.modelValue] : [{ [t]: e.modelValue }];
-    }
-    const N = M(), u = g(N);
-    let p = [];
-    const m = g(), k = j(() => e.mode === "multiple" ? Array.isArray(e.modelValue) ? e.modelValue.length : 0 : te(m.value) ? 1 : 0);
-    R(
-      () => e.dataSource,
-      async () => {
-        const l = L(
-          u.value.map((a) => a[t])
-        );
-        await v();
-        for (const a of e.dataSource)
-          l.includes(a[t]) && (e.mode === "multiple" ? d.value?.toggleRowSelection(a, !0, e.ignoreSelectable) : (d.value?.setCurrentRow(a), T(a))), await v(), p = d.value?.getSelectionRows();
-      },
-      { immediate: !0 }
-    ), R(
-      () => [e.modelValue, e.loading],
-      async ([l, a]) => {
-        if (!a)
-          if (e.mode === "single")
-            m.value = e.optionAsValue ? l[t] : l;
-          else {
-            await v();
-            const r = d.value?.getSelectionRows().map((i) => i[t]), o = e.optionAsValue ? l?.map((i) => i[t]) : l ?? [];
-            if (u.value = u.value.filter(
-              (i) => o.includes(i[t])
-            ), oe(o, r))
-              return;
-            const I = de(o, r);
-            for (const i of e.dataSource)
-              if (I.includes(i[t])) {
-                const O = o.includes(i[t]);
-                d.value.toggleRowSelection(i, O, e.ignoreSelectable);
-              }
-          }
-      },
-      {
-        immediate: !0
-      }
-    );
-    function h(l) {
-      if (!t)
-        throw new Error("rowKey is required");
-      const a = p.length > l.length ? me(
-        p,
-        l,
-        (r, o) => r[t] === o[t]
-      ) : [];
-      if (p = [...l], u.value = fe(
-        [...u.value, ...l],
-        (r, o) => r[t] === o[t]
-      ), a.length > 0) {
-        const r = L(a.map((o) => o[t]));
-        pe(u.value, (o) => r.includes(o[t]));
-      }
-      if (e.optionAsValue)
-        c("update:modelValue", u.value);
-      else {
-        const r = u.value.map(
-          (o) => o[t]
-        );
-        c("update:modelValue", r);
-      }
-    }
-    function T(l) {
-      m.value = l[t], e.optionAsValue ? c("update:modelValue", l) : c("update:modelValue", l[t]);
-    }
-    function P(l, a, r) {
-      if (e.clickRowToSelect)
-        if (e.mode === "multiple") {
-          const o = r.target.closest("tr").querySelector('input[type="checkbox"]');
-          o instanceof HTMLElement && o.click();
-        } else {
-          const o = r.target.closest("tr").querySelector('input[type="radio"]');
-          o instanceof HTMLElement && o.click();
-        }
-    }
-    function $() {
-      e.mode === "multiple" ? (c("update:modelValue", []), u.value = []) : (m.value = null, c("update:modelValue", null));
-    }
-    function H(l, a) {
-      return e.selectable && ae(e.selectable) ? e.selectable(l, a, q.value) : !0;
-    }
-    return (l, a) => (s(), S("div", {
-      class: A(`${n(x)}-select-table`)
-    }, [
-      k.value > 0 && e.showAlertToolbar ? (s(), S("div", {
-        key: 0,
-        class: A(`${n(x)}-select-table-alert-container`)
-      }, [
-        J("span", null, "已选择 " + Q(k.value) + " 项", 1),
-        V(n(ne), {
-          type: "primary",
-          underline: n(K)(n(E), "2.9.9") ? !1 : "never",
-          style: { "margin-left": "8px" },
-          onClick: $
-        }, {
-          default: f(() => [...a[1] || (a[1] = [
-            C(" 取消选择 ", -1)
-          ])]),
-          _: 1
-        }, 8, ["underline"])
-      ], 2)) : X("", !0),
-      Y((s(), y(n(ue), w({
-        ref_key: "elTableRef",
-        ref: d
-      }, n(_), {
-        "row-key": n(t),
-        "row-class-name": e.clickRowToSelect ? "--click-row-select" : "",
-        data: e.dataSource,
-        "highlight-current-row": e.mode === "single",
-        onSelect: h,
-        onSelectAll: h,
-        onRowClick: P
-      }), {
-        default: f(() => [
-          e.mode === "multiple" ? (s(), y(n(b), {
-            key: 0,
-            type: "selection",
-            selectable: H
-          })) : (s(), y(n(b), {
-            key: 1,
-            width: "46"
-          }, {
-            default: f(({ row: r }) => [
-              V(n(ie), {
-                modelValue: m.value,
-                "onUpdate:modelValue": a[0] || (a[0] = (o) => m.value = o),
-                style: { width: "100%" }
-              }, {
-                default: f(() => [
-                  V(n(se), w(F(r[n(t)]), {
-                    onChange: () => T(r)
-                  }), {
-                    default: f(() => [...a[2] || (a[2] = [
-                      C("   ", -1)
-                    ])]),
-                    _: 1
-                  }, 16, ["onChange"])
-                ]),
-                _: 2
-              }, 1032, ["modelValue"])
-            ]),
-            _: 1
-          })),
-          e.columns.length === 0 ? Z(l.$slots, "default", { key: 2 }) : (s(!0), S(ee, { key: 3 }, le(e.columns, (r) => (s(), y(n(b), w({ ref_for: !0 }, r, {
-            key: r.prop || r.type
-          }), null, 16))), 128))
-        ]),
-        _: 3
-      }, 16, ["row-key", "row-class-name", "data", "highlight-current-row"])), [
-        [n(ce), e.loading]
-      ])
-    ], 2));
-  }
-}), Ae = z(
-  ye,
-  G({ dataSource: "dataSource", loading: "loading" })
-);
-export {
-  Ae as SelectTable,
-  Ae as default
-};
-//# sourceMappingURL=index.mjs.map
+import _sfc_main from "./select-table.mjs";
+import "./style.css";
+import { connect, mapProps } from "@silver-formily/vue";
+//#region src/select-table/index.ts
+const SelectTable = connect(_sfc_main, mapProps({
+	dataSource: "dataSource",
+	loading: "loading"
+}));
+//#endregion
+export { SelectTable as default };
+
+//# sourceMappingURL=index.mjs.map

package/esm/select-table/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/select-table/select-table.vue","../../src/select-table/index.ts"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { TableInstance } from 'element-plus'\nimport type { ISelectTableProps } from './types'\nimport { isEqual, isFn, isValid } from '@formily/shared'\nimport { useField } from '@silver-formily/vue'\nimport {\n  ElLink,\n  ElRadio,\n  ElRadioGroup,\n  ElTable,\n  ElTableColumn,\n  useAttrs,\n  version,\n  vLoading,\n} from 'element-plus'\nimport { differenceWith, remove, uniq, uniqWith, xor } from 'lodash-es'\nimport { computed, nextTick, ref, watch } from 'vue'\nimport { lt, stylePrefix } from '../__builtins__'\n\ndefineOptions({\n  name: 'FSelectTable',\n  inheritAttrs: false,\n})\n\nconst props = withDefaults(defineProps<ISelectTableProps>(), {\n  columns: () => [],\n  mode: 'multiple',\n  dataSource: () => [],\n  optionAsValue: false,\n  valueType: 'all',\n  loading: false,\n  clickRowToSelect: true,\n  showAlertToolbar: true,\n  ignoreSelectable: true,\n})\n\nconst emit = defineEmits(['update:modelValue'])\n\nconst elTableProps = useAttrs()\nconst field = useField()\n\nfunction compatibleRadioValue(key: string) {\n  return lt(version, '2.6.0') ? { label: key } : { value: key }\n}\n\nconst elTableRef = ref<TableInstance>()\nconst rowKey = props.rowKey\nfunction getInitialSelectedList() {\n  if (props.mode === 'multiple') {\n    return props.modelValue?.map((item) => {\n      if (!props.optionAsValue) {\n        return {\n          [rowKey]: item,\n        }\n      }\n      return item\n    }) ?? []\n  }\n  else {\n    return props.optionAsValue ? [props.modelValue] : [{ [rowKey]: props.modelValue }]\n  }\n}\nconst initialSelectedList = getInitialSelectedList()\nconst selectedFlatDataSource = ref(initialSelectedList)\n// 为了获取移除的项而缓存的当前页面的前一次选择。由于element-plus没有获取移除项的方法，需要通过这种方式移除field中移除的项\nlet prevSelection = []\n\nconst radioSelectedKey = ref()\n\nconst currentSelectLength = computed(() => {\n  if (props.mode === 'multiple') {\n    return Array.isArray(props.modelValue) ? props.modelValue.length : 0\n  }\n  else {\n    return isValid(radioSelectedKey.value) ? 1 : 0\n  }\n})\n\nwatch(\n  () => props.dataSource,\n  async () => {\n    const selectedKeys = uniq(\n      selectedFlatDataSource.value.map(item => item[rowKey]),\n    )\n    await nextTick()\n    for (const item of props.dataSource) {\n      if (selectedKeys.includes(item[rowKey])) {\n        if (props.mode === 'multiple') {\n          elTableRef.value?.toggleRowSelection(item, true, props.ignoreSelectable)\n        }\n        else {\n          elTableRef.value?.setCurrentRow(item)\n          onRadioClick(item)\n        }\n      }\n      await nextTick()\n      prevSelection = elTableRef.value?.getSelectionRows()\n    }\n  },\n  { immediate: true },\n)\n\nwatch(\n  () => [props.modelValue, props.loading],\n  async ([value, loading]) => {\n    if (loading) {\n      return\n    }\n    if (props.mode === 'single') {\n      radioSelectedKey.value = props.optionAsValue ? value[rowKey] : value\n    }\n    else {\n      await nextTick()\n      const currentDisplayDataKeys = elTableRef.value\n        ?.getSelectionRows()\n        .map(item => item[rowKey])\n      const valueKeys = props.optionAsValue\n        ? value?.map(item => item[rowKey])\n        : value ?? []\n      selectedFlatDataSource.value = selectedFlatDataSource.value.filter(\n        item => valueKeys.includes(item[rowKey]),\n      )\n      if (isEqual(valueKeys, currentDisplayDataKeys)) {\n        return\n      }\n      const diffItems = xor(valueKeys, currentDisplayDataKeys)\n      for (const tableItem of props.dataSource) {\n        if (diffItems.includes(tableItem[rowKey])) {\n          const shouldSelect = valueKeys.includes(tableItem[rowKey])\n          elTableRef.value.toggleRowSelection(tableItem, shouldSelect, props.ignoreSelectable)\n        }\n      }\n    }\n  },\n  {\n    immediate: true,\n  },\n)\n\nfunction onSelect(newSelection: Record<string, any>[]) {\n  /* istanbul ignore if -- @preserve */\n  if (!rowKey) {\n    throw new Error('rowKey is required')\n  }\n\n  const removedItemList\n    = prevSelection.length > newSelection.length\n      ? differenceWith(\n          prevSelection,\n          newSelection,\n          (itemPrev, itemNext) => {\n            return itemPrev[rowKey] === itemNext[rowKey]\n          },\n        )\n      : []\n  prevSelection = [...newSelection]\n  selectedFlatDataSource.value = uniqWith(\n    [...selectedFlatDataSource.value, ...newSelection],\n    (itemPrev, itemNext) => {\n      return itemPrev[rowKey] === itemNext[rowKey]\n    },\n  )\n  if (removedItemList.length > 0) {\n    const removedKeys = uniq(removedItemList.map(item => item[rowKey]))\n    remove(selectedFlatDataSource.value, item =>\n      removedKeys.includes(item[rowKey]))\n  }\n\n  if (props.optionAsValue) {\n    emit('update:modelValue', selectedFlatDataSource.value)\n  }\n  else {\n    const selectedKeys = selectedFlatDataSource.value.map(\n      item => item[rowKey],\n    )\n    emit('update:modelValue', selectedKeys)\n  }\n}\n\nfunction onRadioClick(item) {\n  radioSelectedKey.value = item[rowKey]\n  if (props.optionAsValue) {\n    emit('update:modelValue', item)\n  }\n  else {\n    emit('update:modelValue', item[rowKey])\n  }\n}\n\nfunction onRowClick(row: Record<string, any>, _, event: Event) {\n  if (!props.clickRowToSelect)\n    return\n\n  if (props.mode === 'multiple') {\n    const checkboxDOM = (event.target as Element)\n      .closest('tr')\n      .querySelector('input[type=\"checkbox\"]')\n    if (checkboxDOM instanceof HTMLElement) {\n      checkboxDOM.click()\n    }\n  }\n  else {\n    const radioDOM = (event.target as Element)\n      .closest('tr')\n      .querySelector('input[type=\"radio\"]')\n    if (radioDOM instanceof HTMLElement) {\n      radioDOM.click()\n    }\n  }\n}\n\nfunction onClearSelectionClick() {\n  if (props.mode === 'multiple') {\n    emit('update:modelValue', [])\n    selectedFlatDataSource.value = []\n  }\n  else {\n    radioSelectedKey.value = null\n    emit('update:modelValue', null)\n  }\n}\n\nfunction selectable(row: Record<string, any>, index: number) {\n  if (props.selectable && isFn(props.selectable)) {\n    return props.selectable(row, index, field.value)\n  }\n  return true\n}\n</script>\n\n<template>\n  <div :class=\"`${stylePrefix}-select-table`\">\n    <div\n      v-if=\"currentSelectLength > 0 && props.showAlertToolbar\"\n      :class=\"`${stylePrefix}-select-table-alert-container`\"\n    >\n      <span>已选择 {{ currentSelectLength }} 项</span>\n      <ElLink\n        type=\"primary\"\n        :underline=\"lt(version, '2.9.9') ? false : 'never'\"\n        style=\"margin-left: 8px;\"\n        @click=\"onClearSelectionClick\"\n      >\n        取消选择\n      </ElLink>\n    </div>\n    <ElTable\n      ref=\"elTableRef\"\n      v-loading=\"props.loading\"\n      v-bind=\"elTableProps\"\n      :row-key=\"rowKey\"\n      :row-class-name=\"props.clickRowToSelect ? `--click-row-select` : ''\"\n      :data=\"props.dataSource\"\n      :highlight-current-row=\"props.mode === 'single'\"\n      @select=\"onSelect\"\n      @select-all=\"onSelect\"\n      @row-click=\"onRowClick\"\n    >\n      <ElTableColumn\n        v-if=\"props.mode === 'multiple'\"\n        type=\"selection\"\n        :selectable=\"selectable\"\n      />\n      <ElTableColumn\n        v-else\n        width=\"46\"\n      >\n        <template #default=\"{ row }\">\n          <ElRadioGroup v-model=\"radioSelectedKey\" style=\"width: 100%;\">\n            <ElRadio\n              v-bind=\"compatibleRadioValue(row[rowKey])\"\n              @change=\"() => onRadioClick(row)\"\n            >\n              &nbsp;\n            </ElRadio>\n          </ElRadioGroup>\n        </template>\n      </ElTableColumn>\n      <template v-if=\"props.columns.length === 0\">\n        <slot />\n      </template>\n      <template v-else>\n        <ElTableColumn\n          v-for=\"colItem of props.columns\"\n          v-bind=\"colItem\"\n          :key=\"colItem.prop || colItem.type\"\n        />\n      </template>\n    </ElTable>\n  </div>\n</template>\n","import { connect, mapProps } from '@silver-formily/vue'\r\nimport InnerSelectTable from './select-table.vue'\r\nimport './style.scss'\r\n\r\nconst SelectTable = connect<typeof InnerSelectTable>(\n  InnerSelectTable,\n  mapProps({ dataSource: 'dataSource', loading: 'loading' }),\r\n)\r\n\r\nexport { SelectTable }\r\n\r\nexport default SelectTable\r\n"],"names":["props","__props","emit","__emit","elTableProps","useAttrs","field","useField","compatibleRadioValue","key","lt","version","elTableRef","ref","rowKey","getInitialSelectedList","item","initialSelectedList","selectedFlatDataSource","prevSelection","radioSelectedKey","currentSelectLength","computed","isValid","watch","selectedKeys","uniq","nextTick","onRadioClick","value","loading","currentDisplayDataKeys","valueKeys","isEqual","diffItems","xor","tableItem","shouldSelect","onSelect","newSelection","removedItemList","differenceWith","itemPrev","itemNext","uniqWith","removedKeys","remove","onRowClick","row","_","event","checkboxDOM","radioDOM","onClearSelectionClick","selectable","index","isFn","_createElementBlock","_unref","stylePrefix","_createElementVNode","_toDisplayString","_createVNode","ElLink","_cache","_withDirectives","_openBlock","_createBlock","_mergeProps","ElTableColumn","_withCtx","ElRadioGroup","$event","_renderSlot","_ctx","_Fragment","_renderList","colItem","vLoading","SelectTable","connect","InnerSelectTable","mapProps"],"mappings":"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"}
+{"version":3,"file":"index.mjs","names":["InnerSelectTable"],"sources":["../../src/select-table/index.ts"],"sourcesContent":["import { connect, mapProps } from '@silver-formily/vue'\r\nimport InnerSelectTable from './select-table.vue'\r\nimport './style.scss'\r\n\r\nconst SelectTable = connect<typeof InnerSelectTable>(\n  InnerSelectTable,\n  mapProps({ dataSource: 'dataSource', loading: 'loading' }),\r\n)\r\n\r\nexport { SelectTable }\r\n\r\nexport default SelectTable\r\n"],"mappings":";;;;AAIA,MAAM,cAAc,QAClBA,WACA,SAAS;CAAE,YAAY;CAAc,SAAS;CAAW,CAAC,CAC3D"}

package/esm/select-table/select-table.mjs

@@ -0,0 +1,202 @@
+import { lt } from "../__builtins__/shared/simple-version-compare.mjs";
+import { stylePrefix } from "../__builtins__/configs/index.mjs";
+import { ElLink, ElRadio, ElRadioGroup, ElTable, ElTableColumn, useAttrs, vLoading, version } from "element-plus";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeProps, nextTick, normalizeClass, openBlock, ref, renderList, renderSlot, toDisplayString, unref, watch, withCtx, withDirectives } from "vue";
+import { useField } from "@silver-formily/vue";
+import { isEqual, isFn, isValid } from "@formily/shared";
+import { differenceWith, remove, uniq, uniqWith, xor } from "lodash-es";
+//#region src/select-table/select-table.vue
+const _sfc_main = /* @__PURE__ */ defineComponent({
+	name: "FSelectTable",
+	inheritAttrs: false,
+	__name: "select-table",
+	props: {
+		columns: { default: () => [] },
+		mode: { default: "multiple" },
+		dataSource: { default: () => [] },
+		optionAsValue: {
+			type: Boolean,
+			default: false
+		},
+		valueType: { default: "all" },
+		loading: {
+			type: Boolean,
+			default: false
+		},
+		rowKey: {},
+		clickRowToSelect: {
+			type: Boolean,
+			default: true
+		},
+		showAlertToolbar: {
+			type: Boolean,
+			default: true
+		},
+		modelValue: {},
+		data: {},
+		selectable: {},
+		ignoreSelectable: {
+			type: Boolean,
+			default: true
+		}
+	},
+	emits: ["update:modelValue"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const elTableProps = useAttrs();
+		const field = useField();
+		function compatibleRadioValue(key) {
+			return lt(version, "2.6.0") ? { label: key } : { value: key };
+		}
+		const elTableRef = ref();
+		const rowKey = props.rowKey;
+		function getInitialSelectedList() {
+			if (props.mode === "multiple") return props.modelValue?.map((item) => {
+				if (!props.optionAsValue) return { [rowKey]: item };
+				return item;
+			}) ?? [];
+			else return props.optionAsValue ? [props.modelValue] : [{ [rowKey]: props.modelValue }];
+		}
+		const selectedFlatDataSource = ref(getInitialSelectedList());
+		let prevSelection = [];
+		const radioSelectedKey = ref();
+		const currentSelectLength = computed(() => {
+			if (props.mode === "multiple") return Array.isArray(props.modelValue) ? props.modelValue.length : 0;
+			else return isValid(radioSelectedKey.value) ? 1 : 0;
+		});
+		watch(() => props.dataSource, async () => {
+			const selectedKeys = uniq(selectedFlatDataSource.value.map((item) => item[rowKey]));
+			await nextTick();
+			for (const item of props.dataSource) {
+				if (selectedKeys.includes(item[rowKey])) if (props.mode === "multiple") elTableRef.value?.toggleRowSelection(item, true, props.ignoreSelectable);
+				else {
+					elTableRef.value?.setCurrentRow(item);
+					onRadioClick(item);
+				}
+				await nextTick();
+				prevSelection = elTableRef.value?.getSelectionRows();
+			}
+		}, { immediate: true });
+		watch(() => [props.modelValue, props.loading], async ([value, loading]) => {
+			if (loading) return;
+			if (props.mode === "single") radioSelectedKey.value = props.optionAsValue ? value[rowKey] : value;
+			else {
+				await nextTick();
+				const currentDisplayDataKeys = elTableRef.value?.getSelectionRows().map((item) => item[rowKey]);
+				const valueKeys = props.optionAsValue ? value?.map((item) => item[rowKey]) : value ?? [];
+				selectedFlatDataSource.value = selectedFlatDataSource.value.filter((item) => valueKeys.includes(item[rowKey]));
+				if (isEqual(valueKeys, currentDisplayDataKeys)) return;
+				const diffItems = xor(valueKeys, currentDisplayDataKeys);
+				for (const tableItem of props.dataSource) if (diffItems.includes(tableItem[rowKey])) {
+					const shouldSelect = valueKeys.includes(tableItem[rowKey]);
+					elTableRef.value.toggleRowSelection(tableItem, shouldSelect, props.ignoreSelectable);
+				}
+			}
+		}, { immediate: true });
+		function onSelect(newSelection) {
+			/* istanbul ignore if -- @preserve */
+			if (!rowKey) throw new Error("rowKey is required");
+			const removedItemList = prevSelection.length > newSelection.length ? differenceWith(prevSelection, newSelection, (itemPrev, itemNext) => {
+				return itemPrev[rowKey] === itemNext[rowKey];
+			}) : [];
+			prevSelection = [...newSelection];
+			selectedFlatDataSource.value = uniqWith([...selectedFlatDataSource.value, ...newSelection], (itemPrev, itemNext) => {
+				return itemPrev[rowKey] === itemNext[rowKey];
+			});
+			if (removedItemList.length > 0) {
+				const removedKeys = uniq(removedItemList.map((item) => item[rowKey]));
+				remove(selectedFlatDataSource.value, (item) => removedKeys.includes(item[rowKey]));
+			}
+			if (props.optionAsValue) emit("update:modelValue", selectedFlatDataSource.value);
+			else emit("update:modelValue", selectedFlatDataSource.value.map((item) => item[rowKey]));
+		}
+		function onRadioClick(item) {
+			radioSelectedKey.value = item[rowKey];
+			if (props.optionAsValue) emit("update:modelValue", item);
+			else emit("update:modelValue", item[rowKey]);
+		}
+		function onRowClick(row, _, event) {
+			if (!props.clickRowToSelect) return;
+			if (props.mode === "multiple") {
+				const checkboxDOM = event.target.closest("tr").querySelector("input[type=\"checkbox\"]");
+				if (checkboxDOM instanceof HTMLElement) checkboxDOM.click();
+			} else {
+				const radioDOM = event.target.closest("tr").querySelector("input[type=\"radio\"]");
+				if (radioDOM instanceof HTMLElement) radioDOM.click();
+			}
+		}
+		function onClearSelectionClick() {
+			if (props.mode === "multiple") {
+				emit("update:modelValue", []);
+				selectedFlatDataSource.value = [];
+			} else {
+				radioSelectedKey.value = null;
+				emit("update:modelValue", null);
+			}
+		}
+		function selectable(row, index) {
+			if (props.selectable && isFn(props.selectable)) return props.selectable(row, index, field.value);
+			return true;
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(`${unref(stylePrefix)}-select-table`) }, [currentSelectLength.value > 0 && props.showAlertToolbar ? (openBlock(), createElementBlock("div", {
+				key: 0,
+				class: normalizeClass(`${unref(stylePrefix)}-select-table-alert-container`)
+			}, [createElementVNode("span", null, "已选择 " + toDisplayString(currentSelectLength.value) + " 项", 1), createVNode(unref(ElLink), {
+				type: "primary",
+				underline: unref(lt)(unref(version), "2.9.9") ? false : "never",
+				style: { "margin-left": "8px" },
+				onClick: onClearSelectionClick
+			}, {
+				default: withCtx(() => [..._cache[1] || (_cache[1] = [createTextVNode(" 取消选择 ", -1)])]),
+				_: 1
+			}, 8, ["underline"])], 2)) : createCommentVNode("v-if", true), withDirectives((openBlock(), createBlock(unref(ElTable), mergeProps({
+				ref_key: "elTableRef",
+				ref: elTableRef
+			}, unref(elTableProps), {
+				"row-key": unref(rowKey),
+				"row-class-name": props.clickRowToSelect ? `--click-row-select` : "",
+				data: props.dataSource,
+				"highlight-current-row": props.mode === "single",
+				onSelect,
+				onSelectAll: onSelect,
+				onRowClick
+			}), {
+				default: withCtx(() => [props.mode === "multiple" ? (openBlock(), createBlock(unref(ElTableColumn), {
+					key: 0,
+					type: "selection",
+					selectable
+				})) : (openBlock(), createBlock(unref(ElTableColumn), {
+					key: 1,
+					width: "46"
+				}, {
+					default: withCtx(({ row }) => [createVNode(unref(ElRadioGroup), {
+						modelValue: radioSelectedKey.value,
+						"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => radioSelectedKey.value = $event),
+						style: { "width": "100%" }
+					}, {
+						default: withCtx(() => [createVNode(unref(ElRadio), mergeProps(compatibleRadioValue(row[unref(rowKey)]), { onChange: () => onRadioClick(row) }), {
+							default: withCtx(() => [..._cache[2] || (_cache[2] = [createTextVNode(" \xA0 ", -1)])]),
+							_: 1
+						}, 16, ["onChange"])]),
+						_: 2
+					}, 1032, ["modelValue"])]),
+					_: 1
+				})), props.columns.length === 0 ? renderSlot(_ctx.$slots, "default", { key: 2 }) : (openBlock(true), createElementBlock(Fragment, { key: 3 }, renderList(props.columns, (colItem) => {
+					return openBlock(), createBlock(unref(ElTableColumn), mergeProps({ ref_for: true }, colItem, { key: colItem.prop || colItem.type }), null, 16);
+				}), 128))]),
+				_: 3
+			}, 16, [
+				"row-key",
+				"row-class-name",
+				"data",
+				"highlight-current-row"
+			])), [[unref(vLoading), props.loading]])], 2);
+		};
+	}
+});
+//#endregion
+export { _sfc_main as default };
+
+//# sourceMappingURL=select-table.mjs.map

package/esm/select-table/select-table.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"select-table.mjs","names":[],"sources":["../../src/select-table/select-table.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { TableInstance } from 'element-plus'\nimport type { ISelectTableProps } from './types'\nimport { isEqual, isFn, isValid } from '@formily/shared'\nimport { useField } from '@silver-formily/vue'\nimport {\n  ElLink,\n  ElRadio,\n  ElRadioGroup,\n  ElTable,\n  ElTableColumn,\n  useAttrs,\n  version,\n  vLoading,\n} from 'element-plus'\nimport { differenceWith, remove, uniq, uniqWith, xor } from 'lodash-es'\nimport { computed, nextTick, ref, watch } from 'vue'\nimport { lt, stylePrefix } from '../__builtins__'\n\ndefineOptions({\n  name: 'FSelectTable',\n  inheritAttrs: false,\n})\n\nconst props = withDefaults(defineProps<ISelectTableProps>(), {\n  columns: () => [],\n  mode: 'multiple',\n  dataSource: () => [],\n  optionAsValue: false,\n  valueType: 'all',\n  loading: false,\n  clickRowToSelect: true,\n  showAlertToolbar: true,\n  ignoreSelectable: true,\n})\n\nconst emit = defineEmits(['update:modelValue'])\n\nconst elTableProps = useAttrs()\nconst field = useField()\n\nfunction compatibleRadioValue(key: string) {\n  return lt(version, '2.6.0') ? { label: key } : { value: key }\n}\n\nconst elTableRef = ref<TableInstance>()\nconst rowKey = props.rowKey\nfunction getInitialSelectedList() {\n  if (props.mode === 'multiple') {\n    return props.modelValue?.map((item) => {\n      if (!props.optionAsValue) {\n        return {\n          [rowKey]: item,\n        }\n      }\n      return item\n    }) ?? []\n  }\n  else {\n    return props.optionAsValue ? [props.modelValue] : [{ [rowKey]: props.modelValue }]\n  }\n}\nconst initialSelectedList = getInitialSelectedList()\nconst selectedFlatDataSource = ref(initialSelectedList)\n// 为了获取移除的项而缓存的当前页面的前一次选择。由于element-plus没有获取移除项的方法，需要通过这种方式移除field中移除的项\nlet prevSelection = []\n\nconst radioSelectedKey = ref()\n\nconst currentSelectLength = computed(() => {\n  if (props.mode === 'multiple') {\n    return Array.isArray(props.modelValue) ? props.modelValue.length : 0\n  }\n  else {\n    return isValid(radioSelectedKey.value) ? 1 : 0\n  }\n})\n\nwatch(\n  () => props.dataSource,\n  async () => {\n    const selectedKeys = uniq(\n      selectedFlatDataSource.value.map(item => item[rowKey]),\n    )\n    await nextTick()\n    for (const item of props.dataSource) {\n      if (selectedKeys.includes(item[rowKey])) {\n        if (props.mode === 'multiple') {\n          elTableRef.value?.toggleRowSelection(item, true, props.ignoreSelectable)\n        }\n        else {\n          elTableRef.value?.setCurrentRow(item)\n          onRadioClick(item)\n        }\n      }\n      await nextTick()\n      prevSelection = elTableRef.value?.getSelectionRows()\n    }\n  },\n  { immediate: true },\n)\n\nwatch(\n  () => [props.modelValue, props.loading],\n  async ([value, loading]) => {\n    if (loading) {\n      return\n    }\n    if (props.mode === 'single') {\n      radioSelectedKey.value = props.optionAsValue ? value[rowKey] : value\n    }\n    else {\n      await nextTick()\n      const currentDisplayDataKeys = elTableRef.value\n        ?.getSelectionRows()\n        .map(item => item[rowKey])\n      const valueKeys = props.optionAsValue\n        ? value?.map(item => item[rowKey])\n        : value ?? []\n      selectedFlatDataSource.value = selectedFlatDataSource.value.filter(\n        item => valueKeys.includes(item[rowKey]),\n      )\n      if (isEqual(valueKeys, currentDisplayDataKeys)) {\n        return\n      }\n      const diffItems = xor(valueKeys, currentDisplayDataKeys)\n      for (const tableItem of props.dataSource) {\n        if (diffItems.includes(tableItem[rowKey])) {\n          const shouldSelect = valueKeys.includes(tableItem[rowKey])\n          elTableRef.value.toggleRowSelection(tableItem, shouldSelect, props.ignoreSelectable)\n        }\n      }\n    }\n  },\n  {\n    immediate: true,\n  },\n)\n\nfunction onSelect(newSelection: Record<string, any>[]) {\n  /* istanbul ignore if -- @preserve */\n  if (!rowKey) {\n    throw new Error('rowKey is required')\n  }\n\n  const removedItemList\n    = prevSelection.length > newSelection.length\n      ? differenceWith(\n          prevSelection,\n          newSelection,\n          (itemPrev, itemNext) => {\n            return itemPrev[rowKey] === itemNext[rowKey]\n          },\n        )\n      : []\n  prevSelection = [...newSelection]\n  selectedFlatDataSource.value = uniqWith(\n    [...selectedFlatDataSource.value, ...newSelection],\n    (itemPrev, itemNext) => {\n      return itemPrev[rowKey] === itemNext[rowKey]\n    },\n  )\n  if (removedItemList.length > 0) {\n    const removedKeys = uniq(removedItemList.map(item => item[rowKey]))\n    remove(selectedFlatDataSource.value, item =>\n      removedKeys.includes(item[rowKey]))\n  }\n\n  if (props.optionAsValue) {\n    emit('update:modelValue', selectedFlatDataSource.value)\n  }\n  else {\n    const selectedKeys = selectedFlatDataSource.value.map(\n      item => item[rowKey],\n    )\n    emit('update:modelValue', selectedKeys)\n  }\n}\n\nfunction onRadioClick(item) {\n  radioSelectedKey.value = item[rowKey]\n  if (props.optionAsValue) {\n    emit('update:modelValue', item)\n  }\n  else {\n    emit('update:modelValue', item[rowKey])\n  }\n}\n\nfunction onRowClick(row: Record<string, any>, _, event: Event) {\n  if (!props.clickRowToSelect)\n    return\n\n  if (props.mode === 'multiple') {\n    const checkboxDOM = (event.target as Element)\n      .closest('tr')\n      .querySelector('input[type=\"checkbox\"]')\n    if (checkboxDOM instanceof HTMLElement) {\n      checkboxDOM.click()\n    }\n  }\n  else {\n    const radioDOM = (event.target as Element)\n      .closest('tr')\n      .querySelector('input[type=\"radio\"]')\n    if (radioDOM instanceof HTMLElement) {\n      radioDOM.click()\n    }\n  }\n}\n\nfunction onClearSelectionClick() {\n  if (props.mode === 'multiple') {\n    emit('update:modelValue', [])\n    selectedFlatDataSource.value = []\n  }\n  else {\n    radioSelectedKey.value = null\n    emit('update:modelValue', null)\n  }\n}\n\nfunction selectable(row: Record<string, any>, index: number) {\n  if (props.selectable && isFn(props.selectable)) {\n    return props.selectable(row, index, field.value)\n  }\n  return true\n}\n</script>\n\n<template>\n  <div :class=\"`${stylePrefix}-select-table`\">\n    <div\n      v-if=\"currentSelectLength > 0 && props.showAlertToolbar\"\n      :class=\"`${stylePrefix}-select-table-alert-container`\"\n    >\n      <span>已选择 {{ currentSelectLength }} 项</span>\n      <ElLink\n        type=\"primary\"\n        :underline=\"lt(version, '2.9.9') ? false : 'never'\"\n        style=\"margin-left: 8px;\"\n        @click=\"onClearSelectionClick\"\n      >\n        取消选择\n      </ElLink>\n    </div>\n    <ElTable\n      ref=\"elTableRef\"\n      v-loading=\"props.loading\"\n      v-bind=\"elTableProps\"\n      :row-key=\"rowKey\"\n      :row-class-name=\"props.clickRowToSelect ? `--click-row-select` : ''\"\n      :data=\"props.dataSource\"\n      :highlight-current-row=\"props.mode === 'single'\"\n      @select=\"onSelect\"\n      @select-all=\"onSelect\"\n      @row-click=\"onRowClick\"\n    >\n      <ElTableColumn\n        v-if=\"props.mode === 'multiple'\"\n        type=\"selection\"\n        :selectable=\"selectable\"\n      />\n      <ElTableColumn\n        v-else\n        width=\"46\"\n      >\n        <template #default=\"{ row }\">\n          <ElRadioGroup v-model=\"radioSelectedKey\" style=\"width: 100%;\">\n            <ElRadio\n              v-bind=\"compatibleRadioValue(row[rowKey])\"\n              @change=\"() => onRadioClick(row)\"\n            >\n              &nbsp;\n            </ElRadio>\n          </ElRadioGroup>\n        </template>\n      </ElTableColumn>\n      <template v-if=\"props.columns.length === 0\">\n        <slot />\n      </template>\n      <template v-else>\n        <ElTableColumn\n          v-for=\"colItem of props.columns\"\n          v-bind=\"colItem\"\n          :key=\"colItem.prop || colItem.type\"\n        />\n      </template>\n    </ElTable>\n  </div>\n</template>\n"],"mappings":"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"}

package/esm/select-table/style.css

@@ -0,0 +1,14 @@
+.formily-element-plus-select-table .--click-row-select {
+  cursor: pointer;
+}
+.formily-element-plus-select-table-alert-container {
+  margin-bottom: 8px;
+  padding-block: 8px;
+  padding-inline: 16px;
+  display: flex;
+  align-items: center;
+  font-size: var(--el-font-size-base);
+  color: var(--el-color-info);
+  background-color: var(--el-color-info-light-9);
+  border-radius: var(--el-border-radius-base);
+}

package/esm/shared/overlay-elements.mjs

@@ -1,19 +1,18 @@
-function t(n) {
-  if (n instanceof HTMLElement)
-    return n;
-  const e = n?.$el;
-  return e instanceof HTMLElement ? e : null;
+//#region src/shared/overlay-elements.ts
+function toHTMLElement(target) {
+	if (target instanceof HTMLElement) return target;
+	const element = target?.$el;
+	return element instanceof HTMLElement ? element : null;
 }
-function o(n) {
-  const e = n;
-  return t(e?.dialogContentRef) ?? t(e?.exposed?.dialogContentRef) ?? t(e);
+function resolveDialogElement(instance) {
+	const vm = instance;
+	return toHTMLElement(vm?.dialogContentRef) ?? toHTMLElement(vm?.exposed?.dialogContentRef) ?? toHTMLElement(vm);
 }
-function r(n) {
-  const e = n;
-  return t(e?.exposed?.drawerRef) ?? t(e?.$refs?.drawerRef) ?? t(e);
+function resolveDrawerElement(instance) {
+	const vm = instance;
+	return toHTMLElement(vm?.exposed?.drawerRef) ?? toHTMLElement(vm?.$refs?.drawerRef) ?? toHTMLElement(vm);
 }
-export {
-  o as resolveDialogElement,
-  r as resolveDrawerElement
-};
-//# sourceMappingURL=overlay-elements.mjs.map
+//#endregion
+export { resolveDialogElement, resolveDrawerElement };
+
+//# sourceMappingURL=overlay-elements.mjs.map

package/esm/shared/overlay-elements.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"overlay-elements.mjs","sources":["../../src/shared/overlay-elements.ts"],"sourcesContent":["import type { ComponentPublicInstance } from 'vue'\n\nexport type DialogLikeInstance = ComponentPublicInstance<{ dialogContentRef?: ComponentPublicInstance | null }> | null\n\ntype OverlayLikeInstance = ComponentPublicInstance & {\n  exposed?: Record<string, any>\n  $refs?: Record<string, any>\n  dialogContentRef?: ComponentPublicInstance | null\n}\n\nfunction toHTMLElement(target: unknown): HTMLElement | null {\n  if (target instanceof HTMLElement)\n    return target\n\n  const element = (target as { $el?: unknown } | null | undefined)?.$el\n  return element instanceof HTMLElement ? element : null\n}\n\nexport function resolveDialogElement(instance: DialogLikeInstance): HTMLElement | null {\n  const vm = instance as OverlayLikeInstance | null\n  return toHTMLElement(vm?.dialogContentRef)\n    ?? toHTMLElement(vm?.exposed?.dialogContentRef)\n    ?? toHTMLElement(vm)\n}\n\nexport function resolveDrawerElement(instance: ComponentPublicInstance | null): HTMLElement | null {\n  const vm = instance as OverlayLikeInstance | null\n  return toHTMLElement(vm?.exposed?.drawerRef)\n    ?? toHTMLElement(vm?.$refs?.drawerRef)\n    ?? toHTMLElement(vm)\n}\n"],"names":["toHTMLElement","target","element","resolveDialogElement","instance","vm","resolveDrawerElement"],"mappings":"AAUA,SAASA,EAAcC,GAAqC;AAC1D,MAAIA,aAAkB;AACpB,WAAOA;AAET,QAAMC,IAAWD,GAAiD;AAClE,SAAOC,aAAmB,cAAcA,IAAU;AACpD;AAEO,SAASC,EAAqBC,GAAkD;AACrF,QAAMC,IAAKD;AACX,SAAOJ,EAAcK,GAAI,gBAAgB,KACpCL,EAAcK,GAAI,SAAS,gBAAgB,KAC3CL,EAAcK,CAAE;AACvB;AAEO,SAASC,EAAqBF,GAA8D;AACjG,QAAMC,IAAKD;AACX,SAAOJ,EAAcK,GAAI,SAAS,SAAS,KACtCL,EAAcK,GAAI,OAAO,SAAS,KAClCL,EAAcK,CAAE;AACvB;"}
+{"version":3,"file":"overlay-elements.mjs","names":[],"sources":["../../src/shared/overlay-elements.ts"],"sourcesContent":["import type { ComponentPublicInstance } from 'vue'\n\nexport type DialogLikeInstance = ComponentPublicInstance<{ dialogContentRef?: ComponentPublicInstance | null }> | null\n\ntype OverlayLikeInstance = ComponentPublicInstance & {\n  exposed?: Record<string, any>\n  $refs?: Record<string, any>\n  dialogContentRef?: ComponentPublicInstance | null\n}\n\nfunction toHTMLElement(target: unknown): HTMLElement | null {\n  if (target instanceof HTMLElement)\n    return target\n\n  const element = (target as { $el?: unknown } | null | undefined)?.$el\n  return element instanceof HTMLElement ? element : null\n}\n\nexport function resolveDialogElement(instance: DialogLikeInstance): HTMLElement | null {\n  const vm = instance as OverlayLikeInstance | null\n  return toHTMLElement(vm?.dialogContentRef)\n    ?? toHTMLElement(vm?.exposed?.dialogContentRef)\n    ?? toHTMLElement(vm)\n}\n\nexport function resolveDrawerElement(instance: ComponentPublicInstance | null): HTMLElement | null {\n  const vm = instance as OverlayLikeInstance | null\n  return toHTMLElement(vm?.exposed?.drawerRef)\n    ?? toHTMLElement(vm?.$refs?.drawerRef)\n    ?? toHTMLElement(vm)\n}\n"],"mappings":";AAUA,SAAS,cAAc,QAAqC;AAC1D,KAAI,kBAAkB,YACpB,QAAO;CAET,MAAM,UAAW,QAAiD;AAClE,QAAO,mBAAmB,cAAc,UAAU;;AAGpD,SAAgB,qBAAqB,UAAkD;CACrF,MAAM,KAAK;AACX,QAAO,cAAc,IAAI,iBAAiB,IACrC,cAAc,IAAI,SAAS,iBAAiB,IAC5C,cAAc,GAAG;;AAGxB,SAAgB,qBAAqB,UAA8D;CACjG,MAAM,KAAK;AACX,QAAO,cAAc,IAAI,SAAS,UAAU,IACvC,cAAc,IAAI,OAAO,UAAU,IACnC,cAAc,GAAG"}

package/esm/shared/url-change-listener.mjs

@@ -0,0 +1,50 @@
+//#region src/shared/url-change-listener.ts
+const URL_CHANGE_EVENT = "silver-formily:url-change";
+let subscriberCount = 0;
+let teardownGlobalListener;
+function dispatchUrlChange() {
+	window.dispatchEvent(new Event(URL_CHANGE_EVENT));
+}
+function patchHistoryMethod(methodName) {
+	const originalMethod = window.history[methodName];
+	window.history[methodName] = function(...args) {
+		const result = originalMethod.apply(this, args);
+		dispatchUrlChange();
+		return result;
+	};
+	return () => {
+		window.history[methodName] = originalMethod;
+	};
+}
+function ensureUrlChangeEmitter() {
+	if (teardownGlobalListener || typeof window === "undefined") return;
+	const onNativeUrlChange = () => {
+		dispatchUrlChange();
+	};
+	const restorePushState = patchHistoryMethod("pushState");
+	const restoreReplaceState = patchHistoryMethod("replaceState");
+	window.addEventListener("popstate", onNativeUrlChange);
+	window.addEventListener("hashchange", onNativeUrlChange);
+	teardownGlobalListener = () => {
+		restorePushState();
+		restoreReplaceState();
+		window.removeEventListener("popstate", onNativeUrlChange);
+		window.removeEventListener("hashchange", onNativeUrlChange);
+		teardownGlobalListener = void 0;
+	};
+}
+function onUrlChange(listener) {
+	if (typeof window === "undefined") return () => {};
+	ensureUrlChangeEmitter();
+	subscriberCount += 1;
+	window.addEventListener(URL_CHANGE_EVENT, listener);
+	return () => {
+		if (subscriberCount > 0) subscriberCount -= 1;
+		window.removeEventListener(URL_CHANGE_EVENT, listener);
+		if (subscriberCount === 0) teardownGlobalListener?.();
+	};
+}
+//#endregion
+export { onUrlChange };
+
+//# sourceMappingURL=url-change-listener.mjs.map

package/esm/shared/url-change-listener.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"url-change-listener.mjs","names":[],"sources":["../../src/shared/url-change-listener.ts"],"sourcesContent":["const URL_CHANGE_EVENT = 'silver-formily:url-change'\n\ntype UrlChangeListener = () => void\ntype HistoryMethodName = 'pushState' | 'replaceState'\n\nlet subscriberCount = 0\nlet teardownGlobalListener: (() => void) | undefined\n\nfunction dispatchUrlChange() {\n  window.dispatchEvent(new Event(URL_CHANGE_EVENT))\n}\n\nfunction patchHistoryMethod(methodName: HistoryMethodName) {\n  const originalMethod = window.history[methodName]\n\n  window.history[methodName] = function (...args) {\n    const result = originalMethod.apply(this, args)\n    dispatchUrlChange()\n    return result\n  }\n\n  return () => {\n    window.history[methodName] = originalMethod\n  }\n}\n\nfunction ensureUrlChangeEmitter() {\n  if (teardownGlobalListener || typeof window === 'undefined')\n    return\n\n  const onNativeUrlChange = () => {\n    dispatchUrlChange()\n  }\n  const restorePushState = patchHistoryMethod('pushState')\n  const restoreReplaceState = patchHistoryMethod('replaceState')\n\n  window.addEventListener('popstate', onNativeUrlChange)\n  window.addEventListener('hashchange', onNativeUrlChange)\n\n  teardownGlobalListener = () => {\n    restorePushState()\n    restoreReplaceState()\n    window.removeEventListener('popstate', onNativeUrlChange)\n    window.removeEventListener('hashchange', onNativeUrlChange)\n    teardownGlobalListener = undefined\n  }\n}\n\nexport function onUrlChange(listener: UrlChangeListener) {\n  if (typeof window === 'undefined') {\n    return () => {}\n  }\n\n  ensureUrlChangeEmitter()\n  subscriberCount += 1\n  window.addEventListener(URL_CHANGE_EVENT, listener)\n\n  return () => {\n    if (subscriberCount > 0)\n      subscriberCount -= 1\n\n    window.removeEventListener(URL_CHANGE_EVENT, listener)\n    if (subscriberCount === 0)\n      teardownGlobalListener?.()\n  }\n}\n"],"mappings":";AAAA,MAAM,mBAAmB;AAKzB,IAAI,kBAAkB;AACtB,IAAI;AAEJ,SAAS,oBAAoB;AAC3B,QAAO,cAAc,IAAI,MAAM,iBAAiB,CAAC;;AAGnD,SAAS,mBAAmB,YAA+B;CACzD,MAAM,iBAAiB,OAAO,QAAQ;AAEtC,QAAO,QAAQ,cAAc,SAAU,GAAG,MAAM;EAC9C,MAAM,SAAS,eAAe,MAAM,MAAM,KAAK;AAC/C,qBAAmB;AACnB,SAAO;;AAGT,cAAa;AACX,SAAO,QAAQ,cAAc;;;AAIjC,SAAS,yBAAyB;AAChC,KAAI,0BAA0B,OAAO,WAAW,YAC9C;CAEF,MAAM,0BAA0B;AAC9B,qBAAmB;;CAErB,MAAM,mBAAmB,mBAAmB,YAAY;CACxD,MAAM,sBAAsB,mBAAmB,eAAe;AAE9D,QAAO,iBAAiB,YAAY,kBAAkB;AACtD,QAAO,iBAAiB,cAAc,kBAAkB;AAExD,gCAA+B;AAC7B,oBAAkB;AAClB,uBAAqB;AACrB,SAAO,oBAAoB,YAAY,kBAAkB;AACzD,SAAO,oBAAoB,cAAc,kBAAkB;AAC3D,2BAAyB,KAAA;;;AAI7B,SAAgB,YAAY,UAA6B;AACvD,KAAI,OAAO,WAAW,YACpB,cAAa;AAGf,yBAAwB;AACxB,oBAAmB;AACnB,QAAO,iBAAiB,kBAAkB,SAAS;AAEnD,cAAa;AACX,MAAI,kBAAkB,EACpB,oBAAmB;AAErB,SAAO,oBAAoB,kBAAkB,SAAS;AACtD,MAAI,oBAAoB,EACtB,2BAA0B"}