@silver-formily/element-plus 4.0.1 → 4.0.3

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

@@ -1 +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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"}
+{"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()\nconst elTableRef = ref<TableInstance>()\nconst radioSelectedKey = ref()\n\nfunction requireRowKey() {\n  if (!props.rowKey) {\n    throw new Error('rowKey is required')\n  }\n  return props.rowKey\n}\n\nfunction getRowValue(item?: Record<string, any> | null) {\n  if (!props.rowKey || !item) {\n    return undefined\n  }\n  return item[props.rowKey]\n}\n\nfunction getSingleSelectedKey(value: any) {\n  if (!isValid(value)) {\n    return null\n  }\n  return props.optionAsValue ? getRowValue(value) ?? null : value\n}\n\nfunction getMultipleSelectedKeys(value: any) {\n  if (!Array.isArray(value)) {\n    return []\n  }\n  return value\n    .map(item => props.optionAsValue ? getRowValue(item) : item)\n    .filter(isValid)\n}\n\nfunction syncRadioSelection(item?: Record<string, any> | null) {\n  radioSelectedKey.value = getRowValue(item) ?? null\n  elTableRef.value?.setCurrentRow(item)\n}\n\nfunction compatibleRadioValue(key: string) {\n  return lt(version, '2.6.0') ? { label: key } : { value: key }\n}\n\nfunction getInitialSelectedList() {\n  if (!isValid(props.modelValue)) {\n    return []\n  }\n\n  if (props.mode === 'multiple') {\n    if (!Array.isArray(props.modelValue)) {\n      return []\n    }\n\n    return props.modelValue.map((item) => {\n      if (!props.optionAsValue) {\n        if (!props.rowKey) {\n          return null\n        }\n        return {\n          [props.rowKey]: item,\n        }\n      }\n      return item\n    }).filter(isValid)\n  }\n  else {\n    if (props.optionAsValue) {\n      return [props.modelValue]\n    }\n    if (!props.rowKey) {\n      return []\n    }\n    return [{ [props.rowKey]: props.modelValue }]\n  }\n}\nconst initialSelectedList = getInitialSelectedList()\nconst selectedFlatDataSource = ref(initialSelectedList)\n// 为了获取移除的项而缓存的当前页面的前一次选择。由于element-plus没有获取移除项的方法，需要通过这种方式移除field中移除的项\nlet prevSelection = []\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 => getRowValue(item)).filter(isValid),\n    )\n    await nextTick()\n    for (const item of props.dataSource) {\n      const itemKey = getRowValue(item)\n      if (isValid(itemKey) && selectedKeys.includes(itemKey)) {\n        if (props.mode === 'multiple') {\n          elTableRef.value?.toggleRowSelection(item, true, props.ignoreSelectable)\n        }\n        else {\n          syncRadioSelection(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      const selectedKey = getSingleSelectedKey(value)\n      radioSelectedKey.value = selectedKey\n      const selectedItem = props.dataSource.find(item => getRowValue(item) === selectedKey)\n      elTableRef.value?.setCurrentRow(selectedItem)\n    }\n    else {\n      await nextTick()\n      const currentDisplayDataKeys = elTableRef.value\n        ?.getSelectionRows()\n        .map(item => getRowValue(item))\n        .filter(isValid) ?? []\n      const valueKeys = getMultipleSelectedKeys(value)\n      selectedFlatDataSource.value = selectedFlatDataSource.value.filter(\n        item => valueKeys.includes(getRowValue(item)),\n      )\n      if (isEqual(valueKeys, currentDisplayDataKeys)) {\n        return\n      }\n      const diffItems = xor(valueKeys, currentDisplayDataKeys)\n      for (const tableItem of props.dataSource) {\n        const itemKey = getRowValue(tableItem)\n        if (isValid(itemKey) && diffItems.includes(itemKey)) {\n          const shouldSelect = valueKeys.includes(itemKey)\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  const rowKey = requireRowKey()\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  const rowKey = requireRowKey()\n  syncRadioSelection(item)\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    syncRadioSelection(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/types.d.ts

@@ -9,7 +9,7 @@ interface ISelectTableProps {
   optionAsValue?: boolean;
   valueType?: 'all' | 'parent' | 'child' | 'path';
   loading?: boolean;
-  rowKey?: string;
+  rowKey: string;
   clickRowToSelect?: boolean;
   showAlertToolbar?: boolean;
   modelValue?: any;

package/esm/time-select/index.d.ts

@@ -14,6 +14,14 @@ declare const TimeSelect: _$element_plus_es_utils_index_mjs0.SFCWithInstall<_$vu
     type: _$vue.PropType<boolean>;
     default: undefined;
   };
+  popperClass: {
+    type: _$vue.PropType<string>;
+    default: string;
+  };
+  popperStyle: {
+    type: _$vue.PropType<string | _$vue.CSSProperties>;
+    default: undefined;
+  };
   size: {
     type: _$vue.PropType<"" | "default" | "small" | "large">;
   };
@@ -24,14 +32,6 @@ declare const TimeSelect: _$element_plus_es_utils_index_mjs0.SFCWithInstall<_$vu
   placeholder: {
     type: _$vue.PropType<string>;
   };
-  popperClass: {
-    type: _$vue.PropType<string>;
-    default: string;
-  };
-  popperStyle: {
-    type: _$vue.PropType<string | _$vue.CSSProperties>;
-    default: undefined;
-  };
   clearable: {
     type: _$vue.PropType<boolean>;
     default: boolean;
@@ -100,6 +100,14 @@ declare const TimeSelect: _$element_plus_es_utils_index_mjs0.SFCWithInstall<_$vu
     type: _$vue.PropType<boolean>;
     default: undefined;
   };
+  popperClass: {
+    type: _$vue.PropType<string>;
+    default: string;
+  };
+  popperStyle: {
+    type: _$vue.PropType<string | _$vue.CSSProperties>;
+    default: undefined;
+  };
   size: {
     type: _$vue.PropType<"" | "default" | "small" | "large">;
   };
@@ -110,14 +118,6 @@ declare const TimeSelect: _$element_plus_es_utils_index_mjs0.SFCWithInstall<_$vu
   placeholder: {
     type: _$vue.PropType<string>;
   };
-  popperClass: {
-    type: _$vue.PropType<string>;
-    default: string;
-  };
-  popperStyle: {
-    type: _$vue.PropType<string | _$vue.CSSProperties>;
-    default: undefined;
-  };
   clearable: {
     type: _$vue.PropType<boolean>;
     default: boolean;

package/esm/transfer/index.d.ts

@@ -8,6 +8,10 @@ import * as _$element_plus_es_components_transfer_src_transfer_panel_mjs0 from "
 type TransferProps = typeof ElTransfer;
 declare const Transfer: _$element_plus_es_utils_index_mjs0.SFCWithInstall<{
   new (...args: any[]): _$vue.CreateComponentPublicInstanceWithMixins<Readonly<_$vue.ExtractPropTypes<{
+    modelValue: {
+      type: _$vue.PropType<_$element_plus0.TransferKey[]>;
+      default: () => never[];
+    };
     props: {
       type: _$vue.PropType<_$element_plus0.TransferPropsAlias>;
       default: () => {
@@ -16,10 +20,6 @@ declare const Transfer: _$element_plus_es_utils_index_mjs0.SFCWithInstall<{
         disabled: string;
       };
     };
-    modelValue: {
-      type: _$vue.PropType<_$element_plus0.TransferKey[]>;
-      default: () => never[];
-    };
     data: {
       type: _$vue.PropType<_$element_plus0.TransferDataItem[]>;
       default: () => never[];
@@ -97,6 +97,10 @@ declare const Transfer: _$element_plus_es_utils_index_mjs0.SFCWithInstall<{
     M: {};
     Defaults: {};
   }, Readonly<_$vue.ExtractPropTypes<{
+    modelValue: {
+      type: _$vue.PropType<_$element_plus0.TransferKey[]>;
+      default: () => never[];
+    };
     props: {
       type: _$vue.PropType<_$element_plus0.TransferPropsAlias>;
       default: () => {
@@ -105,10 +109,6 @@ declare const Transfer: _$element_plus_es_utils_index_mjs0.SFCWithInstall<{
         disabled: string;
       };
     };
-    modelValue: {
-      type: _$vue.PropType<_$element_plus0.TransferKey[]>;
-      default: () => never[];
-    };
     data: {
       type: _$vue.PropType<_$element_plus0.TransferDataItem[]>;
       default: () => never[];
@@ -178,6 +178,10 @@ declare const Transfer: _$element_plus_es_utils_index_mjs0.SFCWithInstall<{
   __isTeleport?: never;
   __isSuspense?: never;
 } & _$vue.ComponentOptionsBase<Readonly<_$vue.ExtractPropTypes<{
+  modelValue: {
+    type: _$vue.PropType<_$element_plus0.TransferKey[]>;
+    default: () => never[];
+  };
   props: {
     type: _$vue.PropType<_$element_plus0.TransferPropsAlias>;
     default: () => {
@@ -186,10 +190,6 @@ declare const Transfer: _$element_plus_es_utils_index_mjs0.SFCWithInstall<{
       disabled: string;
     };
   };
-  modelValue: {
-    type: _$vue.PropType<_$element_plus0.TransferKey[]>;
-    default: () => never[];
-  };
   data: {
     type: _$vue.PropType<_$element_plus0.TransferDataItem[]>;
     default: () => never[];

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@silver-formily/element-plus",
   "type": "module",
-  "version": "4.0.1",
+  "version": "4.0.3",
   "description": "Formily 的 Element Plus 封装",
   "author": "hezhengxu",
   "license": "MIT",
@@ -50,7 +50,7 @@
   "dependencies": {
     "@element-plus/icons-vue": "^2.3.2",
     "lodash-es": "^4.17.23",
-    "vue-draggable-plus": "^0.5.6"
+    "vue-draggable-plus": "^0.5.0"
   },
   "devDependencies": {
     "@tsdown/css": "^0.21.8",
@@ -72,9 +72,9 @@
     "vue": "^3.5.27",
     "vue-tsc": "^3.2.6",
     "@silver-formily/grid": "1.0.2",
+    "@silver-formily/reactive-vue": "1.1.1",
     "@silver-formily/typescript-config": "0.0.0",
-    "@silver-formily/vue": "2.3.4",
-    "@silver-formily/reactive-vue": "1.1.1"
+    "@silver-formily/vue": "2.3.4"
   },
   "scripts": {
     "build": "tsdown --tsconfig tsconfig.build.json",

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

@@ -1,50 +0,0 @@
-//#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

@@ -1 +0,0 @@
-{"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"}