pro-design-vue 0.0.1-beta.1

package/es/components/table/src/components/Body/BodyCellTooltip.vue.d.ts

@@ -0,0 +1,45 @@
+import type { PropType } from 'vue';
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    prefixCls: PropType<string>;
+    tooltipProps: {
+        type: PropType<any>;
+        default: () => {};
+    };
+    getPopupContainer: PropType<() => HTMLElement>;
+    open: BooleanConstructor;
+    onCellLeave: FunctionConstructor;
+    align: PropType<any>;
+    shouldOpen: {
+        type: PropType<boolean | ((isEllipsis: boolean) => boolean)>;
+    };
+    allowEnter: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}> | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>[] | undefined, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    prefixCls: PropType<string>;
+    tooltipProps: {
+        type: PropType<any>;
+        default: () => {};
+    };
+    getPopupContainer: PropType<() => HTMLElement>;
+    open: BooleanConstructor;
+    onCellLeave: FunctionConstructor;
+    align: PropType<any>;
+    shouldOpen: {
+        type: PropType<boolean | ((isEllipsis: boolean) => boolean)>;
+    };
+    allowEnter: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    open: boolean;
+    tooltipProps: any;
+    allowEnter: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/es/components/table/src/components/Body/BodyCellTooltip.vue.mjs

@@ -0,0 +1,6 @@
+import _sfc_main from './BodyCellTooltip.vue2.mjs';
+
+
+
+export { _sfc_main as default };
+//# sourceMappingURL=BodyCellTooltip.vue.mjs.map

package/es/components/table/src/components/Body/BodyCellTooltip.vue.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BodyCellTooltip.vue.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/es/components/table/src/components/Body/BodyCellTooltip.vue2.mjs

@@ -0,0 +1,115 @@
+import { Tooltip } from 'ant-design-vue';
+import { defineComponent, computed, getCurrentInstance, ref, watch, nextTick, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
+
+var _sfc_main = defineComponent({
+  inheritAttrs: false,
+  props: {
+    prefixCls: String,
+    tooltipProps: {
+      type: Object,
+      default: () => ({})
+    },
+    getPopupContainer: Function,
+    open: Boolean,
+    onCellLeave: Function,
+    align: Object,
+    shouldOpen: {
+      type: [Function, Boolean]
+    },
+    allowEnter: { type: Boolean, default: true }
+  },
+  setup(props, { slots, emit }) {
+    const megeAlign = computed(() => ({ offset: [0, 13] }));
+    const instance = getCurrentInstance();
+    const shouldOpen = ref(false);
+    const hasEllipsis = (firstChild) => {
+      const range = document.createRange();
+      range.setStart(firstChild, 0);
+      range.setEnd(firstChild, firstChild.childNodes.length);
+      let rangeWidth = range.getBoundingClientRect().width;
+      let rangeHeight = range.getBoundingClientRect().height;
+      rangeWidth - Math.floor(rangeWidth) < 1e-3 && (rangeWidth = Math.floor(rangeWidth));
+      rangeHeight - Math.floor(rangeHeight) < 1e-3 && (rangeHeight = Math.floor(rangeHeight));
+      const {
+        pLeft,
+        pRight,
+        pTop,
+        pBottom
+      } = ((child) => {
+        const styles = window.getComputedStyle(child, null);
+        return {
+          pLeft: Number.parseInt(styles.paddingLeft, 10) || 0,
+          pRight: Number.parseInt(styles.paddingRight, 10) || 0,
+          pTop: Number.parseInt(styles.paddingTop, 10) || 0,
+          pBottom: Number.parseInt(styles.paddingBottom, 10) || 0
+        };
+      })(firstChild);
+      return rangeWidth + (pLeft + pRight) > firstChild.offsetWidth || rangeHeight + (pTop + pBottom) > firstChild.offsetHeight || firstChild.scrollWidth > firstChild.offsetWidth;
+    };
+    watch(
+      () => props.open,
+      (newValue) => {
+        if (newValue) {
+          if ("function" == typeof props.shouldOpen) {
+            nextTick(() => {
+              var _a;
+              const el = ((ins) => {
+                var _a2;
+                let el2 = ((_a2 = ins == null ? void 0 : ins.vnode) == null ? void 0 : _a2.el) || (ins == null ? void 0 : ins.$el) || ins;
+                for (; el2 && !el2.tagName; ) el2 = el2.nextSibling;
+                return el2;
+              })(instance);
+              if (el) {
+                const firstChild = el.childNodes[0];
+                const isEllipsis = firstChild && hasEllipsis(firstChild);
+                shouldOpen.value = (_a = props.shouldOpen) == null ? void 0 : _a.call(props, isEllipsis);
+              }
+            });
+          } else {
+            shouldOpen.value = props.shouldOpen;
+          }
+        } else {
+          shouldOpen.value = false;
+        }
+      },
+      { immediate: true, flush: "post" }
+    );
+    const onOpenChange = () => {
+      emit("cellLeave");
+    };
+    return () => {
+      var _a;
+      if (shouldOpen.value) {
+        return openBlock(), createBlock(
+          unref(Tooltip),
+          mergeProps(
+            {
+              key: 0,
+              "get-popup-container": props.getPopupContainer,
+              align: megeAlign.value
+            },
+            props.tooltipProps,
+            {
+              open: props.open,
+              "overlay-style": !props.allowEnter && {
+                pointerEvents: "none"
+              },
+              onOpenChange
+            }
+          ),
+          {
+            title: withCtx(() => [renderSlot(slots, "title")]),
+            default: withCtx(() => [renderSlot(slots, "default")]),
+            _: 3
+          },
+          16,
+          ["get-popup-container", "align", "open", "overlay-style"]
+        );
+      }
+      return (_a = slots.default) == null ? void 0 : _a.call(slots);
+    };
+  }
+});
+
+export { _sfc_main as default };
+//# sourceMappingURL=BodyCellTooltip.vue2.mjs.map

package/es/components/table/src/components/Body/BodyCellTooltip.vue2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BodyCellTooltip.vue2.mjs","sources":["../../../../../../../../packages/components/table/src/components/Body/BodyCellTooltip.vue"],"sourcesContent":["<!--\n * @Author: shen\n * @Date: 2023-11-08 21:59:48\n * @LastEditors: shen\n * @LastEditTime: 2023-12-29 14:56:42\n * @Description: \n-->\n<script lang=\"ts\">\nimport { Tooltip } from 'ant-design-vue'\nimport {\n  defineComponent,\n  ref,\n  computed,\n  watch,\n  getCurrentInstance,\n  nextTick,\n  openBlock,\n  createBlock,\n  unref,\n  mergeProps,\n  renderSlot,\n  withCtx,\n} from 'vue'\nimport type { PropType } from 'vue'\n\nexport default defineComponent({\n  inheritAttrs: false,\n  props: {\n    prefixCls: String as PropType<string>,\n    tooltipProps: {\n      type: Object as PropType<any>,\n      default: () => ({}),\n    },\n    getPopupContainer: Function as PropType<() => HTMLElement>,\n    open: Boolean,\n    onCellLeave: Function,\n    align: Object as PropType<any>,\n    shouldOpen: {\n      type: [Function, Boolean] as PropType<boolean | ((isEllipsis: boolean) => boolean)>,\n    },\n    allowEnter: { type: Boolean, default: true },\n  },\n  setup(props, { slots, emit }) {\n    const megeAlign = computed(() => ({ offset: [0, 13] }))\n    const instance = getCurrentInstance()\n    const shouldOpen = ref(false)\n\n    const hasEllipsis = (firstChild: HTMLElement) => {\n      const range = document.createRange()\n      range.setStart(firstChild, 0)\n      range.setEnd(firstChild, firstChild.childNodes.length)\n      let rangeWidth = range.getBoundingClientRect().width\n      let rangeHeight = range.getBoundingClientRect().height\n      rangeWidth - Math.floor(rangeWidth) < 1e-3 && (rangeWidth = Math.floor(rangeWidth))\n      rangeHeight - Math.floor(rangeHeight) < 1e-3 && (rangeHeight = Math.floor(rangeHeight))\n      const {\n        pLeft: pLeft,\n        pRight: pRight,\n        pTop: pTop,\n        pBottom: pBottom,\n      } = ((child) => {\n        const styles = window.getComputedStyle(child, null)\n        return {\n          pLeft: Number.parseInt(styles.paddingLeft, 10) || 0,\n          pRight: Number.parseInt(styles.paddingRight, 10) || 0,\n          pTop: Number.parseInt(styles.paddingTop, 10) || 0,\n          pBottom: Number.parseInt(styles.paddingBottom, 10) || 0,\n        }\n      })(firstChild)\n      return (\n        rangeWidth + (pLeft + pRight) > firstChild.offsetWidth ||\n        rangeHeight + (pTop + pBottom) > firstChild.offsetHeight ||\n        firstChild.scrollWidth > firstChild.offsetWidth\n      )\n    }\n\n    watch(\n      () => props.open,\n      (newValue) => {\n        if (newValue) {\n          if ('function' == typeof props.shouldOpen) {\n            nextTick(() => {\n              const el: HTMLElement = ((ins) => {\n                let el = ins?.vnode?.el || (ins as any)?.$el || ins\n                for (; el && !el.tagName; ) el = el.nextSibling\n                return el\n              })(instance)\n              if (el) {\n                const firstChild = el.childNodes[0]\n                const isEllipsis = firstChild && hasEllipsis(firstChild as HTMLElement)\n                shouldOpen.value = (props.shouldOpen as any)?.(isEllipsis)\n              }\n            })\n          } else {\n            shouldOpen.value = props.shouldOpen!\n          }\n        } else {\n          shouldOpen.value = false\n        }\n      },\n      { immediate: true, flush: 'post' },\n    )\n\n    const onOpenChange = () => {\n      emit('cellLeave')\n    }\n\n    return () => {\n      if (shouldOpen.value) {\n        return (\n          openBlock(),\n          createBlock(\n            unref(Tooltip),\n            mergeProps(\n              {\n                key: 0,\n                'get-popup-container': props.getPopupContainer,\n                align: megeAlign.value,\n              },\n              props.tooltipProps,\n              {\n                open: props.open,\n                'overlay-style': !props.allowEnter && {\n                  pointerEvents: 'none',\n                },\n                onOpenChange,\n              },\n            ),\n            {\n              title: withCtx(() => [renderSlot(slots, 'title')]),\n              default: withCtx(() => [renderSlot(slots, 'default')]),\n              _: 3,\n            },\n            16,\n            ['get-popup-container', 'align', 'open', 'overlay-style'],\n          )\n        )\n      }\n      return slots.default?.()\n    }\n  },\n})\n</script>\n"],"names":["el","_a"],"mappings":"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"}

package/es/components/table/src/components/Body/BodyExtraCell.vue.d.ts

@@ -0,0 +1,152 @@
+import type { PropType } from 'vue';
+import type { FinallyColumnType, RowType, Key, DefaultRecordType, RowSelectionType, CellType } from '../interface';
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    prefixCls: PropType<string>;
+    rowIndex: {
+        type: NumberConstructor;
+        required: true;
+    };
+    type: {
+        type: PropType<RowType>;
+    };
+    column: {
+        type: PropType<FinallyColumnType<DefaultRecordType>>;
+        default: () => {};
+    };
+    record: {
+        type: PropType<DefaultRecordType>;
+    };
+    rowKey: {
+        type: (StringConstructor | NumberConstructor)[];
+    };
+    expanded: PropType<boolean>;
+    supportExpand: BooleanConstructor;
+}>, {
+    handleRadioChange: (e: Event) => void;
+    handleCheckboxChange: (event: Event) => void;
+    onInternalTriggerExpand: (record: DefaultRecordType, e: MouseEvent) => void;
+    rowSelectionType: import("vue").ComputedRef<RowSelectionType>;
+    keySet: import("vue").ComputedRef<Set<Key>>;
+    checked: import("vue").Ref<boolean, boolean>;
+    mergedIndeterminate: import("vue").Ref<boolean, boolean>;
+    checkboxProps: import("vue").ComputedRef<Partial<import("vue").ExtractPropTypes<{
+        prefixCls: PropType<string>;
+        disabled: PropType<boolean>;
+        tabindex: (StringConstructor | NumberConstructor)[];
+        name: PropType<string>;
+        id: PropType<string>;
+        style: {
+            type: PropType<import("vue").CSSProperties>;
+            default: () => {};
+        };
+        class: PropType<string>;
+        checked: PropType<boolean>;
+        indeterminate: PropType<boolean>;
+        ariaLabel: PropType<string>;
+    }>>>;
+    mergedCellProps: import("vue").ComputedRef<CellType>;
+    onBodyCellContextmenu: (event: MouseEvent, args: Partial<import("pro-design-vue").CellRenderArgs>, type: RowType) => void;
+    contextmenuProps: import("vue").ComputedRef<{
+        record: DefaultRecordType | undefined;
+        column: import("pro-design-vue").ProTableColumnType<DefaultRecordType> | import("pro-design-vue").ProTableColumnGroupType<DefaultRecordType> | undefined;
+        index: number;
+        recordIndexs: number[];
+        key: string | number | undefined;
+    }>;
+    level: number | undefined;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    prefixCls: PropType<string>;
+    rowIndex: {
+        type: NumberConstructor;
+        required: true;
+    };
+    type: {
+        type: PropType<RowType>;
+    };
+    column: {
+        type: PropType<FinallyColumnType<DefaultRecordType>>;
+        default: () => {};
+    };
+    record: {
+        type: PropType<DefaultRecordType>;
+    };
+    rowKey: {
+        type: (StringConstructor | NumberConstructor)[];
+    };
+    expanded: PropType<boolean>;
+    supportExpand: BooleanConstructor;
+}>> & Readonly<{}>, {
+    column: FinallyColumnType<DefaultRecordType>;
+    supportExpand: boolean;
+}, {}, {
+    Checkbox: import("vue").FunctionalComponent<Partial<import("vue").ExtractPropTypes<{
+        prefixCls: PropType<string>;
+        disabled: PropType<boolean>;
+        tabindex: (StringConstructor | NumberConstructor)[];
+        name: PropType<string>;
+        id: PropType<string>;
+        style: {
+            type: PropType<import("vue").CSSProperties>;
+            default: () => {};
+        };
+        class: PropType<string>;
+        checked: PropType<boolean>;
+        indeterminate: PropType<boolean>;
+        ariaLabel: PropType<string>;
+    }>>, {}, any, {}>;
+    Radio: import("vue").FunctionalComponent<Partial<import("vue").ExtractPropTypes<{
+        prefixCls: PropType<string>;
+        disabled: PropType<boolean>;
+        tabindex: (StringConstructor | NumberConstructor)[];
+        name: PropType<string>;
+        id: PropType<string>;
+        style: {
+            type: PropType<import("vue").CSSProperties>;
+            default: () => {};
+        };
+        class: PropType<string>;
+        checked: PropType<boolean>;
+        indeterminate: PropType<boolean>;
+        ariaLabel: PropType<string>;
+    }>>, {}, any, {}>;
+    ExpandIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+        prefixCls: StringConstructor;
+        record: ObjectConstructor;
+        expanded: BooleanConstructor;
+        expandable: BooleanConstructor;
+        disabled: BooleanConstructor;
+        onExpand: FunctionConstructor;
+    }>, {
+        handleClick: () => void;
+        className: import("vue").ComputedRef<{
+            [x: string]: boolean;
+        }>;
+        label: import("vue").ComputedRef<string | undefined>;
+        expandIcon: import("vue").ComputedRef<import("../interface").RenderExpandIcon<DefaultRecordType> | undefined>;
+        props: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+            prefixCls: StringConstructor;
+            record: ObjectConstructor;
+            expanded: BooleanConstructor;
+            expandable: BooleanConstructor;
+            disabled: BooleanConstructor;
+            onExpand: FunctionConstructor;
+        }>> & Readonly<{
+            onExpand?: ((...args: any[]) => any) | undefined;
+        }> & {}>;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "expand"[], "expand", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        prefixCls: StringConstructor;
+        record: ObjectConstructor;
+        expanded: BooleanConstructor;
+        expandable: BooleanConstructor;
+        disabled: BooleanConstructor;
+        onExpand: FunctionConstructor;
+    }>> & Readonly<{
+        onExpand?: ((...args: any[]) => any) | undefined;
+    }>, {
+        disabled: boolean;
+        expanded: boolean;
+        expandable: boolean;
+    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    MenuOutlined: import("@ant-design/icons-vue/lib/icons/MenuOutlined").MenuOutlinedIconType;
+}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/es/components/table/src/components/Body/BodyExtraCell.vue.mjs

@@ -0,0 +1,73 @@
+import _sfc_main from './BodyExtraCell.vue2.mjs';
+import { resolveComponent, createElementBlock, openBlock, mergeProps, withModifiers, createBlock, createCommentVNode, Fragment, renderSlot, createVNode } from 'vue';
+import _export_sfc from '../../../../../_virtual/_plugin-vue_export-helper.mjs';
+
+const _hoisted_1 = ["data-level"];
+const _hoisted_2 = {
+  key: 2,
+  draggable: true
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_Radio = resolveComponent("Radio");
+  const _component_Checkbox = resolveComponent("Checkbox");
+  const _component_ExpandIcon = resolveComponent("ExpandIcon");
+  const _component_MenuOutlined = resolveComponent("MenuOutlined");
+  return openBlock(), createElementBlock("div", mergeProps(_ctx.mergedCellProps, {
+    key: `${_ctx.rowKey} ${_ctx.column.columnKey}`,
+    tabindex: "-1",
+    role: "cell",
+    "data-level": _ctx.level,
+    class: {
+      [`${_ctx.prefixCls}-cell`]: true,
+      [`${_ctx.prefixCls}-body-cell`]: true,
+      [`${_ctx.prefixCls}-extra-cell`]: true,
+      [`${_ctx.prefixCls}-row-expand-icon-cell`]: true
+    },
+    onContextmenu: _cache[2] || (_cache[2] = ($event) => _ctx.onBodyCellContextmenu($event, _ctx.contextmenuProps, _ctx.type)),
+    onClick: _cache[3] || (_cache[3] = withModifiers(() => {
+    }, ["stop"]))
+  }), [
+    _ctx.column.type === "checkbox" ? (openBlock(), createElementBlock(
+      Fragment,
+      { key: 0 },
+      [
+        _ctx.rowSelectionType === "radio" ? (openBlock(), createBlock(_component_Radio, mergeProps({
+          key: 0,
+          "prefix-cls": _ctx.prefixCls
+        }, _ctx.checkboxProps, {
+          checked: _ctx.checked,
+          onClick: _cache[0] || (_cache[0] = withModifiers(() => {
+          }, ["stop"])),
+          onChange: _ctx.handleRadioChange
+        }), null, 16, ["prefix-cls", "checked", "onChange"])) : (openBlock(), createBlock(_component_Checkbox, mergeProps({
+          key: 1,
+          "prefix-cls": _ctx.prefixCls
+        }, _ctx.checkboxProps, {
+          indeterminate: _ctx.mergedIndeterminate,
+          checked: _ctx.checked,
+          onClick: _cache[1] || (_cache[1] = withModifiers(() => {
+          }, ["stop"])),
+          onChange: _ctx.handleCheckboxChange
+        }), null, 16, ["prefix-cls", "indeterminate", "checked", "onChange"]))
+      ],
+      64
+      /* STABLE_FRAGMENT */
+    )) : _ctx.column.type === "expand" ? (openBlock(), createBlock(_component_ExpandIcon, {
+      key: 1,
+      "prefix-cls": _ctx.prefixCls,
+      expandable: "",
+      expanded: _ctx.expanded,
+      record: _ctx.record,
+      disabled: !_ctx.supportExpand,
+      onExpand: _ctx.onInternalTriggerExpand
+    }, null, 8, ["prefix-cls", "expanded", "record", "disabled", "onExpand"])) : _ctx.column.type === "draggable" ? (openBlock(), createElementBlock("div", _hoisted_2, [
+      renderSlot(_ctx.$slots, "draggable-handle", {}, () => [
+        createVNode(_component_MenuOutlined)
+      ])
+    ])) : createCommentVNode("v-if", true)
+  ], 16, _hoisted_1);
+}
+var BodyExtraCell = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+
+export { BodyExtraCell as default };
+//# sourceMappingURL=BodyExtraCell.vue.mjs.map

package/es/components/table/src/components/Body/BodyExtraCell.vue.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BodyExtraCell.vue.mjs","sources":["../../../../../../../../packages/components/table/src/components/Body/BodyExtraCell.vue"],"sourcesContent":["<!--\n * @Author: shen\n * @Date: 2023-11-08 21:59:48\n * @LastEditors: shen\n * @LastEditTime: 2023-12-22 10:31:47\n * @Description: \n-->\n<script lang=\"ts\">\nimport { defineComponent, ref, computed, watchEffect } from 'vue'\nimport { MenuOutlined } from '@ant-design/icons-vue'\nimport { useInjectTable } from '../context/TableContext'\nimport { useInjectBody } from '../context/BodyContext'\nimport { conductCheck } from '../../utils/conductUtil'\nimport { arrDel, arrAdd } from '../../utils/util'\nimport { useInjectLevel } from '../../hooks/useLevel'\nimport devWarning from '../../utils/devWarning'\nimport Radio from '../Radio'\nimport Checkbox from '../Checkbox'\nimport ExpandIcon from '../ExpandIcon.vue'\n\nimport type { PropType } from 'vue'\nimport type {\n  FinallyColumnType,\n  RowType,\n  Key,\n  DefaultRecordType,\n  RowSelectionType,\n  CheckboxProps,\n  CellType,\n} from '../interface'\n\nexport default defineComponent({\n  name: 'BodyExtraCell',\n  components: { Checkbox, Radio, ExpandIcon, MenuOutlined },\n  props: {\n    prefixCls: String as PropType<string>,\n    rowIndex: { type: Number, required: true },\n    type: { type: String as PropType<RowType> },\n    column: { type: Object as PropType<FinallyColumnType<DefaultRecordType>>, default: () => ({}) },\n    record: { type: Object as PropType<DefaultRecordType> },\n    rowKey: { type: [Number, String] },\n    expanded: Boolean as PropType<boolean>,\n    supportExpand: Boolean,\n  },\n  setup(props) {\n    const tableContext = useInjectTable()\n    const level = useInjectLevel()\n    const rowSelectionType = computed<RowSelectionType>(\n      () => tableContext.mergedRowSelection.value.type as RowSelectionType,\n    )\n    const keySet = computed<Set<Key>>(() => tableContext.selection.derivedSelectedKeySet.value)\n    const checked = ref(false)\n    const mergedIndeterminate = ref(false)\n    const checkboxProps = computed<CheckboxProps>(\n      () => tableContext.checkboxPropsMap.value.get(props.rowKey!) as CheckboxProps,\n    )\n    const { onBodyCellContextmenu } = useInjectBody()\n    const renderedCell = computed(\n      () => tableContext.allCellProps.value[props.rowKey!]?.[props.column.columnKey] ?? {},\n    )\n\n    watchEffect(() => {\n      const {\n        selection: { derivedHalfSelectedKeySet },\n        expandType,\n      } = tableContext\n      checked.value = keySet.value.has(props.rowKey!)\n      const hasSelectKey = derivedHalfSelectedKeySet.value.has(props.rowKey!)\n      if (expandType.value === 'nest') {\n        mergedIndeterminate.value = hasSelectKey\n        devWarning(\n          typeof checkboxProps.value?.indeterminate !== 'boolean',\n          'Table',\n          'set `indeterminate` using `rowSelection.getCheckboxProps` is not allowed with tree structured dataSource.',\n        )\n      } else {\n        mergedIndeterminate.value = checkboxProps.value?.indeterminate ?? hasSelectKey\n      }\n    })\n\n    const mergedCellProps = computed<CellType>(() => {\n      const { column } = props\n      return {\n        ...renderedCell.value.props,\n        style: {\n          ...(renderedCell.value?.props?.style || {}),\n          width: `${column.finallyWidth || 0}px`,\n        },\n      }\n    })\n\n    const contextmenuProps = computed(() => ({\n      record: props.record,\n      column: props.column.originColumn,\n      index: props.rowIndex,\n      recordIndexs: tableContext.getIndexsByKey(props.rowKey!),\n      key: props.rowKey,\n    }))\n\n    return {\n      handleRadioChange: (e: Event) => {\n        if (!(checked.value && !tableContext.mergedRowSelection.value.allowCancelRadio)) {\n          tableContext.selection.triggerSingleSelection(\n            props.rowKey!,\n            !checked.value,\n            checked.value ? [] : [props.rowKey!],\n            e,\n          )\n        }\n      },\n      handleCheckboxChange: (event: Event) => {\n        const { shiftKey } = event as MouseEvent\n        const {\n          selection: {\n            lastSelectedKey,\n            setLastSelectedKey,\n            setSelectedKeys,\n            triggerSingleSelection,\n            mergedRowSelection,\n            derivedSelectedKeys,\n            isCheckboxDisabled,\n            levelEntities,\n            maxLevel,\n          },\n          getRecordByKey,\n          pageDataEnableRowKeys,\n          keyEntities,\n        } = tableContext\n        const { checkStrictly, onSelectMultiple } = mergedRowSelection.value!\n        const currentRowKey = props.rowKey\n        let shiftStartIndex = -1\n        let shiftEndIndex = -1\n        const enableRowKeys = pageDataEnableRowKeys.value\n        if (shiftKey && checkStrictly) {\n          const rowKeySet = new Set([lastSelectedKey.value, currentRowKey])\n          enableRowKeys.some((rowkey, index) => {\n            if (rowKeySet.has(rowkey)) {\n              if (shiftStartIndex !== -1) {\n                shiftEndIndex = index\n                return true\n              }\n              shiftStartIndex = index\n            }\n            return false\n          })\n        }\n        if (shiftEndIndex !== -1 && shiftStartIndex !== shiftEndIndex && checkStrictly) {\n          const shiftSelctedRowKeys = enableRowKeys.slice(shiftStartIndex, shiftEndIndex + 1)\n          const changeRowKeys: Key[] = []\n          if (checked.value) {\n            shiftSelctedRowKeys.forEach((rowKey) => {\n              if (keySet.value.has(rowKey)) {\n                changeRowKeys.push(rowKey)\n                keySet.value.delete(rowKey)\n              }\n            })\n          } else {\n            shiftSelctedRowKeys.forEach((rowKey) => {\n              if (!keySet.value.has(rowKey)) {\n                changeRowKeys.push(rowKey)\n                keySet.value.add(rowKey)\n              }\n            })\n          }\n          const selectedKeys = Array.from(keySet.value)\n          onSelectMultiple?.(\n            !checked.value,\n            selectedKeys.map((rowKey) => getRecordByKey(rowKey)),\n            changeRowKeys.map((rowKey) => getRecordByKey(rowKey)),\n          )\n          setSelectedKeys(selectedKeys)\n        } else {\n          const selectedRowKeys = derivedSelectedKeys.value!\n          if (checkStrictly) {\n            let keys: Key[] = []\n            if (checked.value) {\n              keys = arrDel(selectedRowKeys, currentRowKey!)\n            } else {\n              keys = arrAdd(selectedRowKeys, currentRowKey!)\n            }\n            triggerSingleSelection(currentRowKey!, !checked.value, keys, event)\n          } else {\n            const { checkedKeys, halfCheckedKeys } = conductCheck(\n              [...selectedRowKeys, currentRowKey!],\n              true,\n              keyEntities.value,\n              levelEntities.value,\n              maxLevel.value,\n              isCheckboxDisabled as any,\n            )\n            let allCheckedKeys = checkedKeys\n            if (checked.value) {\n              const checkedKeysSet = new Set(checkedKeys)\n              checkedKeysSet.delete(currentRowKey!)\n              allCheckedKeys = conductCheck(\n                Array.from(checkedKeysSet),\n                { checked: false, halfCheckedKeys },\n                keyEntities.value,\n                levelEntities.value,\n                maxLevel.value,\n                isCheckboxDisabled as any,\n              ).checkedKeys\n            }\n            triggerSingleSelection(currentRowKey!, !checked.value, allCheckedKeys, event)\n          }\n        }\n        setLastSelectedKey(currentRowKey!)\n      },\n      onInternalTriggerExpand: (record: DefaultRecordType, e: MouseEvent) => {\n        tableContext.onTriggerExpand(record, props.rowKey!, e)\n      },\n      rowSelectionType,\n      keySet,\n      checked,\n      mergedIndeterminate,\n      checkboxProps,\n      mergedCellProps,\n      onBodyCellContextmenu,\n      contextmenuProps,\n      level: level,\n    }\n  },\n})\n</script>\n\n<template>\n  <div\n    v-bind=\"mergedCellProps\"\n    :key=\"`${rowKey} ${column.columnKey}`\"\n    tabindex=\"-1\"\n    role=\"cell\"\n    :data-level=\"level\"\n    :class=\"{\n      [`${prefixCls}-cell`]: true,\n      [`${prefixCls}-body-cell`]: true,\n      [`${prefixCls}-extra-cell`]: true,\n      [`${prefixCls}-row-expand-icon-cell`]: true,\n    }\"\n    @contextmenu=\"onBodyCellContextmenu($event, contextmenuProps, type!)\"\n    @click.stop\n  >\n    <template v-if=\"column.type === 'checkbox'\">\n      <Radio\n        v-if=\"rowSelectionType === 'radio'\"\n        :prefix-cls=\"prefixCls\"\n        v-bind=\"checkboxProps\"\n        :checked=\"checked\"\n        @click.stop\n        @change=\"handleRadioChange\"\n      />\n      <Checkbox\n        v-else\n        :prefix-cls=\"prefixCls\"\n        v-bind=\"checkboxProps\"\n        :indeterminate=\"mergedIndeterminate\"\n        :checked=\"checked\"\n        @click.stop\n        @change=\"handleCheckboxChange\"\n      />\n    </template>\n    <ExpandIcon\n      v-else-if=\"column.type === 'expand'\"\n      :prefix-cls=\"prefixCls\"\n      expandable\n      :expanded=\"expanded\"\n      :record=\"record\"\n      :disabled=\"!supportExpand\"\n      @expand=\"onInternalTriggerExpand\"\n    />\n    <div v-else-if=\"column.type === 'draggable'\" :draggable=\"true\">\n      <slot name=\"draggable-handle\">\n        <MenuOutlined />\n      </slot>\n    </div>\n  </div>\n</template>\n"],"names":["_createElementBlock","_mergeProps","_withModifiers","_openBlock","_Fragment","_createBlock","_renderSlot","_createVNode"],"mappings":"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"}

package/es/components/table/src/components/Body/BodyExtraCell.vue2.mjs

@@ -0,0 +1,208 @@
+import { defineComponent, computed, ref, watchEffect } from 'vue';
+import { MenuOutlined } from '@ant-design/icons-vue';
+import { useInjectTable } from '../context/TableContext.mjs';
+import { useInjectBody } from '../context/BodyContext.mjs';
+import { conductCheck } from '../../utils/conductUtil.mjs';
+import { arrDel, arrAdd } from '../../utils/util.mjs';
+import { useInjectLevel } from '../../hooks/useLevel.mjs';
+import devWarning from '../../utils/devWarning.mjs';
+import Radio from '../Radio.mjs';
+import Checkbox from '../Checkbox.mjs';
+import ExpandIcon from '../ExpandIcon.vue.mjs';
+
+var _sfc_main = defineComponent({
+  name: "BodyExtraCell",
+  components: { Checkbox, Radio, ExpandIcon, MenuOutlined },
+  props: {
+    prefixCls: String,
+    rowIndex: { type: Number, required: true },
+    type: { type: String },
+    column: { type: Object, default: () => ({}) },
+    record: { type: Object },
+    rowKey: { type: [Number, String] },
+    expanded: Boolean,
+    supportExpand: Boolean
+  },
+  setup(props) {
+    const tableContext = useInjectTable();
+    const level = useInjectLevel();
+    const rowSelectionType = computed(
+      () => tableContext.mergedRowSelection.value.type
+    );
+    const keySet = computed(() => tableContext.selection.derivedSelectedKeySet.value);
+    const checked = ref(false);
+    const mergedIndeterminate = ref(false);
+    const checkboxProps = computed(
+      () => tableContext.checkboxPropsMap.value.get(props.rowKey)
+    );
+    const { onBodyCellContextmenu } = useInjectBody();
+    const renderedCell = computed(
+      () => {
+        var _a, _b;
+        return (_b = (_a = tableContext.allCellProps.value[props.rowKey]) == null ? void 0 : _a[props.column.columnKey]) != null ? _b : {};
+      }
+    );
+    watchEffect(() => {
+      var _a, _b, _c;
+      const {
+        selection: { derivedHalfSelectedKeySet },
+        expandType
+      } = tableContext;
+      checked.value = keySet.value.has(props.rowKey);
+      const hasSelectKey = derivedHalfSelectedKeySet.value.has(props.rowKey);
+      if (expandType.value === "nest") {
+        mergedIndeterminate.value = hasSelectKey;
+        devWarning(
+          typeof ((_a = checkboxProps.value) == null ? void 0 : _a.indeterminate) !== "boolean",
+          "Table",
+          "set `indeterminate` using `rowSelection.getCheckboxProps` is not allowed with tree structured dataSource."
+        );
+      } else {
+        mergedIndeterminate.value = (_c = (_b = checkboxProps.value) == null ? void 0 : _b.indeterminate) != null ? _c : hasSelectKey;
+      }
+    });
+    const mergedCellProps = computed(() => {
+      var _a, _b;
+      const { column } = props;
+      return {
+        ...renderedCell.value.props,
+        style: {
+          ...((_b = (_a = renderedCell.value) == null ? void 0 : _a.props) == null ? void 0 : _b.style) || {},
+          width: `${column.finallyWidth || 0}px`
+        }
+      };
+    });
+    const contextmenuProps = computed(() => ({
+      record: props.record,
+      column: props.column.originColumn,
+      index: props.rowIndex,
+      recordIndexs: tableContext.getIndexsByKey(props.rowKey),
+      key: props.rowKey
+    }));
+    return {
+      handleRadioChange: (e) => {
+        if (!(checked.value && !tableContext.mergedRowSelection.value.allowCancelRadio)) {
+          tableContext.selection.triggerSingleSelection(
+            props.rowKey,
+            !checked.value,
+            checked.value ? [] : [props.rowKey],
+            e
+          );
+        }
+      },
+      handleCheckboxChange: (event) => {
+        const { shiftKey } = event;
+        const {
+          selection: {
+            lastSelectedKey,
+            setLastSelectedKey,
+            setSelectedKeys,
+            triggerSingleSelection,
+            mergedRowSelection,
+            derivedSelectedKeys,
+            isCheckboxDisabled,
+            levelEntities,
+            maxLevel
+          },
+          getRecordByKey,
+          pageDataEnableRowKeys,
+          keyEntities
+        } = tableContext;
+        const { checkStrictly, onSelectMultiple } = mergedRowSelection.value;
+        const currentRowKey = props.rowKey;
+        let shiftStartIndex = -1;
+        let shiftEndIndex = -1;
+        const enableRowKeys = pageDataEnableRowKeys.value;
+        if (shiftKey && checkStrictly) {
+          const rowKeySet = /* @__PURE__ */ new Set([lastSelectedKey.value, currentRowKey]);
+          enableRowKeys.some((rowkey, index) => {
+            if (rowKeySet.has(rowkey)) {
+              if (shiftStartIndex !== -1) {
+                shiftEndIndex = index;
+                return true;
+              }
+              shiftStartIndex = index;
+            }
+            return false;
+          });
+        }
+        if (shiftEndIndex !== -1 && shiftStartIndex !== shiftEndIndex && checkStrictly) {
+          const shiftSelctedRowKeys = enableRowKeys.slice(shiftStartIndex, shiftEndIndex + 1);
+          const changeRowKeys = [];
+          if (checked.value) {
+            shiftSelctedRowKeys.forEach((rowKey) => {
+              if (keySet.value.has(rowKey)) {
+                changeRowKeys.push(rowKey);
+                keySet.value.delete(rowKey);
+              }
+            });
+          } else {
+            shiftSelctedRowKeys.forEach((rowKey) => {
+              if (!keySet.value.has(rowKey)) {
+                changeRowKeys.push(rowKey);
+                keySet.value.add(rowKey);
+              }
+            });
+          }
+          const selectedKeys = Array.from(keySet.value);
+          onSelectMultiple == null ? void 0 : onSelectMultiple(
+            !checked.value,
+            selectedKeys.map((rowKey) => getRecordByKey(rowKey)),
+            changeRowKeys.map((rowKey) => getRecordByKey(rowKey))
+          );
+          setSelectedKeys(selectedKeys);
+        } else {
+          const selectedRowKeys = derivedSelectedKeys.value;
+          if (checkStrictly) {
+            let keys = [];
+            if (checked.value) {
+              keys = arrDel(selectedRowKeys, currentRowKey);
+            } else {
+              keys = arrAdd(selectedRowKeys, currentRowKey);
+            }
+            triggerSingleSelection(currentRowKey, !checked.value, keys, event);
+          } else {
+            const { checkedKeys, halfCheckedKeys } = conductCheck(
+              [...selectedRowKeys, currentRowKey],
+              true,
+              keyEntities.value,
+              levelEntities.value,
+              maxLevel.value,
+              isCheckboxDisabled
+            );
+            let allCheckedKeys = checkedKeys;
+            if (checked.value) {
+              const checkedKeysSet = new Set(checkedKeys);
+              checkedKeysSet.delete(currentRowKey);
+              allCheckedKeys = conductCheck(
+                Array.from(checkedKeysSet),
+                { halfCheckedKeys },
+                keyEntities.value,
+                levelEntities.value,
+                maxLevel.value,
+                isCheckboxDisabled
+              ).checkedKeys;
+            }
+            triggerSingleSelection(currentRowKey, !checked.value, allCheckedKeys, event);
+          }
+        }
+        setLastSelectedKey(currentRowKey);
+      },
+      onInternalTriggerExpand: (record, e) => {
+        tableContext.onTriggerExpand(record, props.rowKey, e);
+      },
+      rowSelectionType,
+      keySet,
+      checked,
+      mergedIndeterminate,
+      checkboxProps,
+      mergedCellProps,
+      onBodyCellContextmenu,
+      contextmenuProps,
+      level
+    };
+  }
+});
+
+export { _sfc_main as default };
+//# sourceMappingURL=BodyExtraCell.vue2.mjs.map