element-ps 1.0.0-alpha.6 → 1.0.1

package/lib/packages/components/switch/src/index.vue_vue&type=template&id=ee4fcade&lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.vue_vue&type=template&id=ee4fcade&lang.js","sources":["../../../../../../../packages/components/switch/src/index.vue?vue&type=template&id=ee4fcade&lang.js"],"sourcesContent":["<template>\n  <div\n    class=\"el-switch\"\n    :class=\"{ 'is-disabled': switchDisabled, 'is-checked': checked }\"\n    role=\"switch\"\n    :aria-checked=\"checked\"\n    :aria-disabled=\"switchDisabled\"\n  >\n    <input\n      :id=\"id\"\n      ref=\"input\"\n      class=\"el-switch__input\"\n      type=\"checkbox\"\n      :name=\"name\"\n      :true-value=\"activeValue\"\n      :false-value=\"inactiveValue\"\n      :disabled=\"switchDisabled\"\n    />\n    <span\n      v-if=\"!inlinePrompt && (inactiveIcon || inactiveText)\"\n      :class=\"[\n        'el-switch__label',\n        'el-switch__label--left',\n        !checked ? 'is-active' : '',\n      ]\"\n    >\n      <ps-icon v-if=\"inactiveIcon\"><component :is=\"inactiveIcon\" /></ps-icon>\n      <span v-if=\"!inactiveIcon && inactiveText\" :aria-hidden=\"checked\">{{\n          inactiveText\n        }}</span>\n    </span>\n    <span\n      ref=\"core\"\n      class=\"el-switch__core\"\n      :style=\"{ width: (width || 40) + 'px' }\"\n    >\n      <div v-if=\"inlinePrompt\" class=\"el-switch__inner\">\n        <template v-if=\"activeIcon || inactiveIcon\">\n          <ps-icon\n            v-if=\"activeIcon\"\n            class=\"is-icon\"\n            :class=\"checked ? 'is-show' : 'is-hide'\"\n          >\n            <component :is=\"activeIcon\" />\n          </ps-icon>\n          <ps-icon\n            v-if=\"inactiveIcon\"\n            class=\"is-icon\"\n            :class=\"!checked ? 'is-show' : 'is-hide'\"\n          >\n            <component :is=\"inactiveIcon\" />\n          </ps-icon>\n        </template>\n        <template v-else-if=\"activeText || inactiveIcon\">\n          <span\n            v-if=\"activeText\"\n            class=\"is-text\"\n            :class=\"checked ? 'is-show' : 'is-hide'\"\n            :aria-hidden=\"!checked\"\n          >\n            {{ activeText.substr(0, 1) }}\n          </span>\n          <span\n            v-if=\"inactiveText\"\n            class=\"is-text\"\n            :class=\"!checked ? 'is-show' : 'is-hide'\"\n            :aria-hidden=\"checked\"\n          >\n            {{ inactiveText.substr(0, 1) }}\n          </span>\n        </template>\n      </div>\n      <div class=\"el-switch__action\">\n        <ps-icon v-if=\"loading\" class=\"is-loading\"><loading /></ps-icon>\n      </div>\n    </span>\n    <span\n      v-if=\"!inlinePrompt && (activeIcon || activeText)\"\n      :class=\"[\n        'el-switch__label',\n        'el-switch__label--right',\n        checked ? 'is-active' : '',\n      ]\"\n    >\n      <ps-icon v-if=\"activeIcon\"><component :is=\"activeIcon\" /></ps-icon>\n      <span v-if=\"!activeIcon && activeText\" :aria-hidden=\"!checked\">{{\n          activeText\n        }}</span>\n    </span>\n  </div>\n</template>\n<script lang=\"ts\">\nimport { defineComponent, computed, onMounted, ref, inject } from 'vue'\nimport { elFormKey } from '@element-ps/tokens'\nimport PsIcon from '@element-ps/components/icon'\nimport { Loading } from '@element-plus/icons'\n\nimport type { PropType, Component } from 'vue'\nimport type { ElFormContext } from '@element-ps/tokens'\n\ntype ValueType = boolean | string | number\n\ninterface ISwitchProps {\n  modelValue: ValueType\n  value: ValueType\n  disabled: boolean\n  width: number\n  activeIcon: string | Component\n  inactiveIcon: string | Component\n  activeText: string\n  inactiveText: string\n  activeColor: string\n  inactiveColor: string\n  borderColor: string\n  activeValue: ValueType\n  inactiveValue: ValueType\n  name: string\n  validateEvent: boolean\n  id: string\n  loading: boolean\n  beforeChange?: () => Promise<boolean> | boolean\n}\n\nexport default defineComponent({\n  name: 'PsSwitch',\n  components: { PsIcon, Loading },\n  props: {\n    modelValue: {\n      type: [Boolean, String, Number],\n      default: false,\n    },\n    value: {\n      type: [Boolean, String, Number],\n      default: false,\n    },\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n    width: {\n      type: Number,\n      default: 40,\n    },\n    inlinePrompt: {\n      type: Boolean,\n      default: false,\n    },\n    activeIcon: {\n      type: [String, Object] as PropType<string | Component>,\n      default: '',\n    },\n    inactiveIcon: {\n      type: [String, Object] as PropType<string | Component>,\n      default: '',\n    },\n    activeText: {\n      type: String,\n      default: '',\n    },\n    inactiveText: {\n      type: String,\n      default: '',\n    },\n    activeColor: {\n      type: String,\n      default: '',\n    },\n    inactiveColor: {\n      type: String,\n      default: '',\n    },\n    borderColor: {\n      type: String,\n      default: '',\n    },\n    activeValue: {\n      type: [Boolean, String, Number],\n      default: true,\n    },\n    inactiveValue: {\n      type: [Boolean, String, Number],\n      default: false,\n    },\n    name: {\n      type: String,\n      default: '',\n    },\n    validateEvent: {\n      type: Boolean,\n      default: true,\n    },\n    id: String,\n    loading: {\n      type: Boolean,\n      default: false,\n    },\n    beforeChange: Function as PropType<() => Promise<boolean> | boolean>,\n  },\n  setup(props: ISwitchProps) {\n    const elForm = inject(elFormKey, {} as ElFormContext)\n\n    const isModelValue = ref(props.modelValue !== false)\n    const input = ref(null)\n    const core = ref(null)\n\n    const actualValue = computed((): ValueType => {\n      return isModelValue.value ? props.modelValue : props.value\n    })\n\n    const checked = computed((): boolean => {\n      return actualValue.value === props.activeValue\n    })\n\n    const switchDisabled = computed((): boolean => {\n      return props.disabled || props.loading || (elForm || {}).disabled\n    })\n\n    const setBackgroundColor = (): void => {\n      const newColor = checked.value ? props.activeColor : props.inactiveColor\n      const coreEl = core.value\n      if (props.borderColor) coreEl.style.borderColor = props.borderColor\n      else if (!props.borderColor) coreEl.style.borderColor = newColor\n      coreEl.style.backgroundColor = newColor\n      coreEl.children[0].style.color = newColor\n    }\n\n    onMounted(() => {\n      if (props.activeColor || props.inactiveColor || props.borderColor) {\n        setBackgroundColor()\n      }\n\n      input.value.checked = checked.value\n    })\n\n    return {\n      input,\n      core,\n      switchDisabled,\n      checked,\n    }\n  },\n})\n</script>\n"],"names":["_createElementBlock","_createElementVNode","_createBlock","_resolveDynamicComponent","_createVNode"],"mappings":";;;;;;;;;;;EAoC+B,OAAM;AAAA;;;qBAoC1B,OAAM;;;;;0BAvEfA;IACE,2BAAM,8BACmB,mCAA8B;IACvD,MAAK;AAAA,IACJ,gBAAc;IACd,iBAAe;;IAEhBC;MACG,IAAI;MACL,KAAI;AAAA,MACJ,OAAM;AAAA,MACN,MAAK;AAAA,MACJ,MAAM;MACN,cAAY;MACZ,eAAa;MACb,UAAU;;KAGJ,2CAAiC,uCAD1CD;;MAEG;;;;;;MAMc,sCAAfE;6BAA6B;4BAAAA,gBAAgCC,4BAAhB;;;;OAChC,qBAAgB,sCAA7BH;;QAA4C,eAAa;6BACrD;;IAGNC;MACE,KAAI;AAAA,MACJ,OAAM;AAAA,MACL,mCAAiB;;MAEP,sCAAXD,8BAAA;QACkB,mBAAc,sCAA9BA;UAEU,oCADRE;;YAEE,2BAAM,WACE;;iCAER;gCAAAA,4CAAgB;;;;UAGV,sCADRA;;YAEE,2BAAM,YACG;;iCAET;gCAAAA,4CAAgB;;;;kBAGC,mBAAc,sCAAnCF;UAEU,oCADRA;;YAEE,2BAAM,WACE;YACP,gBAAc;iCAEZ,gBAAW;UAGR,sCADRA;;YAEE,2BAAM,YACG;YACR,eAAa;iCAEX,kBAAa;;;MAItBC,8BAAA;QACiB,iCAAfC;;UAAwB,OAAM;AAAA;+BAAa;YAAAE,gBAAW;AAAA;AAAA;;;;KAIjD,yCAA+B,qCADxCJ;;MAEG;;;;;;MAMc,oCAAfE;6BAA2B;4BAAAA,gBAA8BC,4BAAd;;;;OAC9B,mBAAc,oCAA3BH;;QAAwC,gBAAc;6BAClD;;;;;;;"}

package/lib/packages/components/table/index.js

@@ -0,0 +1,19 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var withInstall = require('../../utils/with-install.js');
+require('./src/table.js');
+require('./src/tableColumn.js');
+var table_vue_vue_type_script_lang = require('./src/table.vue_vue&type=script&lang.js');
+var index = require('./src/table-column/index.js');
+
+const PsTable = withInstall.withInstall(table_vue_vue_type_script_lang["default"], {
+  TableColumn: index["default"]
+});
+const PsTableColumn = withInstall.withNoopInstall(index["default"]);
+
+exports.PsTable = PsTable;
+exports.PsTableColumn = PsTableColumn;
+exports["default"] = PsTable;
+//# sourceMappingURL=index.js.map

package/lib/packages/components/table/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../packages/components/table/index.ts"],"sourcesContent":["import { withInstall, withNoopInstall } from '@element-ps/utils/with-install'\nimport Table from './src/table.vue'\nimport TableColumn from './src/tableColumn'\n\nexport const PsTable = withInstall(Table, {\n  TableColumn,\n})\nexport default PsTable\nexport const PsTableColumn = withNoopInstall(TableColumn)\n"],"names":["withInstall","Table","TableColumn","withNoopInstall"],"mappings":";;;;;;;;;;MAIa,UAAUA,wBAAYC,2CAAO;AAAA,eACxCC;AAAA;MAGW,gBAAgBC,4BAAgBD;;;;;;"}

package/lib/packages/components/table/src/config.js

@@ -0,0 +1,169 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var index = require('../../checkbox/index.js');
+var util = require('../../../utils/util.js');
+var index$1 = require('../../icon/index.js');
+var icons = require('@element-plus/icons');
+
+const cellStarts = {
+  default: {
+    order: ""
+  },
+  selection: {
+    width: 48,
+    minWidth: 48,
+    realWidth: 48,
+    order: "",
+    className: "el-table-column--selection"
+  },
+  expand: {
+    width: 48,
+    minWidth: 48,
+    realWidth: 48,
+    order: ""
+  },
+  index: {
+    width: 48,
+    minWidth: 48,
+    realWidth: 48,
+    order: ""
+  }
+};
+const cellForced = {
+  selection: {
+    renderHeader({ store }) {
+      function isDisabled() {
+        return store.states.data.value && store.states.data.value.length === 0;
+      }
+      return vue.h(index.PsCheckbox, {
+        disabled: isDisabled(),
+        size: store.states.tableSize.value,
+        indeterminate: store.states.selection.value.length > 0 && !store.states.isAllSelected.value,
+        "onUpdate:modelValue": store.toggleAllSelection,
+        modelValue: store.states.isAllSelected.value
+      });
+    },
+    renderCell({
+      row,
+      column,
+      store,
+      $index
+    }) {
+      return vue.h(index.PsCheckbox, {
+        disabled: column.selectable ? !column.selectable.call(null, row, $index) : false,
+        size: store.states.tableSize.value
+      });
+    },
+    sortable: false,
+    resizable: false
+  },
+  index: {
+    renderHeader({ column }) {
+      return column.label || "#";
+    },
+    renderCell({
+      column,
+      $index
+    }) {
+      let i = $index + 1;
+      const index = column.index;
+      if (typeof index === "number") {
+        i = $index + index;
+      } else if (typeof index === "function") {
+        i = index($index);
+      }
+      return vue.h("div", {}, [i]);
+    },
+    sortable: false
+  },
+  expand: {
+    renderHeader({ column }) {
+      return column.label || "";
+    },
+    renderCell({ row, store }) {
+      const classes = ["el-table__expand-icon"];
+      if (store.states.expandRows.value.indexOf(row) > -1) {
+        classes.push("el-table__expand-icon--expanded");
+      }
+      return vue.h("div", {
+        class: classes
+      }, {
+        default: () => {
+          return [
+            vue.h(index$1.PsIcon, null, {
+              default: () => {
+                return [vue.h(icons.ArrowRight)];
+              }
+            })
+          ];
+        }
+      });
+    },
+    sortable: false,
+    resizable: false,
+    className: "el-table__expand-column"
+  }
+};
+function defaultRenderCell({
+  row,
+  column,
+  $index
+}) {
+  var _a;
+  const property = column.property;
+  const value = property && util.getPropByPath(row, property, false).v;
+  if (column && column.formatter) {
+    return column.formatter(row, column, value, $index);
+  }
+  return ((_a = value == null ? void 0 : value.toString) == null ? void 0 : _a.call(value)) || "";
+}
+function treeCellPrefix({
+  row,
+  treeNode,
+  store
+}) {
+  if (!treeNode)
+    return null;
+  const ele = [];
+  if (treeNode.indent) {
+    ele.push(vue.h("span", {
+      class: "el-table__indent",
+      style: { "padding-left": `${treeNode.indent}px` }
+    }));
+  }
+  if (typeof treeNode.expanded === "boolean" && !treeNode.noLazyChildren) {
+    const expandClasses = [
+      "el-table__expand-icon",
+      treeNode.expanded ? "el-table__expand-icon--expanded" : ""
+    ];
+    let icon = icons.ArrowRight;
+    if (treeNode.loading) {
+      icon = icons.Loading;
+    }
+    ele.push(vue.h("div", {
+      class: expandClasses
+    }, {
+      default: () => {
+        return [
+          vue.h(index$1.PsIcon, { class: { "is-loading": treeNode.loading } }, {
+            default: () => [vue.h(icon)]
+          })
+        ];
+      }
+    }));
+  } else {
+    ele.push(vue.h("span", {
+      class: "el-table__placeholder"
+    }));
+  }
+  return ele;
+}
+
+exports.cellForced = cellForced;
+exports.cellStarts = cellStarts;
+exports.defaultRenderCell = defaultRenderCell;
+exports.treeCellPrefix = treeCellPrefix;
+//# sourceMappingURL=config.js.map

package/lib/packages/components/table/src/config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"config.js","sources":["../../../../../../../packages/components/table/src/config.ts"],"sourcesContent":["import { h } from 'vue'\nimport PsCheckbox from '@element-ps/components/checkbox'\nimport { getPropByPath } from '@element-ps/utils/util'\nimport { PsIcon } from '@element-ps/components/icon'\nimport { ArrowRight, Loading } from '@element-plus/icons'\n\nimport type { VNode } from 'vue'\nimport type { TableColumnCtx } from './table-column/defaults'\nimport type { Store } from './store'\nimport type { TreeNode } from './table/defaults'\n\nexport const cellStarts = {\n  default: {\n    order: '',\n  },\n  selection: {\n    width: 48,\n    minWidth: 48,\n    realWidth: 48,\n    order: '',\n    className: 'el-table-column--selection',\n  },\n  expand: {\n    width: 48,\n    minWidth: 48,\n    realWidth: 48,\n    order: '',\n  },\n  index: {\n    width: 48,\n    minWidth: 48,\n    realWidth: 48,\n    order: '',\n  },\n}\n\n// 这些选项不应该被覆盖\nexport const cellForced = {\n  selection: {\n    renderHeader<T>({ store }: { store: Store<T> }) {\n      function isDisabled() {\n        return store.states.data.value && store.states.data.value.length === 0\n      }\n      return h(PsCheckbox, {\n        disabled: isDisabled(),\n        size: store.states.tableSize.value,\n        indeterminate:\n          store.states.selection.value.length > 0 &&\n          !store.states.isAllSelected.value,\n        'onUpdate:modelValue': store.toggleAllSelection,\n        modelValue: store.states.isAllSelected.value,\n      })\n    },\n    renderCell<T>({\n      row,\n      column,\n      store,\n      $index,\n    }: {\n      row: T\n      column: TableColumnCtx<T>\n      store: Store<T>\n      $index: string\n    }) {\n      return h(PsCheckbox, {\n        disabled: column.selectable\n          ? !column.selectable.call(null, row, $index as any)\n          : false,\n        size: store.states.tableSize.value,\n      })\n    },\n    sortable: false,\n    resizable: false,\n  },\n  index: {\n    renderHeader<T>({ column }: { column: TableColumnCtx<T> }) {\n      return column.label || '#'\n    },\n    renderCell<T>({\n      column,\n      $index,\n    }: {\n      column: TableColumnCtx<T>\n      $index: number\n    }) {\n      let i = $index + 1\n      const index = column.index\n\n      if (typeof index === 'number') {\n        i = $index + index\n      } else if (typeof index === 'function') {\n        i = index($index)\n      }\n      return h('div', {}, [i])\n    },\n    sortable: false,\n  },\n  expand: {\n    renderHeader<T>({ column }: { column: TableColumnCtx<T> }) {\n      return column.label || ''\n    },\n    renderCell<T>({ row, store }: { row: T; store: Store<T> }) {\n      const classes = ['el-table__expand-icon']\n      if (store.states.expandRows.value.indexOf(row) > -1) {\n        classes.push('el-table__expand-icon--expanded')\n      }\n      return h(\n        'div',\n        {\n          class: classes,\n        },\n        {\n          default: () => {\n            return [\n              h(PsIcon, null, {\n                default: () => {\n                  return [h(ArrowRight)]\n                },\n              }),\n            ]\n          },\n        }\n      )\n    },\n    sortable: false,\n    resizable: false,\n    className: 'el-table__expand-column',\n  },\n}\n\nexport function defaultRenderCell<T>({\n  row,\n  column,\n  $index,\n}: {\n  row: T\n  column: TableColumnCtx<T>\n  $index: number\n}) {\n  const property = column.property\n  const value = property && getPropByPath(row, property, false).v\n  if (column && column.formatter) {\n    return column.formatter(row, column, value, $index)\n  }\n  return value?.toString?.() || ''\n}\n\nexport function treeCellPrefix<T>({\n  row,\n  treeNode,\n  store,\n}: {\n  row: T\n  treeNode: TreeNode\n  store: Store<T>\n}) {\n  if (!treeNode) return null\n  const ele: VNode[] = []\n  if (treeNode.indent) {\n    ele.push(\n      h('span', {\n        class: 'el-table__indent',\n        style: { 'padding-left': `${treeNode.indent}px` },\n      })\n    )\n  }\n  if (typeof treeNode.expanded === 'boolean' && !treeNode.noLazyChildren) {\n    const expandClasses = [\n      'el-table__expand-icon',\n      treeNode.expanded ? 'el-table__expand-icon--expanded' : '',\n    ]\n    let icon = ArrowRight\n    if (treeNode.loading) {\n      icon = Loading\n    }\n\n    ele.push(\n      h(\n        'div',\n        {\n          class: expandClasses,\n        },\n        {\n          default: () => {\n            return [\n              h(\n                PsIcon,\n                { class: { 'is-loading': treeNode.loading } },\n                {\n                  default: () => [h(icon)],\n                }\n              ),\n            ]\n          },\n        }\n      )\n    )\n  } else {\n    ele.push(\n      h('span', {\n        class: 'el-table__placeholder',\n      })\n    )\n  }\n  return ele\n}\n"],"names":["h","PsCheckbox","PsIcon","ArrowRight","getPropByPath","Loading"],"mappings":"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"}

package/lib/packages/components/table/src/filter-panel.js

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var filterPanel_vue_vue_type_script_lang = require('./filter-panel.vue_vue&type=script&lang.js');
+var filterPanel_vue_vue_type_template_id_fde1c940_lang = require('./filter-panel.vue_vue&type=template&id=fde1c940&lang.js');
+
+filterPanel_vue_vue_type_script_lang["default"].render = filterPanel_vue_vue_type_template_id_fde1c940_lang.render;
+filterPanel_vue_vue_type_script_lang["default"].__file = "packages/components/table/src/filter-panel.vue";
+
+exports["default"] = filterPanel_vue_vue_type_script_lang["default"];
+//# sourceMappingURL=filter-panel.js.map

package/lib/packages/components/table/src/filter-panel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"filter-panel.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}

package/lib/packages/components/table/src/filter-panel.vue_vue&type=script&lang.js

@@ -0,0 +1,42 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var icons = require('@element-plus/icons');
+var index = require('../../icon/index.js');
+
+var script = vue.defineComponent({
+  name: "PsTableFilterPanel",
+  components: {
+    PsIcon: index.PsIcon,
+    ArrowDown: icons.ArrowDown,
+    ArrowUp: icons.ArrowUp
+  },
+  props: {
+    placement: {
+      type: String,
+      default: "bottom-start"
+    },
+    store: {
+      type: Object
+    },
+    column: {
+      type: Object
+    },
+    upDataColumn: {
+      type: Function
+    }
+  },
+  setup(props) {
+    const instance = vue.getCurrentInstance();
+    const parent = instance.parent;
+    if (!parent.filterPanels.value[props.column.id]) {
+      parent.filterPanels.value[props.column.id] = instance;
+    }
+    return {};
+  }
+});
+
+exports["default"] = script;
+//# sourceMappingURL=filter-panel.vue_vue&type=script&lang.js.map

package/lib/packages/components/table/src/filter-panel.vue_vue&type=script&lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"filter-panel.vue_vue&type=script&lang.js","sources":["../../../../../../../packages/components/table/src/filter-panel.vue"],"sourcesContent":["<template>\n  <span class=\"el-table__column-filter-trigger el-none-outline\">\n    <ps-icon>\n      <arrow-up v-if=\"column.filterOpened\" />\n      <arrow-down v-else />\n    </ps-icon>\n  </span>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, getCurrentInstance } from 'vue'\nimport { ArrowDown, ArrowUp } from '@element-plus/icons'\nimport { PsIcon } from '@element-ps/components/icon'\nimport type { Placement } from '@element-ps/components/popper'\n\nimport type { PropType } from 'vue'\nimport type { TableColumnCtx } from './table-column/defaults'\nimport type { TableHeader } from './table-header'\nimport type { Store } from './store'\n\nexport default defineComponent({\n  name: 'PsTableFilterPanel',\n  components: {\n    PsIcon,\n    ArrowDown,\n    ArrowUp,},\n  props: {\n    placement: {\n      type: String as PropType<Placement>,\n      default: 'bottom-start',\n    },\n    store: {\n      type: Object as PropType<Store<unknown>>,\n    },\n    column: {\n      type: Object as PropType<TableColumnCtx<unknown>>,\n    },\n    upDataColumn: {\n      type: Function,\n    },\n  },\n  setup(props) {\n    const instance = getCurrentInstance()\n    const parent = instance.parent as TableHeader\n    if (!parent.filterPanels.value[props.column.id]) {\n      parent.filterPanels.value[props.column.id] = instance\n    }\n\n    return {}\n  },\n})\n</script>\n"],"names":["defineComponent","PsIcon","ArrowDown","ArrowUp","getCurrentInstance"],"mappings":";;;;;;;;AAoBA,aAAeA,oBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,YACVC;AAAA,eACAC;AAAA,aACAC;AAAA;AAAA,EACF,OAAO;AAAA,IACL,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,OAAO;AAAA,MACL,MAAM;AAAA;AAAA,IAER,QAAQ;AAAA,MACN,MAAM;AAAA;AAAA,IAER,cAAc;AAAA,MACZ,MAAM;AAAA;AAAA;AAAA,EAGV,MAAM,OAAO;AACX,UAAM,WAAWC;AACjB,UAAM,SAAS,SAAS;AACxB,QAAI,CAAC,OAAO,aAAa,MAAM,MAAM,OAAO,KAAK;AAC/C,aAAO,aAAa,MAAM,MAAM,OAAO,MAAM;AAAA;AAG/C,WAAO;AAAA;AAAA;;;;"}

package/lib/packages/components/table/src/filter-panel.vue_vue&type=template&id=fde1c940&lang.js

@@ -0,0 +1,23 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+
+const _hoisted_1 = { class: "el-table__column-filter-trigger el-none-outline" };
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_arrow_up = vue.resolveComponent("arrow-up");
+  const _component_arrow_down = vue.resolveComponent("arrow-down");
+  const _component_ps_icon = vue.resolveComponent("ps-icon");
+  return vue.openBlock(), vue.createElementBlock("span", _hoisted_1, [
+    vue.createVNode(_component_ps_icon, null, {
+      default: vue.withCtx(() => [
+        _ctx.column.filterOpened ? (vue.openBlock(), vue.createBlock(_component_arrow_up, { key: 0 })) : (vue.openBlock(), vue.createBlock(_component_arrow_down, { key: 1 }))
+      ]),
+      _: 1
+    })
+  ]);
+}
+
+exports.render = render;
+//# sourceMappingURL=filter-panel.vue_vue&type=template&id=fde1c940&lang.js.map

package/lib/packages/components/table/src/filter-panel.vue_vue&type=template&id=fde1c940&lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"filter-panel.vue_vue&type=template&id=fde1c940&lang.js","sources":["../../../../../../../packages/components/table/src/filter-panel.vue?vue&type=template&id=fde1c940&lang.js"],"sourcesContent":["<template>\n  <span class=\"el-table__column-filter-trigger el-none-outline\">\n    <ps-icon>\n      <arrow-up v-if=\"column.filterOpened\" />\n      <arrow-down v-else />\n    </ps-icon>\n  </span>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, getCurrentInstance } from 'vue'\nimport { ArrowDown, ArrowUp } from '@element-plus/icons'\nimport { PsIcon } from '@element-ps/components/icon'\nimport type { Placement } from '@element-ps/components/popper'\n\nimport type { PropType } from 'vue'\nimport type { TableColumnCtx } from './table-column/defaults'\nimport type { TableHeader } from './table-header'\nimport type { Store } from './store'\n\nexport default defineComponent({\n  name: 'PsTableFilterPanel',\n  components: {\n    PsIcon,\n    ArrowDown,\n    ArrowUp,},\n  props: {\n    placement: {\n      type: String as PropType<Placement>,\n      default: 'bottom-start',\n    },\n    store: {\n      type: Object as PropType<Store<unknown>>,\n    },\n    column: {\n      type: Object as PropType<TableColumnCtx<unknown>>,\n    },\n    upDataColumn: {\n      type: Function,\n    },\n  },\n  setup(props) {\n    const instance = getCurrentInstance()\n    const parent = instance.parent as TableHeader\n    if (!parent.filterPanels.value[props.column.id]) {\n      parent.filterPanels.value[props.column.id] = instance\n    }\n\n    return {}\n  },\n})\n</script>\n"],"names":["_createElementBlock","_createVNode","_createBlock"],"mappings":";;;;;;qBACQ,OAAM;;;;;0BAAZA,+BAAA;IACEC;2BACE;QAAgB,YAAO,iCAAvBC,sEACAA;;;;;;;;;"}

package/lib/packages/components/table/src/h-helper.js

@@ -0,0 +1,24 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+
+function hGutter() {
+  return vue.h("col", {
+    name: "gutter"
+  });
+}
+function hColgroup(columns, hasGutter = false) {
+  return vue.h("colgroup", {}, [
+    ...columns.map((column) => vue.h("col", {
+      name: column.id,
+      key: column.id
+    })),
+    hasGutter && hGutter()
+  ]);
+}
+
+exports.hColgroup = hColgroup;
+exports.hGutter = hGutter;
+//# sourceMappingURL=h-helper.js.map

package/lib/packages/components/table/src/h-helper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"h-helper.js","sources":["../../../../../../../packages/components/table/src/h-helper.ts"],"sourcesContent":["import { h } from 'vue'\n\nimport type { TableColumnCtx } from './table-column/defaults'\n\nexport function hGutter() {\n  return h('col', {\n    name: 'gutter',\n  })\n}\n\nexport function hColgroup<T>(columns: TableColumnCtx<T>[], hasGutter = false) {\n  return h('colgroup', {}, [\n    ...columns.map((column) =>\n      h('col', {\n        name: column.id,\n        key: column.id,\n      })\n    ),\n    hasGutter && hGutter(),\n  ])\n}\n"],"names":["h"],"mappings":";;;;;;mBAI0B;AACxB,SAAOA,MAAE,OAAO;AAAA,IACd,MAAM;AAAA;AAAA;mBAImB,SAA8B,YAAY,OAAO;AAC5E,SAAOA,MAAE,YAAY,IAAI;AAAA,IACvB,GAAG,QAAQ,IAAI,CAAC,WACdA,MAAE,OAAO;AAAA,MACP,MAAM,OAAO;AAAA,MACb,KAAK,OAAO;AAAA;AAAA,IAGhB,aAAa;AAAA;AAAA;;;;;"}

package/lib/packages/components/table/src/layout-observer.js

@@ -0,0 +1,70 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+
+function useLayoutObserver(root) {
+  const instance = vue.getCurrentInstance();
+  vue.onBeforeMount(() => {
+    tableLayout.value.addObserver(instance);
+  });
+  vue.onMounted(() => {
+    onColumnsChange(tableLayout.value);
+    onScrollableChange(tableLayout.value);
+  });
+  vue.onUpdated(() => {
+    onColumnsChange(tableLayout.value);
+    onScrollableChange(tableLayout.value);
+  });
+  vue.onUnmounted(() => {
+    tableLayout.value.removeObserver(instance);
+  });
+  const tableLayout = vue.computed(() => {
+    const layout = root.layout;
+    if (!layout) {
+      throw new Error("Can not find table layout.");
+    }
+    return layout;
+  });
+  const onColumnsChange = (layout) => {
+    var _a;
+    const cols = ((_a = root.vnode.el) == null ? void 0 : _a.querySelectorAll("colgroup > col")) || [];
+    if (!cols.length)
+      return;
+    const flattenColumns = layout.getFlattenColumns();
+    const columnsMap = {};
+    flattenColumns.forEach((column) => {
+      columnsMap[column.id] = column;
+    });
+    for (let i = 0, j = cols.length; i < j; i++) {
+      const col = cols[i];
+      const name = col.getAttribute("name");
+      const column = columnsMap[name];
+      if (column) {
+        col.setAttribute("width", column.realWidth || column.width);
+      }
+    }
+  };
+  const onScrollableChange = (layout) => {
+    const cols = root.vnode.el.querySelectorAll("colgroup > col[name=gutter]");
+    for (let i = 0, j = cols.length; i < j; i++) {
+      const col = cols[i];
+      col.setAttribute("width", layout.scrollY.value ? layout.gutterWidth : "0");
+    }
+    const ths = root.vnode.el.querySelectorAll("th.gutter");
+    for (let i = 0, j = ths.length; i < j; i++) {
+      const th = ths[i];
+      th.style.width = layout.scrollY.value ? `${layout.gutterWidth}px` : "0";
+      th.style.display = layout.scrollY.value ? "" : "none";
+    }
+  };
+  return {
+    tableLayout: tableLayout.value,
+    onColumnsChange,
+    onScrollableChange
+  };
+}
+
+exports["default"] = useLayoutObserver;
+//# sourceMappingURL=layout-observer.js.map

package/lib/packages/components/table/src/layout-observer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout-observer.js","sources":["../../../../../../../packages/components/table/src/layout-observer.ts"],"sourcesContent":["import {\n  onBeforeMount,\n  onUnmounted,\n  onMounted,\n  onUpdated,\n  computed,\n  getCurrentInstance,\n} from 'vue'\n\nimport type { TableHeader } from './table-header'\nimport type TableLayout from './table-layout'\nimport type { Table } from './table/defaults'\n\nfunction useLayoutObserver<T>(root: Table<T>) {\n  const instance = getCurrentInstance() as TableHeader\n  onBeforeMount(() => {\n    tableLayout.value.addObserver(instance)\n  })\n  onMounted(() => {\n    onColumnsChange(tableLayout.value)\n    onScrollableChange(tableLayout.value)\n  })\n  onUpdated(() => {\n    onColumnsChange(tableLayout.value)\n    onScrollableChange(tableLayout.value)\n  })\n  onUnmounted(() => {\n    tableLayout.value.removeObserver(instance)\n  })\n  const tableLayout = computed(() => {\n    const layout = root.layout as TableLayout<T>\n    if (!layout) {\n      throw new Error('Can not find table layout.')\n    }\n    return layout\n  })\n  const onColumnsChange = (layout: TableLayout<T>) => {\n    const cols = root.vnode.el?.querySelectorAll('colgroup > col') || []\n    if (!cols.length) return\n    const flattenColumns = layout.getFlattenColumns()\n    const columnsMap = {}\n    flattenColumns.forEach((column) => {\n      columnsMap[column.id] = column\n    })\n    for (let i = 0, j = cols.length; i < j; i++) {\n      const col = cols[i]\n      const name = col.getAttribute('name')\n      const column = columnsMap[name]\n      if (column) {\n        col.setAttribute('width', column.realWidth || column.width)\n      }\n    }\n  }\n\n  const onScrollableChange = (layout: TableLayout<T>) => {\n    const cols = root.vnode.el.querySelectorAll('colgroup > col[name=gutter]')\n    for (let i = 0, j = cols.length; i < j; i++) {\n      const col = cols[i]\n      col.setAttribute('width', layout.scrollY.value ? layout.gutterWidth : '0')\n    }\n    const ths = root.vnode.el.querySelectorAll('th.gutter')\n    for (let i = 0, j = ths.length; i < j; i++) {\n      const th = ths[i]\n      th.style.width = layout.scrollY.value ? `${layout.gutterWidth}px` : '0'\n      th.style.display = layout.scrollY.value ? '' : 'none'\n    }\n  }\n\n  return {\n    tableLayout: tableLayout.value,\n    onColumnsChange,\n    onScrollableChange,\n  }\n}\n\nexport default useLayoutObserver\n"],"names":["getCurrentInstance","computed"],"mappings":";;;;;;AAaA,2BAA8B,MAAgB;AAC5C,QAAM,WAAWA;AACjB,oBAAc,MAAM;AAClB,gBAAY,MAAM,YAAY;AAAA;AAEhC,gBAAU,MAAM;AACd,oBAAgB,YAAY;AAC5B,uBAAmB,YAAY;AAAA;AAEjC,gBAAU,MAAM;AACd,oBAAgB,YAAY;AAC5B,uBAAmB,YAAY;AAAA;AAEjC,kBAAY,MAAM;AAChB,gBAAY,MAAM,eAAe;AAAA;AAEnC,QAAM,cAAcC,aAAS,MAAM;AACjC,UAAM,SAAS,KAAK;AACpB,QAAI,CAAC,QAAQ;AACX,YAAM,IAAI,MAAM;AAAA;AAElB,WAAO;AAAA;AAET,QAAM,kBAAkB,CAAC,WAA2B;AApCtD;AAqCI,UAAM,OAAO,YAAK,MAAM,OAAX,mBAAe,iBAAiB,sBAAqB;AAClE,QAAI,CAAC,KAAK;AAAQ;AAClB,UAAM,iBAAiB,OAAO;AAC9B,UAAM,aAAa;AACnB,mBAAe,QAAQ,CAAC,WAAW;AACjC,iBAAW,OAAO,MAAM;AAAA;AAE1B,aAAS,IAAI,GAAG,IAAI,KAAK,QAAQ,IAAI,GAAG,KAAK;AAC3C,YAAM,MAAM,KAAK;AACjB,YAAM,OAAO,IAAI,aAAa;AAC9B,YAAM,SAAS,WAAW;AAC1B,UAAI,QAAQ;AACV,YAAI,aAAa,SAAS,OAAO,aAAa,OAAO;AAAA;AAAA;AAAA;AAK3D,QAAM,qBAAqB,CAAC,WAA2B;AACrD,UAAM,OAAO,KAAK,MAAM,GAAG,iBAAiB;AAC5C,aAAS,IAAI,GAAG,IAAI,KAAK,QAAQ,IAAI,GAAG,KAAK;AAC3C,YAAM,MAAM,KAAK;AACjB,UAAI,aAAa,SAAS,OAAO,QAAQ,QAAQ,OAAO,cAAc;AAAA;AAExE,UAAM,MAAM,KAAK,MAAM,GAAG,iBAAiB;AAC3C,aAAS,IAAI,GAAG,IAAI,IAAI,QAAQ,IAAI,GAAG,KAAK;AAC1C,YAAM,KAAK,IAAI;AACf,SAAG,MAAM,QAAQ,OAAO,QAAQ,QAAQ,GAAG,OAAO,kBAAkB;AACpE,SAAG,MAAM,UAAU,OAAO,QAAQ,QAAQ,KAAK;AAAA;AAAA;AAInD,SAAO;AAAA,IACL,aAAa,YAAY;AAAA,IACzB;AAAA,IACA;AAAA;AAAA;;;;"}

package/lib/packages/components/table/src/store/current.js

@@ -0,0 +1,73 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var util = require('../util.js');
+
+function useCurrent(watcherData) {
+  const instance = vue.getCurrentInstance();
+  const _currentRowKey = vue.ref(null);
+  const currentRow = vue.ref(null);
+  const setCurrentRowKey = (key) => {
+    instance.store.assertRowKey();
+    _currentRowKey.value = key;
+    setCurrentRowByKey(key);
+  };
+  const restoreCurrentRowKey = () => {
+    _currentRowKey.value = null;
+  };
+  const setCurrentRowByKey = (key) => {
+    const { data, rowKey } = watcherData;
+    let _currentRow = null;
+    if (rowKey.value) {
+      _currentRow = (vue.unref(data) || []).find((item) => util.getRowIdentity(item, rowKey.value) === key);
+    }
+    currentRow.value = _currentRow;
+  };
+  const updateCurrentRow = (_currentRow) => {
+    const oldCurrentRow = currentRow.value;
+    if (_currentRow && _currentRow !== oldCurrentRow) {
+      currentRow.value = _currentRow;
+      instance.emit("current-change", currentRow.value, oldCurrentRow);
+      return;
+    }
+    if (!_currentRow && oldCurrentRow) {
+      currentRow.value = null;
+      instance.emit("current-change", null, oldCurrentRow);
+    }
+  };
+  const updateCurrentRowData = () => {
+    const rowKey = watcherData.rowKey.value;
+    const data = watcherData.data.value || [];
+    const oldCurrentRow = currentRow.value;
+    if (data.indexOf(oldCurrentRow) === -1 && oldCurrentRow) {
+      if (rowKey) {
+        const currentRowKey = util.getRowIdentity(oldCurrentRow, rowKey);
+        setCurrentRowByKey(currentRowKey);
+      } else {
+        currentRow.value = null;
+      }
+      if (currentRow.value === null) {
+        instance.emit("current-change", null, oldCurrentRow);
+      }
+    } else if (_currentRowKey.value) {
+      setCurrentRowByKey(_currentRowKey.value);
+      restoreCurrentRowKey();
+    }
+  };
+  return {
+    setCurrentRowKey,
+    restoreCurrentRowKey,
+    setCurrentRowByKey,
+    updateCurrentRow,
+    updateCurrentRowData,
+    states: {
+      _currentRowKey,
+      currentRow
+    }
+  };
+}
+
+exports["default"] = useCurrent;
+//# sourceMappingURL=current.js.map

package/lib/packages/components/table/src/store/current.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"current.js","sources":["../../../../../../../../packages/components/table/src/store/current.ts"],"sourcesContent":["import { ref, getCurrentInstance, unref } from 'vue'\nimport { getRowIdentity } from '../util'\n\nimport type { Ref } from 'vue'\nimport type { Table } from '../table/defaults'\nimport type { WatcherPropsData } from './index'\n\nfunction useCurrent<T>(watcherData: WatcherPropsData<T>) {\n  const instance = getCurrentInstance() as Table<T>\n  const _currentRowKey: Ref<string> = ref(null) as unknown as Ref<string>\n  const currentRow: Ref<T> = ref(null) as unknown as Ref<T>\n\n  const setCurrentRowKey = (key: string) => {\n    instance.store.assertRowKey()\n    _currentRowKey.value = key\n    setCurrentRowByKey(key)\n  }\n\n  const restoreCurrentRowKey = () => {\n    _currentRowKey.value = null as unknown as string\n  }\n\n  const setCurrentRowByKey = (key: string) => {\n    const { data, rowKey } = watcherData\n    let _currentRow = null as unknown as T\n    if (rowKey.value) {\n      _currentRow = (unref(data) || []).find(\n        (item) => getRowIdentity(item, rowKey.value) === key\n      ) as unknown as T\n    }\n    currentRow.value = _currentRow\n  }\n\n  const updateCurrentRow = (_currentRow: T) => {\n    const oldCurrentRow = currentRow.value\n    if (_currentRow && _currentRow !== oldCurrentRow) {\n      currentRow.value = _currentRow\n      instance.emit('current-change', currentRow.value, oldCurrentRow)\n      return\n    }\n    if (!_currentRow && oldCurrentRow) {\n      currentRow.value = null as unknown as T\n      instance.emit('current-change', null, oldCurrentRow)\n    }\n  }\n\n  const updateCurrentRowData = () => {\n    const rowKey = watcherData.rowKey.value\n    // data 为 null 时，解构时的默认值会被忽略\n    const data = watcherData.data.value || []\n    const oldCurrentRow = currentRow.value\n    // 当 currentRow 不在 data 中时尝试更新数据\n    if (data.indexOf(oldCurrentRow) === -1 && oldCurrentRow) {\n      if (rowKey) {\n        const currentRowKey = getRowIdentity(oldCurrentRow, rowKey)\n        setCurrentRowByKey(currentRowKey)\n      } else {\n        currentRow.value = null as unknown as T\n      }\n      if (currentRow.value === null) {\n        instance.emit('current-change', null, oldCurrentRow)\n      }\n    } else if (_currentRowKey.value) {\n      // 把初始时下设置的 rowKey 转化成 rowData\n      setCurrentRowByKey(_currentRowKey.value)\n      restoreCurrentRowKey()\n    }\n  }\n\n  return {\n    setCurrentRowKey,\n    restoreCurrentRowKey,\n    setCurrentRowByKey,\n    updateCurrentRow,\n    updateCurrentRowData,\n    states: {\n      _currentRowKey,\n      currentRow,\n    },\n  }\n}\n\nexport default useCurrent\n"],"names":["getCurrentInstance","ref","getRowIdentity"],"mappings":";;;;;;;AAOA,oBAAuB,aAAkC;AACvD,QAAM,WAAWA;AACjB,QAAM,iBAA8BC,QAAI;AACxC,QAAM,aAAqBA,QAAI;AAE/B,QAAM,mBAAmB,CAAC,QAAgB;AACxC,aAAS,MAAM;AACf,mBAAe,QAAQ;AACvB,uBAAmB;AAAA;AAGrB,QAAM,uBAAuB,MAAM;AACjC,mBAAe,QAAQ;AAAA;AAGzB,QAAM,qBAAqB,CAAC,QAAgB;AAC1C,UAAM,EAAE,MAAM,WAAW;AACzB,QAAI,cAAc;AAClB,QAAI,OAAO,OAAO;AAChB,oBAAe,WAAM,SAAS,IAAI,KAChC,CAAC,SAASC,oBAAe,MAAM,OAAO,WAAW;AAAA;AAGrD,eAAW,QAAQ;AAAA;AAGrB,QAAM,mBAAmB,CAAC,gBAAmB;AAC3C,UAAM,gBAAgB,WAAW;AACjC,QAAI,eAAe,gBAAgB,eAAe;AAChD,iBAAW,QAAQ;AACnB,eAAS,KAAK,kBAAkB,WAAW,OAAO;AAClD;AAAA;AAEF,QAAI,CAAC,eAAe,eAAe;AACjC,iBAAW,QAAQ;AACnB,eAAS,KAAK,kBAAkB,MAAM;AAAA;AAAA;AAI1C,QAAM,uBAAuB,MAAM;AACjC,UAAM,SAAS,YAAY,OAAO;AAElC,UAAM,OAAO,YAAY,KAAK,SAAS;AACvC,UAAM,gBAAgB,WAAW;AAEjC,QAAI,KAAK,QAAQ,mBAAmB,MAAM,eAAe;AACvD,UAAI,QAAQ;AACV,cAAM,gBAAgBA,oBAAe,eAAe;AACpD,2BAAmB;AAAA,aACd;AACL,mBAAW,QAAQ;AAAA;AAErB,UAAI,WAAW,UAAU,MAAM;AAC7B,iBAAS,KAAK,kBAAkB,MAAM;AAAA;AAAA,eAE/B,eAAe,OAAO;AAE/B,yBAAmB,eAAe;AAClC;AAAA;AAAA;AAIJ,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,QAAQ;AAAA,MACN;AAAA,MACA;AAAA;AAAA;AAAA;;;;"}

package/lib/packages/components/table/src/store/expand.js

@@ -0,0 +1,72 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var util = require('../util.js');
+
+function useExpand(watcherData) {
+  const instance = vue.getCurrentInstance();
+  const defaultExpandAll = vue.ref(false);
+  const expandRows = vue.ref([]);
+  const updateExpandRows = () => {
+    const data = watcherData.data.value || [];
+    const rowKey = watcherData.rowKey.value;
+    if (defaultExpandAll.value) {
+      expandRows.value = data.slice();
+    } else if (rowKey) {
+      const expandRowsMap = util.getKeysMap(expandRows.value, rowKey);
+      expandRows.value = data.reduce((prev, row) => {
+        const rowId = util.getRowIdentity(row, rowKey);
+        const rowInfo = expandRowsMap[rowId];
+        if (rowInfo) {
+          prev.push(row);
+        }
+        return prev;
+      }, []);
+    } else {
+      expandRows.value = [];
+    }
+  };
+  const toggleRowExpansion = (row, expanded) => {
+    const changed = util.toggleRowStatus(expandRows.value, row, expanded);
+    if (changed) {
+      instance.emit("expand-change", row, expandRows.value.slice());
+      instance.store.scheduleLayout();
+    }
+  };
+  const setExpandRowKeys = (rowKeys) => {
+    instance.store.assertRowKey();
+    const data = watcherData.data.value || [];
+    const rowKey = watcherData.rowKey.value;
+    const keysMap = util.getKeysMap(data, rowKey);
+    expandRows.value = rowKeys.reduce((prev, cur) => {
+      const info = keysMap[cur];
+      if (info) {
+        prev.push(info.row);
+      }
+      return prev;
+    }, []);
+  };
+  const isRowExpanded = (row) => {
+    const rowKey = watcherData.rowKey.value;
+    if (rowKey) {
+      const expandMap = util.getKeysMap(expandRows.value, rowKey);
+      return !!expandMap[util.getRowIdentity(row, rowKey)];
+    }
+    return expandRows.value.indexOf(row) !== -1;
+  };
+  return {
+    updateExpandRows,
+    toggleRowExpansion,
+    setExpandRowKeys,
+    isRowExpanded,
+    states: {
+      expandRows,
+      defaultExpandAll
+    }
+  };
+}
+
+exports["default"] = useExpand;
+//# sourceMappingURL=expand.js.map

package/lib/packages/components/table/src/store/expand.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"expand.js","sources":["../../../../../../../../packages/components/table/src/store/expand.ts"],"sourcesContent":["import { ref, getCurrentInstance } from 'vue'\nimport { toggleRowStatus, getKeysMap, getRowIdentity } from '../util'\n\nimport type { Ref } from 'vue'\nimport type { WatcherPropsData } from './index'\nimport type { Table } from '../table/defaults'\n\nfunction useExpand<T>(watcherData: WatcherPropsData<T>) {\n  const instance = getCurrentInstance() as Table<T>\n  const defaultExpandAll = ref(false)\n  const expandRows: Ref<T[]> = ref([])\n  const updateExpandRows = () => {\n    const data = watcherData.data.value || []\n    const rowKey = watcherData.rowKey.value\n    if (defaultExpandAll.value) {\n      expandRows.value = data.slice()\n    } else if (rowKey) {\n      // TODO：这里的代码可以优化\n      const expandRowsMap = getKeysMap(expandRows.value, rowKey)\n      expandRows.value = data.reduce((prev: T[], row: T) => {\n        const rowId = getRowIdentity(row, rowKey)\n        const rowInfo = expandRowsMap[rowId]\n        if (rowInfo) {\n          prev.push(row)\n        }\n        return prev\n      }, [])\n    } else {\n      expandRows.value = []\n    }\n  }\n\n  const toggleRowExpansion = (row: T, expanded?: boolean) => {\n    const changed = toggleRowStatus(expandRows.value, row, expanded as boolean)\n    if (changed) {\n      instance.emit('expand-change', row, expandRows.value.slice())\n      instance.store.scheduleLayout()\n    }\n  }\n\n  const setExpandRowKeys = (rowKeys: string[]) => {\n    instance.store.assertRowKey()\n    // TODO：这里的代码可以优化\n    const data = watcherData.data.value || []\n    const rowKey = watcherData.rowKey.value\n    const keysMap = getKeysMap(data, rowKey)\n    expandRows.value = rowKeys.reduce((prev: T[], cur: string) => {\n      const info = keysMap[cur]\n      if (info) {\n        prev.push(info.row)\n      }\n      return prev\n    }, [])\n  }\n\n  const isRowExpanded = (row: T): boolean => {\n    const rowKey = watcherData.rowKey.value\n    if (rowKey) {\n      const expandMap = getKeysMap(expandRows.value, rowKey)\n      return !!expandMap[getRowIdentity(row, rowKey)]\n    }\n    return expandRows.value.indexOf(row) !== -1\n  }\n  return {\n    updateExpandRows,\n    toggleRowExpansion,\n    setExpandRowKeys,\n    isRowExpanded,\n    states: {\n      expandRows,\n      defaultExpandAll,\n    },\n  }\n}\n\nexport default useExpand\n"],"names":["getCurrentInstance","ref","getKeysMap","getRowIdentity","toggleRowStatus"],"mappings":";;;;;;;AAOA,mBAAsB,aAAkC;AACtD,QAAM,WAAWA;AACjB,QAAM,mBAAmBC,QAAI;AAC7B,QAAM,aAAuBA,QAAI;AACjC,QAAM,mBAAmB,MAAM;AAC7B,UAAM,OAAO,YAAY,KAAK,SAAS;AACvC,UAAM,SAAS,YAAY,OAAO;AAClC,QAAI,iBAAiB,OAAO;AAC1B,iBAAW,QAAQ,KAAK;AAAA,eACf,QAAQ;AAEjB,YAAM,gBAAgBC,gBAAW,WAAW,OAAO;AACnD,iBAAW,QAAQ,KAAK,OAAO,CAAC,MAAW,QAAW;AACpD,cAAM,QAAQC,oBAAe,KAAK;AAClC,cAAM,UAAU,cAAc;AAC9B,YAAI,SAAS;AACX,eAAK,KAAK;AAAA;AAEZ,eAAO;AAAA,SACN;AAAA,WACE;AACL,iBAAW,QAAQ;AAAA;AAAA;AAIvB,QAAM,qBAAqB,CAAC,KAAQ,aAAuB;AACzD,UAAM,UAAUC,qBAAgB,WAAW,OAAO,KAAK;AACvD,QAAI,SAAS;AACX,eAAS,KAAK,iBAAiB,KAAK,WAAW,MAAM;AACrD,eAAS,MAAM;AAAA;AAAA;AAInB,QAAM,mBAAmB,CAAC,YAAsB;AAC9C,aAAS,MAAM;AAEf,UAAM,OAAO,YAAY,KAAK,SAAS;AACvC,UAAM,SAAS,YAAY,OAAO;AAClC,UAAM,UAAUF,gBAAW,MAAM;AACjC,eAAW,QAAQ,QAAQ,OAAO,CAAC,MAAW,QAAgB;AAC5D,YAAM,OAAO,QAAQ;AACrB,UAAI,MAAM;AACR,aAAK,KAAK,KAAK;AAAA;AAEjB,aAAO;AAAA,OACN;AAAA;AAGL,QAAM,gBAAgB,CAAC,QAAoB;AACzC,UAAM,SAAS,YAAY,OAAO;AAClC,QAAI,QAAQ;AACV,YAAM,YAAYA,gBAAW,WAAW,OAAO;AAC/C,aAAO,CAAC,CAAC,UAAUC,oBAAe,KAAK;AAAA;AAEzC,WAAO,WAAW,MAAM,QAAQ,SAAS;AAAA;AAE3C,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,QAAQ;AAAA,MACN;AAAA,MACA;AAAA;AAAA;AAAA;;;;"}