@koi-design/uxd-ui 12.1.36-beta.0

package/lib/components/Table/tableUnits/FilterDropdown.js

@@ -0,0 +1,217 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var index$2 = require('../../Checkbox/index.js');
+var index$1 = require('../../Dropdown/index.js');
+var index$3 = require('../../Icon/index.js');
+var uxdIcon = require('@koi-design/uxd-icon');
+var index = require('../../Menu/index.js');
+var Render = require('../../base/Render.js');
+var useGlobalConfig = require('../../base/hooks/useGlobalConfig.js');
+var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
+
+const MenuItem = index.UMenu.Item;
+const _sfc_main = vue.defineComponent({
+  name: "TableFilterDropdown",
+  components: {
+    Dropdown: index$1.UDropdown,
+    Render: Render["default"],
+    UMenu: index.UMenu,
+    MenuItem,
+    Checkbox: index$2.UCheckbox,
+    Icon: index$3.UIcon,
+    USolidFilter: uxdIcon.USolidFilter
+  },
+  props: {
+    column: {
+      type: Object,
+      required: true
+    },
+    selectedKeys: {
+      type: Array,
+      default: () => []
+    },
+    locale: {
+      type: Object,
+      required: true
+    }
+  },
+  emits: ["select"],
+  setup(props, { emit }) {
+    const { prefixCls: dropdownPrefixCls } = useGlobalConfig["default"]("dropdown-menu");
+    const { prefixCls: tablePrefixCls } = vue.inject("tableContext", {});
+    const stateSelectedKeys = vue.ref([]);
+    vue.watch(
+      vue.computed(() => props.selectedKeys),
+      () => {
+        stateSelectedKeys.value = props.selectedKeys || [];
+      },
+      { immediate: true }
+    );
+    const fireSelected = () => {
+      emit("select", props.column, stateSelectedKeys.value);
+    };
+    const prefixCls = vue.computed(() => {
+      return `${tablePrefixCls.value}-filter`;
+    });
+    const stateVisible = vue.ref(false);
+    const setVisible = (val) => {
+      stateVisible.value = val;
+    };
+    const setSelectedKeys = (val) => {
+      stateSelectedKeys.value = val;
+    };
+    const handleItemClick = () => {
+      var _a;
+      if (!((_a = props.column) == null ? void 0 : _a.filterMultiple)) {
+        setVisible(false);
+        vue.nextTick(() => {
+          fireSelected();
+        });
+      }
+    };
+    const handleConfirm = () => {
+      setVisible(false);
+      vue.nextTick(() => {
+        fireSelected();
+      });
+    };
+    const handleClearFilters = () => {
+      stateSelectedKeys.value = [];
+      handleConfirm();
+    };
+    const handleVisibleChange = (visible) => {
+      if (props.column.onFilterDropdownVisibleChange) {
+        props.column.onFilterDropdownVisibleChange(visible);
+      }
+    };
+    return {
+      prefixCls,
+      dropdownPrefixCls,
+      stateVisible,
+      stateSelectedKeys,
+      setSelectedKeys,
+      handleItemClick,
+      handleConfirm,
+      handleClearFilters,
+      handleVisibleChange
+    };
+  }
+});
+const _hoisted_1 = { key: 1 };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_USolidFilter = vue.resolveComponent("USolidFilter");
+  const _component_Icon = vue.resolveComponent("Icon");
+  const _component_Render = vue.resolveComponent("Render");
+  const _component_Checkbox = vue.resolveComponent("Checkbox");
+  const _component_MenuItem = vue.resolveComponent("MenuItem");
+  const _component_UMenu = vue.resolveComponent("UMenu");
+  const _component_Dropdown = vue.resolveComponent("Dropdown");
+  return vue.openBlock(), vue.createBlock(_component_Dropdown, {
+    visible: _ctx.stateVisible,
+    "onUpdate:visible": _cache[7] || (_cache[7] = ($event) => _ctx.stateVisible = $event),
+    trigger: "click",
+    placement: "bottom-end",
+    onVisibleChange: _ctx.handleVisibleChange
+  }, {
+    dropdown: vue.withCtx(() => [
+      vue.createElementVNode("div", {
+        class: vue.normalizeClass(`${_ctx.prefixCls}-dropdown`),
+        onClick: _cache[6] || (_cache[6] = vue.withModifiers(() => {
+        }, ["stop"]))
+      }, [
+        _ctx.column.filterRender ? (vue.openBlock(), vue.createBlock(_component_Render, {
+          key: 0,
+          render: () => {
+            var _a, _b;
+            return (_b = (_a = _ctx.column).filterRender) == null ? void 0 : _b.call(_a, {
+              selectedKeys: _ctx.stateSelectedKeys,
+              setSelectedKeys: _ctx.setSelectedKeys,
+              confirm: _ctx.handleConfirm,
+              column: _ctx.column
+            });
+          }
+        }, null, 8, ["render"])) : (vue.openBlock(), vue.createBlock(_component_UMenu, {
+          key: 1,
+          selectable: "",
+          multiple: _ctx.column.filterMultiple,
+          "selected-keys": _ctx.stateSelectedKeys,
+          onSelect: _cache[2] || (_cache[2] = ({ selectedKeys }) => _ctx.setSelectedKeys(selectedKeys)),
+          onDeselect: _cache[3] || (_cache[3] = ({ selectedKeys }) => _ctx.setSelectedKeys(selectedKeys)),
+          onClick: _ctx.handleItemClick
+        }, {
+          default: vue.withCtx(() => [
+            _ctx.column.filterMultiple === false ? (vue.openBlock(), vue.createElementBlock("li", {
+              key: 0,
+              class: vue.normalizeClass([
+                `${_ctx.dropdownPrefixCls}-item`,
+                {
+                  [`${_ctx.dropdownPrefixCls}-item-selected`]: !_ctx.stateSelectedKeys.length
+                }
+              ]),
+              onClick: _cache[1] || (_cache[1] = (...args) => _ctx.handleClearFilters && _ctx.handleClearFilters(...args))
+            }, vue.toDisplayString(_ctx.locale.allFilters), 3)) : vue.createCommentVNode("v-if", true),
+            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.column.filters, (item) => {
+              return vue.openBlock(), vue.createBlock(_component_MenuItem, {
+                key: item.value,
+                name: item.value
+              }, {
+                default: vue.withCtx(() => [
+                  _ctx.column.filterMultiple ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
+                    vue.createVNode(_component_Checkbox, {
+                      "model-value": _ctx.stateSelectedKeys && _ctx.stateSelectedKeys.includes(item.value)
+                    }, null, 8, ["model-value"]),
+                    vue.createElementVNode("span", null, vue.toDisplayString(item.label), 1)
+                  ], 64)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_1, vue.toDisplayString(item.label), 1))
+                ]),
+                _: 2
+              }, 1032, ["name"]);
+            }), 128))
+          ]),
+          _: 1
+        }, 8, ["multiple", "selected-keys", "onClick"])),
+        _ctx.column.filterMultiple ? (vue.openBlock(), vue.createElementBlock("div", {
+          key: 2,
+          class: vue.normalizeClass(`${_ctx.prefixCls}-dropdown-btns`)
+        }, [
+          vue.createElementVNode("a", {
+            class: vue.normalizeClass(`${_ctx.prefixCls}-dropdown-link confirm`),
+            onClick: _cache[4] || (_cache[4] = (...args) => _ctx.handleConfirm && _ctx.handleConfirm(...args))
+          }, vue.toDisplayString(_ctx.locale.filterConfirm), 3),
+          vue.createElementVNode("a", {
+            class: vue.normalizeClass(`${_ctx.prefixCls}-dropdown-link clear`),
+            onClick: _cache[5] || (_cache[5] = (...args) => _ctx.handleClearFilters && _ctx.handleClearFilters(...args))
+          }, vue.toDisplayString(_ctx.locale.filterReset), 3)
+        ], 2)) : vue.createCommentVNode("v-if", true)
+      ], 2)
+    ]),
+    default: vue.withCtx(() => [
+      vue.createElementVNode("span", {
+        class: vue.normalizeClass([
+          `${_ctx.prefixCls}-icon`,
+          {
+            [`${_ctx.prefixCls}-open`]: !!_ctx.stateVisible
+          }
+        ]),
+        onClick: _cache[0] || (_cache[0] = vue.withModifiers(() => {
+        }, ["stop"]))
+      }, [
+        vue.createVNode(_component_Icon, {
+          style: vue.normalizeStyle(_ctx.column.filterIconStyle)
+        }, {
+          default: vue.withCtx(() => [
+            !!_ctx.column.filterIcon ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.column.filterIcon), { key: 0 })) : (vue.openBlock(), vue.createBlock(_component_USolidFilter, { key: 1 }))
+          ]),
+          _: 1
+        }, 8, ["style"])
+      ], 2)
+    ]),
+    _: 1
+  }, 8, ["visible", "onVisibleChange"]);
+}
+var FilterDropdown = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render], ["__file", "E:\\br-fe\\uxd-ui\\src\\components\\Table\\tableUnits\\FilterDropdown.vue"]]);
+
+exports["default"] = FilterDropdown;
+//# sourceMappingURL=FilterDropdown.js.map

package/lib/components/Table/tableUnits/FilterDropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterDropdown.js","sources":["../../../../../src/components/Table/tableUnits/FilterDropdown.vue"],"sourcesContent":["<template>\n  <Dropdown v-model:visible=\"stateVisible\" trigger=\"click\" placement=\"bottom-end\" @visible-change=\"handleVisibleChange\">\n    <span\n      :class=\"[\n        `${prefixCls}-icon`,\n        {\n          [`${prefixCls}-open`]: !!stateVisible\n        }\n      ]\"\n      @click.stop\n    >\n      <Icon :style=\"column.filterIconStyle\">\n        <component :is=\"column.filterIcon\" v-if=\"!!column.filterIcon\" />\n        <USolidFilter v-else />\n      </Icon>\n    </span>\n    <template #dropdown>\n      <div :class=\"`${prefixCls}-dropdown`\" @click.stop>\n        <Render\n          v-if=\"column.filterRender\"\n          :render=\"\n            () => {\n              return column.filterRender?.({\n                selectedKeys: stateSelectedKeys,\n                setSelectedKeys,\n                confirm: handleConfirm,\n                column\n              });\n            }\n          \"\n        />\n        <UMenu\n          v-else\n          selectable\n          :multiple=\"column.filterMultiple\"\n          :selected-keys=\"stateSelectedKeys\"\n          @select=\"({ selectedKeys }) => setSelectedKeys(selectedKeys)\"\n          @deselect=\"({ selectedKeys }) => setSelectedKeys(selectedKeys)\"\n          @click=\"handleItemClick\"\n        >\n          <li\n            v-if=\"column.filterMultiple === false\"\n            :class=\"[\n              `${dropdownPrefixCls}-item`,\n              {\n                [`${dropdownPrefixCls}-item-selected`]: !stateSelectedKeys.length\n              }\n            ]\"\n            @click=\"handleClearFilters\"\n          >\n            {{ locale.allFilters }}\n          </li>\n          <MenuItem v-for=\"item in column.filters\" :key=\"item.value\" :name=\"item.value\">\n            <template v-if=\"column.filterMultiple\">\n              <Checkbox :model-value=\"stateSelectedKeys && stateSelectedKeys.includes(item.value)\" />\n              <span> {{ item.label }}</span>\n            </template>\n\n            <span v-else>{{ item.label }}</span>\n          </MenuItem>\n        </UMenu>\n        <div v-if=\"column.filterMultiple\" :class=\"`${prefixCls}-dropdown-btns`\">\n          <a :class=\"`${prefixCls}-dropdown-link confirm`\" @click=\"handleConfirm\">\n            {{ locale.filterConfirm }}\n          </a>\n          <a :class=\"`${prefixCls}-dropdown-link clear`\" @click=\"handleClearFilters\">\n            {{ locale.filterReset }}\n          </a>\n        </div>\n      </div>\n    </template>\n  </Dropdown>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, computed, watch, inject, ref, nextTick } from 'vue';\nimport type { PropType } from 'vue';\nimport Checkbox from '@uxd-ui/components/Checkbox';\nimport Dropdown from '@uxd-ui/components/Dropdown';\nimport Icon from '@uxd-ui/components/Icon';\nimport { USolidFilter } from '@koi-design/uxd-icon';\nimport UMenu from '@uxd-ui/components/Menu';\nimport Render from '../../base/Render';\nimport useGlobalConfig from '../../base/hooks/useGlobalConfig';\nimport type { InnerColumn, TableContext } from '../Table.type';\nimport type { TableLocal } from '../../locale/default';\n\nconst MenuItem = UMenu.Item;\n\nexport default defineComponent({\n  name: 'TableFilterDropdown',\n  components: {\n    Dropdown,\n    Render,\n    UMenu,\n    MenuItem,\n    Checkbox,\n    Icon,\n    USolidFilter\n  },\n  props: {\n    column: {\n      type: Object as PropType<InnerColumn>,\n      required: true\n    },\n    selectedKeys: {\n      type: Array as PropType<(string | number)[]>,\n      default: () => [] as string[]\n    },\n    locale: {\n      type: Object as PropType<TableLocal>,\n      required: true\n    }\n  },\n  emits: ['select'],\n  setup(props, { emit }) {\n    const { prefixCls: dropdownPrefixCls } = useGlobalConfig('dropdown-menu');\n    const { prefixCls: tablePrefixCls } = inject<TableContext>('tableContext', {} as TableContext);\n\n    const stateSelectedKeys = ref<(string | number)[]>([]);\n\n    watch(\n      computed(() => props.selectedKeys),\n      () => {\n        stateSelectedKeys.value = props.selectedKeys || [];\n      },\n      { immediate: true }\n    );\n\n    const fireSelected = () => {\n      emit('select', props.column, stateSelectedKeys.value);\n    };\n\n    const prefixCls = computed(() => {\n      return `${tablePrefixCls.value}-filter`;\n    });\n    const stateVisible = ref(false);\n    const setVisible = (val: boolean) => {\n      stateVisible.value = val;\n    };\n\n    const setSelectedKeys = (val: (string | number)[]) => {\n      stateSelectedKeys.value = val;\n    };\n\n    const handleItemClick = () => {\n      if (!props.column?.filterMultiple) {\n        setVisible(false);\n        nextTick(() => {\n          fireSelected();\n        });\n      }\n    };\n\n    const handleConfirm = () => {\n      setVisible(false);\n      nextTick(() => {\n        fireSelected();\n      });\n    };\n\n    const handleClearFilters = () => {\n      stateSelectedKeys.value = [];\n      handleConfirm();\n    };\n\n    const handleVisibleChange = (visible: boolean) => {\n      if (props.column.onFilterDropdownVisibleChange) {\n        props.column.onFilterDropdownVisibleChange(visible);\n      }\n    };\n\n    return {\n      prefixCls,\n      dropdownPrefixCls,\n      stateVisible,\n      // filtered,\n      stateSelectedKeys,\n      setSelectedKeys,\n      handleItemClick,\n      handleConfirm,\n      handleClearFilters,\n      handleVisibleChange\n    };\n  }\n});\n</script>\n"],"names":["UMenu","defineComponent","Dropdown","Render","Checkbox","Icon","USolidFilter","useGlobalConfig","inject","ref","computed","_createBlock","_withCtx","_createElementVNode","_normalizeClass","_createElementBlock","_Fragment","_createVNode","_normalizeStyle","_resolveDynamicComponent"],"mappings":"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"}

package/lib/components/Table/tableUnits/FilterDropdown.vue.d.ts

@@ -0,0 +1,45 @@
+import type { PropType } from 'vue';
+import type { InnerColumn } from '../Table.type';
+import type { TableLocal } from '../../locale/default';
+declare const _default: import("vue").DefineComponent<{
+    column: {
+        type: PropType<InnerColumn>;
+        required: true;
+    };
+    selectedKeys: {
+        type: PropType<(string | number)[]>;
+        default: () => string[];
+    };
+    locale: {
+        type: PropType<TableLocal>;
+        required: true;
+    };
+}, {
+    prefixCls: import("vue").ComputedRef<string>;
+    dropdownPrefixCls: import("vue").ComputedRef<string>;
+    stateVisible: import("vue").Ref<boolean, boolean>;
+    stateSelectedKeys: import("vue").Ref<(string | number)[], (string | number)[]>;
+    setSelectedKeys: (val: (string | number)[]) => void;
+    handleItemClick: () => void;
+    handleConfirm: () => void;
+    handleClearFilters: () => void;
+    handleVisibleChange: (visible: boolean) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "select"[], "select", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    column: {
+        type: PropType<InnerColumn>;
+        required: true;
+    };
+    selectedKeys: {
+        type: PropType<(string | number)[]>;
+        default: () => string[];
+    };
+    locale: {
+        type: PropType<TableLocal>;
+        required: true;
+    };
+}>> & {
+    onSelect?: (...args: any[]) => any;
+}, {
+    selectedKeys: (string | number)[];
+}, {}>;
+export default _default;

package/lib/components/Table/tableUnits/SelectionBox.js

@@ -0,0 +1,79 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var index = require('../../Checkbox/index.js');
+var index$1 = require('../../Radio/index.js');
+var propsValidators = require('../../../utils/propsValidators.js');
+var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
+
+const defineProps = {
+  prefixCls: {
+    type: String
+  },
+  type: {
+    type: String,
+    default: "checkbox",
+    validator: propsValidators.oneOf(["checkbox", "radio"])
+  },
+  disabled: {
+    type: Boolean,
+    default: false
+  },
+  selectedKeys: {
+    type: Array,
+    default: () => []
+  },
+  rowKey: {
+    type: [Number, String],
+    default: "",
+    required: true
+  }
+};
+const _sfc_main = vue.defineComponent({
+  name: "TableSelection",
+  components: {
+    Checkbox: index.UCheckbox,
+    Radio: index$1.URadio
+  },
+  props: defineProps,
+  emits: ["change"],
+  setup(props, { emit }) {
+    const stateChecked = vue.ref(false);
+    vue.watchEffect(() => {
+      const { rowKey } = props;
+      const checked = props.selectedKeys.includes(rowKey);
+      stateChecked.value = checked;
+    });
+    return {
+      stateChecked,
+      handleChange: (checked, e) => {
+        emit("change", checked, e);
+      }
+    };
+  }
+});
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_Radio = vue.resolveComponent("Radio");
+  const _component_Checkbox = vue.resolveComponent("Checkbox");
+  return vue.openBlock(), vue.createElementBlock("div", {
+    class: vue.normalizeClass(`${_ctx.prefixCls}-selection`)
+  }, [
+    _ctx.type === "radio" ? (vue.openBlock(), vue.createBlock(_component_Radio, {
+      key: 0,
+      disabled: _ctx.disabled,
+      "model-value": _ctx.stateChecked,
+      onChange: _ctx.handleChange
+    }, null, 8, ["disabled", "model-value", "onChange"])) : (vue.openBlock(), vue.createBlock(_component_Checkbox, {
+      key: 1,
+      disabled: _ctx.disabled,
+      "model-value": _ctx.stateChecked,
+      onChange: _ctx.handleChange
+    }, null, 8, ["disabled", "model-value", "onChange"]))
+  ], 2);
+}
+var SelectionBox = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render], ["__file", "E:\\br-fe\\uxd-ui\\src\\components\\Table\\tableUnits\\SelectionBox.vue"]]);
+
+exports["default"] = SelectionBox;
+//# sourceMappingURL=SelectionBox.js.map

package/lib/components/Table/tableUnits/SelectionBox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectionBox.js","sources":["../../../../../src/components/Table/tableUnits/SelectionBox.vue"],"sourcesContent":["<template>\n  <div :class=\"`${prefixCls}-selection`\">\n    <Radio v-if=\"type === 'radio'\" :disabled=\"disabled\" :model-value=\"stateChecked\" @change=\"handleChange\"></Radio>\n    <Checkbox v-else :disabled=\"disabled\" :model-value=\"stateChecked\" @change=\"handleChange\"></Checkbox>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, ref, watchEffect } from 'vue';\nimport type { PropType } from 'vue';\nimport Checkbox, { type CheckboxValueType } from '@uxd-ui/components/Checkbox';\nimport Radio from '@uxd-ui/components/Radio';\nimport { oneOf } from '../../../utils/propsValidators';\nimport type { SelectionType } from '../Table.type';\n\nconst defineProps = {\n  prefixCls: {\n    type: String\n  },\n  type: {\n    type: String as PropType<SelectionType>,\n    default: 'checkbox',\n    validator: oneOf(['checkbox', 'radio'])\n  },\n  disabled: {\n    type: Boolean,\n    default: false\n  },\n  selectedKeys: {\n    type: Array as PropType<(string | number)[]>,\n    default: () => [] as string[]\n  },\n  rowKey: {\n    type: [Number, String],\n    default: '',\n    required: true\n  }\n};\n\nexport default defineComponent({\n  name: 'TableSelection',\n  components: {\n    Checkbox,\n    Radio\n  },\n\n  props: defineProps,\n  emits: ['change'],\n  setup(props, { emit }) {\n    const stateChecked = ref(false);\n\n    watchEffect(() => {\n      const { rowKey } = props;\n      const checked = props.selectedKeys.includes(rowKey);\n      stateChecked.value = checked;\n    });\n    return {\n      stateChecked,\n      handleChange: (checked: CheckboxValueType, e: any) => {\n        emit('change', checked, e);\n      }\n    };\n  }\n});\n</script>\n"],"names":["oneOf","defineComponent","Checkbox","Radio","ref","_createElementBlock","_normalizeClass","_createBlock"],"mappings":";;;;;;;;;;AAeA,MAAM,cAAc;AAAA,EAClB,WAAW;AAAA,IACT,MAAM;AAAA;AACR,EACA,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,SAAS;AAAA,IACT,WAAWA,sBAAM,CAAC,YAAY,OAAO,CAAC;AAAA;AACxC,EACA,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,cAAc;AAAA,IACZ,MAAM;AAAA,IACN,SAAS,MAAM;AAAC;AAClB,EACA,QAAQ;AAAA,IACN,MAAM,CAAC,QAAQ,MAAM;AAAA,IACrB,SAAS;AAAA,IACT,UAAU;AAAA;AAEd;AAEA,MAAK,YAAaC,oBAAa;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,cACVC;AAAA,WACAC;AAAA;AACF,EAEA,OAAO;AAAA,EACP,OAAO,CAAC,QAAQ;AAAA,EAChB,MAAM,OAAO,EAAE,QAAQ;UACf,eAAeC,QAAI,KAAK;oBAElB,MAAM;YACV,EAAE,WAAW;YACb,UAAU,MAAM,aAAa,SAAS,MAAM;mBACrC,QAAQ;AAAA,KACtB;WACM;AAAA,MACL;AAAA,MACA,cAAc,CAAC,SAA4B,MAAW;aAC/C,UAAU,SAAS,CAAC;AAAA;AAC3B;AACF;AAEJ,CAAC;;;;0BA9DCC,uBAGM;IAHA,OAAKC,sBAAK,0BAAS;AAAA;IACV,cAAI,4BAAjBC,gBAA+G;;MAA/E,UAAU;MAAW,eAAa;MAAe,UAAQ;8EACzFA,gBAAoG;;MAAlF,UAAU;MAAW,eAAa;MAAe,UAAQ;;;;;;;;"}

package/lib/components/Table/tableUnits/SelectionBox.vue.d.ts

@@ -0,0 +1,59 @@
+import type { PropType } from 'vue';
+import { type CheckboxValueType } from '@koi-design/uxd-ui/es/components/Checkbox';
+import type { SelectionType } from '../Table.type';
+declare const _default: import("vue").DefineComponent<{
+    prefixCls: {
+        type: StringConstructor;
+    };
+    type: {
+        type: PropType<SelectionType>;
+        default: string;
+        validator: (val: string) => boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    selectedKeys: {
+        type: PropType<(string | number)[]>;
+        default: () => string[];
+    };
+    rowKey: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: string;
+        required: boolean;
+    };
+}, {
+    stateChecked: import("vue").Ref<boolean, boolean>;
+    handleChange: (checked: CheckboxValueType, e: any) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "change"[], "change", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    prefixCls: {
+        type: StringConstructor;
+    };
+    type: {
+        type: PropType<SelectionType>;
+        default: string;
+        validator: (val: string) => boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    selectedKeys: {
+        type: PropType<(string | number)[]>;
+        default: () => string[];
+    };
+    rowKey: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: string;
+        required: boolean;
+    };
+}>> & {
+    onChange?: (...args: any[]) => any;
+}, {
+    type: SelectionType;
+    disabled: boolean;
+    selectedKeys: (string | number)[];
+    rowKey: string | number;
+}, {}>;
+export default _default;

package/lib/components/Table/tableUnits/SelectionCheckAll.js

@@ -0,0 +1,169 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var index$1 = require('../../Checkbox/index.js');
+var index$2 = require('../../Dropdown/index.js');
+var index$3 = require('../../Icon/index.js');
+var uxdIcon = require('@koi-design/uxd-icon');
+var index = require('../../Menu/index.js');
+var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
+
+const MenuItem = index.UMenu.Item;
+const _sfc_main = vue.defineComponent({
+  name: "TableSelectionCheckAll",
+  components: {
+    Checkbox: index$1.UCheckbox,
+    Dropdown: index$2.UDropdown,
+    Icon: index$3.UIcon,
+    UMenu: index.UMenu,
+    MenuItem,
+    ULineDown: uxdIcon.ULineDown
+  },
+  props: {
+    prefixCls: {
+      type: String
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    selectedKeys: {
+      type: Array,
+      default: () => []
+    },
+    locale: {
+      type: Object
+    },
+    menus: {
+      type: [Array, Boolean],
+      default: void 0
+    },
+    hideDefaultMenus: {
+      type: Boolean,
+      default: void 0
+    },
+    data: {
+      type: Array,
+      default: () => []
+    }
+  },
+  emits: ["select"],
+  setup(props, { emit }) {
+    const checked = vue.computed(() => {
+      return props.data.length > 0 && props.data.every((x) => props.selectedKeys.includes(x._key));
+    });
+    const indeterminate = vue.computed(() => {
+      return props.data.some((x) => props.selectedKeys.includes(x._key)) && !props.data.every((x) => props.selectedKeys.includes(x._key));
+    });
+    const defaultMenus = vue.computed(() => {
+      var _a, _b, _c;
+      if (props.hideDefaultMenus) {
+        return [];
+      }
+      return [
+        {
+          key: "all",
+          text: (_a = props.locale) == null ? void 0 : _a.selectAll
+        },
+        {
+          key: "removeAll",
+          text: (_b = props.locale) == null ? void 0 : _b.removeAll
+        },
+        {
+          key: "invert",
+          text: (_c = props.locale) == null ? void 0 : _c.selectInvert
+        }
+      ];
+    });
+    const dropMenus = vue.computed(() => {
+      if (props.menus) {
+        if (Array.isArray(props.menus)) {
+          return [...defaultMenus.value, ...props.menus];
+        }
+        return defaultMenus.value;
+      }
+      return [];
+    });
+    const showDrop = vue.computed(() => {
+      return dropMenus.value.length > 0;
+    });
+    const handleDropdownSelect = (key, onSelect) => {
+      emit("select", key, onSelect);
+    };
+    const handleSelectAllChange = (status) => {
+      emit("select", status ? "all" : "removeAll", null);
+    };
+    return {
+      checked,
+      indeterminate,
+      showDrop,
+      dropMenus,
+      handleDropdownSelect,
+      handleSelectAllChange
+    };
+  }
+});
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_Checkbox = vue.resolveComponent("Checkbox");
+  const _component_ULineDown = vue.resolveComponent("ULineDown");
+  const _component_Icon = vue.resolveComponent("Icon");
+  const _component_MenuItem = vue.resolveComponent("MenuItem");
+  const _component_UMenu = vue.resolveComponent("UMenu");
+  const _component_Dropdown = vue.resolveComponent("Dropdown");
+  return vue.openBlock(), vue.createElementBlock("div", {
+    class: vue.normalizeClass(`${_ctx.prefixCls}-selection`)
+  }, [
+    vue.createVNode(_component_Checkbox, {
+      class: vue.normalizeClass({ [`${_ctx.prefixCls}-selection-select-all-custom`]: _ctx.showDrop }),
+      "model-value": _ctx.checked,
+      indeterminate: _ctx.indeterminate,
+      disabled: _ctx.disabled,
+      onChange: _ctx.handleSelectAllChange
+    }, null, 8, ["class", "model-value", "indeterminate", "disabled", "onChange"]),
+    _ctx.showDrop ? (vue.openBlock(), vue.createBlock(_component_Dropdown, {
+      key: 0,
+      disabled: _ctx.disabled
+    }, {
+      dropdown: vue.withCtx(() => [
+        vue.createVNode(_component_UMenu, {
+          class: vue.normalizeClass(`${_ctx.prefixCls}-selection-menu`)
+        }, {
+          default: vue.withCtx(() => [
+            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.dropMenus, (item) => {
+              return vue.openBlock(), vue.createBlock(_component_MenuItem, {
+                key: item.key,
+                name: item.key,
+                onClick: () => _ctx.handleDropdownSelect(item.key, item.onSelect)
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createTextVNode(vue.toDisplayString(item.text), 1)
+                ]),
+                _: 2
+              }, 1032, ["name", "onClick"]);
+            }), 128))
+          ]),
+          _: 1
+        }, 8, ["class"])
+      ]),
+      default: vue.withCtx(() => [
+        vue.createElementVNode("div", {
+          class: vue.normalizeClass(`${_ctx.prefixCls}-selection-down`)
+        }, [
+          vue.createVNode(_component_Icon, null, {
+            default: vue.withCtx(() => [
+              vue.createVNode(_component_ULineDown)
+            ]),
+            _: 1
+          })
+        ], 2)
+      ]),
+      _: 1
+    }, 8, ["disabled"])) : vue.createCommentVNode("v-if", true)
+  ], 2);
+}
+var SelectionCheckAll = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render], ["__file", "E:\\br-fe\\uxd-ui\\src\\components\\Table\\tableUnits\\SelectionCheckAll.vue"]]);
+
+exports["default"] = SelectionCheckAll;
+//# sourceMappingURL=SelectionCheckAll.js.map

package/lib/components/Table/tableUnits/SelectionCheckAll.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectionCheckAll.js","sources":["../../../../../src/components/Table/tableUnits/SelectionCheckAll.vue"],"sourcesContent":["<template>\n  <div :class=\"`${prefixCls}-selection`\">\n    <Checkbox\n      :class=\"{ [`${prefixCls}-selection-select-all-custom`]: showDrop }\"\n      :model-value=\"checked\"\n      :indeterminate=\"indeterminate\"\n      :disabled=\"disabled\"\n      @change=\"handleSelectAllChange\"\n    />\n    <Dropdown v-if=\"showDrop\" :disabled=\"disabled\">\n      <div :class=\"`${prefixCls}-selection-down`\">\n        <Icon>\n          <ULineDown />\n        </Icon>\n      </div>\n      <template #dropdown>\n        <UMenu :class=\"`${prefixCls}-selection-menu`\">\n          <MenuItem v-for=\"item in dropMenus\" :key=\"item.key\" :name=\"item.key\" @click=\"() => handleDropdownSelect(item.key, item.onSelect)\">\n            {{ item.text }}\n          </MenuItem>\n        </UMenu>\n      </template>\n    </Dropdown>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, computed } from 'vue';\nimport type { PropType } from 'vue';\nimport Checkbox, { type CheckboxValueType } from '@uxd-ui/components/Checkbox';\nimport Dropdown from '@uxd-ui/components/Dropdown';\nimport Icon from '@uxd-ui/components/Icon';\nimport { ULineDown } from '@koi-design/uxd-icon';\nimport type { TableLocal } from '@uxd-ui/components/locale/default';\nimport UMenu from '@uxd-ui/components/Menu';\nimport type { SelectionMenu } from '../Table.type';\n\nconst MenuItem = UMenu.Item;\n\nexport default defineComponent({\n  name: 'TableSelectionCheckAll',\n  components: {\n    Checkbox,\n    Dropdown,\n    Icon,\n    UMenu,\n    MenuItem,\n    ULineDown\n  },\n  props: {\n    prefixCls: {\n      type: String\n    },\n    disabled: {\n      type: Boolean,\n      default: false\n    },\n    selectedKeys: {\n      type: Array as PropType<(string | number)[]>,\n      default: () => [] as string[]\n    },\n    locale: {\n      type: Object as PropType<TableLocal>\n    },\n    menus: {\n      type: [Array, Boolean] as PropType<boolean | SelectionMenu[]>,\n      default: undefined as undefined\n    },\n    hideDefaultMenus: {\n      type: Boolean,\n      default: undefined as undefined\n    },\n    data: {\n      type: Array as PropType<Record<string, any>[]>,\n      default: () => [] as Record<string, any>[]\n    }\n  },\n  emits: ['select'],\n  setup(props, { emit }) {\n    const checked = computed(() => {\n      return props.data.length > 0 && props.data.every((x) => props.selectedKeys.includes(x._key));\n    });\n\n    const indeterminate = computed(() => {\n      return props.data.some((x) => props.selectedKeys.includes(x._key)) && !props.data.every((x) => props.selectedKeys.includes(x._key));\n    });\n\n    const defaultMenus = computed(() => {\n      if (props.hideDefaultMenus) {\n        return [];\n      }\n      return [\n        {\n          key: 'all',\n          text: props.locale?.selectAll\n        },\n        {\n          key: 'removeAll',\n          text: props.locale?.removeAll\n        },\n        {\n          key: 'invert',\n          text: props.locale?.selectInvert\n        }\n      ] as SelectionMenu[];\n    });\n\n    const dropMenus = computed(() => {\n      if (props.menus) {\n        if (Array.isArray(props.menus)) {\n          return [...defaultMenus.value, ...props.menus];\n        }\n        return defaultMenus.value;\n      }\n      return [] as SelectionMenu[];\n    });\n\n    const showDrop = computed(() => {\n      return dropMenus.value.length > 0;\n    });\n\n    const handleDropdownSelect = (key: string | number, onSelect?: (rows: any[]) => void) => {\n      emit('select', key, onSelect);\n    };\n    const handleSelectAllChange = (status: CheckboxValueType) => {\n      emit('select', status ? 'all' : 'removeAll', null);\n    };\n\n    return {\n      checked,\n      indeterminate,\n      showDrop,\n      dropMenus,\n      handleDropdownSelect,\n      handleSelectAllChange\n    };\n  }\n});\n</script>\n"],"names":["UMenu","defineComponent","Checkbox","Dropdown","Icon","ULineDown","computed","_createElementBlock","_normalizeClass","_createVNode","_createBlock","_withCtx","_Fragment","_createElementVNode"],"mappings":"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"}