@koi-design/uxd-ui 14.0.7 → 14.0.9

package/lib/components/Transfer/TransferList.js

@@ -215,16 +215,20 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     vue.createElementVNode("div", {
       class: vue.normalizeClass(`${_ctx.prefixCls}-list-header`)
     }, [
-      _ctx.showSelectAll ? (vue.openBlock(), vue.createBlock(_component_UCheckbox, {
-        key: 0,
-        indeterminate: _ctx.indeterminate,
-        "model-value": _ctx.checkedAll,
-        disabled: _ctx.disabled,
-        onClick: _cache[0] || (_cache[0] = vue.withModifiers(($event) => _ctx.handleCheckAllChange(), ["prevent"]))
-      }, null, 8, ["indeterminate", "model-value", "disabled"])) : vue.createCommentVNode("v-if", true),
-      vue.createElementVNode("span", {
-        class: vue.normalizeClass(`${_ctx.prefixCls}-list-header-selected`)
-      }, vue.toDisplayString(!_ctx.checkedKeys.length ? _ctx.filteredData.length : `${_ctx.checkedKeys.length}/${_ctx.filteredData.length}`) + " " + vue.toDisplayString(_ctx.unit), 3),
+      vue.createElementVNode("div", {
+        class: vue.normalizeClass(`${_ctx.prefixCls}-list-header-select`)
+      }, [
+        _ctx.showSelectAll ? (vue.openBlock(), vue.createBlock(_component_UCheckbox, {
+          key: 0,
+          indeterminate: _ctx.indeterminate,
+          "model-value": _ctx.checkedAll,
+          disabled: _ctx.disabled,
+          onClick: _cache[0] || (_cache[0] = vue.withModifiers(($event) => _ctx.handleCheckAllChange(), ["prevent"]))
+        }, null, 8, ["indeterminate", "model-value", "disabled"])) : vue.createCommentVNode("v-if", true),
+        vue.createElementVNode("span", {
+          class: vue.normalizeClass(`${_ctx.prefixCls}-list-header-selected`)
+        }, vue.toDisplayString(!_ctx.checkedKeys.length ? _ctx.filteredData.length : `${_ctx.checkedKeys.length}/${_ctx.filteredData.length}`) + " " + vue.toDisplayString(_ctx.unit), 3)
+      ], 2),
       vue.createElementVNode("span", {
         class: vue.normalizeClass(`${_ctx.prefixCls}-list-header-title`)
       }, vue.toDisplayString(_ctx.titleText), 3)

package/lib/components/Transfer/TransferList.js.map

@@ -1 +1 @@
-{"version":3,"file":"TransferList.js","sources":["../../../../src/components/Transfer/TransferList.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[\n      `${prefixCls}-list`,\n      {\n        [`${prefixCls}-list-with-footer`]: footerRender,\n        [`${prefixCls}-list-custom`]: listRender\n      }\n    ]\"\n    :style=\"{ ...listStyle }\"\n  >\n    <div :class=\"`${prefixCls}-list-header`\">\n      <UCheckbox\n        v-if=\"showSelectAll\"\n        :indeterminate=\"indeterminate\"\n        :model-value=\"checkedAll\"\n        :disabled=\"disabled\"\n        @click.prevent=\"handleCheckAllChange()\"\n      />\n      <span :class=\"`${prefixCls}-list-header-selected`\">\n        {{ !checkedKeys.length ? filteredData.length : `${checkedKeys.length}/${filteredData.length}` }}\n        {{ unit }}\n      </span>\n      <span :class=\"`${prefixCls}-list-header-title`\">{{ titleText }}</span>\n    </div>\n    <div\n      :class=\"[\n        `${prefixCls}-list-body`,\n        {\n          [`${prefixCls}-list-body-with-search`]: showSearch,\n          [`${prefixCls}-list-body-with-footer`]: footerRender\n        }\n      ]\"\n    >\n      <div v-if=\"showSearch || searchRender\" :class=\"`${prefixCls}-list-body-search-wrap`\">\n        <Render v-if=\"searchRender\" :render=\"searchRender\" />\n        <UInput v-else :model-value=\"inputValue\" :placeholder=\"locale.searchPlaceholder\" clearable search @change=\"handleInputChange\" />\n      </div>\n      <div v-if=\"filteredData.length\" :class=\"`${prefixCls}-list-body-list-wrap`\">\n        <Scrollbar v-if=\"!listRender || (listRender && !listRender())\" style=\"height: 100%\" height=\"100%\">\n          <ul :class=\"`${prefixCls}-list-body-content`\">\n            <template v-for=\"dataItem in filteredData\" :key=\"dataItem.key\">\n              <ListItem\n                :prefix-cls=\"`${prefixCls}-list-item`\"\n                :data-item=\"dataItem\"\n                :checked=\"checkedKeys.includes(dataItem.key)\"\n                :disabled=\"disabled\"\n                @click=\"handleItemSelect\"\n              />\n            </template>\n          </ul>\n        </Scrollbar>\n        <div v-else :class=\"`${prefixCls}-list-custom-body`\">\n          <Render :render=\"listRender\" />\n        </div>\n      </div>\n      <div v-else :class=\"`${prefixCls}-list-body-not-found`\">\n        <RenderEmpty size=\"small\" :text=\"locale.notFoundContent\" />\n      </div>\n    </div>\n    <div v-if=\"footerRender\" :class=\"`${prefixCls}-list-footer`\">\n      <Render :render=\"footerRender\" />\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { ref, computed, defineComponent } from 'vue';\nimport type { PropType, CSSProperties, Slot } from 'vue';\nimport UCheckbox from '@uxd-ui/components/Checkbox';\nimport UInput, { type InputValueType } from '@uxd-ui/components/Input';\nimport ListItem from './TransferListItem.vue';\nimport Render from '../base/Render';\nimport RenderEmpty from '../base/RenderEmpty.vue';\nimport { oneOf } from '../../utils/propsValidators';\nimport { filterEmpty } from '../../utils/slots';\nimport { transferSide, type TransferDataItem, type TransferFilterMethod, type TransferSide } from './Transfer.type';\nimport type { TransferLocal } from '../locale/default';\nimport Scrollbar from '../Scrollbar/Scrollbar';\n\nconst transferListProps = {\n  side: {\n    type: String as PropType<TransferSide>,\n    default: 'left',\n    validator: oneOf(['left', 'right'] as const)\n  },\n  prefixCls: {\n    type: String\n  },\n  titleText: {\n    type: String\n  },\n  dataSource: {\n    type: Array as PropType<TransferDataItem[]>,\n    default: () => [] as TransferDataItem[]\n  },\n  checkedKeys: {\n    type: Array as PropType<string[]>,\n    default: () => [] as string[]\n  },\n  itemUnit: {\n    type: String\n  },\n  disabled: {\n    type: Boolean,\n    default: false\n  },\n  showSearch: {\n    type: Boolean,\n    default: false\n  },\n  filterMethod: {\n    type: Function as PropType<TransferFilterMethod>,\n    default: () => {},\n    required: true\n  },\n  showSelectAll: {\n    type: Boolean,\n    default: false\n  },\n  listStyle: {\n    type: Object as PropType<CSSProperties>,\n    default: () => ({})\n  },\n  search: {\n    type: Function as PropType<Slot>\n  },\n  footer: {\n    type: Function as PropType<Slot>\n  },\n  renderList: {\n    type: Function as PropType<Slot>\n  },\n  locale: {\n    type: Object as PropType<TransferLocal>,\n    default: () => {},\n    required: true\n  },\n  loading: {\n    type: Boolean,\n    default: false\n  }\n};\n\nexport default defineComponent({\n  name: 'TransferList',\n  components: { UCheckbox, ListItem, UInput, Render, RenderEmpty, Scrollbar },\n  props: transferListProps,\n  emits: {\n    'check-all': (checkedKeys: string[], side: TransferSide) => Array.isArray(checkedKeys) && transferSide.includes(side),\n    'item-select': (key: string, checked: boolean, side: TransferSide) =>\n      typeof key === 'string' && typeof checked === 'boolean' && transferSide.includes(side),\n    search: (side: TransferSide, value: string) => transferSide.includes(side) && typeof value === 'string'\n  },\n  setup(props, { emit }) {\n    const inputValue = ref('');\n    const searchKey = ref('title');\n\n    const unit = computed(() => {\n      return props.dataSource.length > 1 ? props.locale.itemsUnit : props.locale.itemUnit;\n    });\n\n    const clearSearchValue = () => {\n      inputValue.value = '';\n      searchKey.value = 'title';\n    };\n\n    const footerRender = computed(() => {\n      if (props.footer) {\n        const footerComponent = filterEmpty(props.footer({ props }));\n        if (!footerComponent.length) return null;\n        return () => footerComponent;\n      }\n      return null;\n    });\n\n    /**\n     * @param {InputValueType} value\n     * @param {string} key\n     * @return {void}\n     * @description input value change call back\n     */\n    const handleInputChange = (value: InputValueType, key = 'title') => {\n      inputValue.value = value as string;\n      searchKey.value = key;\n      emit('search', props.side, value as string);\n    };\n\n    const searchRender = computed(() => {\n      if (props.search) {\n        const searchComponent = filterEmpty(props.search({ handleSearch: handleInputChange }));\n        if (!searchComponent.length) return null;\n        return () => searchComponent;\n      }\n      return null;\n    });\n\n    const filteredData = computed(() => {\n      if ((!props.showSearch && !searchRender.value) || !inputValue.value) {\n        return props.dataSource;\n      }\n      return props.dataSource.filter((d) => props.filterMethod(inputValue.value, d, searchKey.value));\n    });\n\n    const allowCheckedKeys = computed(() => {\n      return filteredData.value.filter((d) => !d.disabled).map((d) => d.key);\n    });\n\n    const indeterminate = computed(() => {\n      const allowCheckedLen = allowCheckedKeys.value.length;\n      const checkedLen = props.checkedKeys.length;\n      if (checkedLen > 0 && checkedLen < allowCheckedLen) {\n        return true;\n      }\n      return false;\n    });\n\n    const checkedAll = computed(() => {\n      const allowCheckedLen = allowCheckedKeys.value.length;\n      if (allowCheckedLen === 0) {\n        return false;\n      }\n      return allowCheckedLen === props.checkedKeys.length;\n    });\n\n    /**\n     * @param {boolean | event} all check all change param\n     * @return {void}\n     * @description selectAll change\n     */\n    const handleCheckAllChange = (all?: boolean) => {\n      const allValue = typeof all === 'boolean' ? all : !checkedAll.value;\n      if (props.disabled) return;\n      const nextCheckedKeys = !allValue ? [] : allowCheckedKeys.value;\n      emit('check-all', nextCheckedKeys, props.side);\n    };\n\n    /**\n     * @param {string | object} itemKey select item or key\n     * @param {boolean} checked checked value\n     * @return {void}\n     * @description single item select\n     */\n    const handleItemSelect = (itemKey: string | { key: string }, checked: boolean) => {\n      const keyValue = typeof itemKey === 'string' ? itemKey : itemKey.key;\n      emit('item-select', keyValue, checked, props.side);\n    };\n\n    const listRender = computed(() => {\n      if (props.renderList) {\n        const components = filterEmpty(\n          props.renderList({\n            props: {\n              side: props.side,\n              filteredData: filteredData.value,\n              selectedKeys: props.checkedKeys,\n              disabled: props.disabled\n            },\n            methods: {\n              onSelect: handleItemSelect,\n              onSelectAll: handleCheckAllChange\n            }\n          })\n        );\n        // components might be empty because of \"v-if\" directive\n        if (!components.length) {\n          return () => null as null;\n        }\n        return () => components;\n      }\n      return null;\n    });\n\n    return {\n      inputValue,\n      unit,\n      indeterminate,\n      checkedAll,\n      filteredData,\n      footerRender,\n      listRender,\n      searchRender,\n      clearSearchValue,\n      handleCheckAllChange,\n      handleItemSelect,\n      handleInputChange\n    };\n  }\n});\n</script>\n"],"names":["oneOf","defineComponent","UCheckbox","ListItem","UInput","Render","RenderEmpty","Scrollbar","transferSide","ref","computed","filterEmpty","_createElementBlock","_normalizeClass","_normalizeStyle","_createElementVNode","_createBlock","_toDisplayString","_Fragment","_createVNode"],"mappings":"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"}
+{"version":3,"file":"TransferList.js","sources":["../../../../src/components/Transfer/TransferList.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[\n      `${prefixCls}-list`,\n      {\n        [`${prefixCls}-list-with-footer`]: footerRender,\n        [`${prefixCls}-list-custom`]: listRender\n      }\n    ]\"\n    :style=\"{ ...listStyle }\"\n  >\n    <div :class=\"`${prefixCls}-list-header`\">\n      <div :class=\"`${prefixCls}-list-header-select`\">\n        <UCheckbox\n          v-if=\"showSelectAll\"\n          :indeterminate=\"indeterminate\"\n          :model-value=\"checkedAll\"\n          :disabled=\"disabled\"\n          @click.prevent=\"handleCheckAllChange()\"\n        />\n        <span :class=\"`${prefixCls}-list-header-selected`\">\n          {{ !checkedKeys.length ? filteredData.length : `${checkedKeys.length}/${filteredData.length}` }}\n          {{ unit }}\n        </span>\n      </div>\n\n      <span :class=\"`${prefixCls}-list-header-title`\">{{ titleText }}</span>\n    </div>\n    <div\n      :class=\"[\n        `${prefixCls}-list-body`,\n        {\n          [`${prefixCls}-list-body-with-search`]: showSearch,\n          [`${prefixCls}-list-body-with-footer`]: footerRender\n        }\n      ]\"\n    >\n      <div v-if=\"showSearch || searchRender\" :class=\"`${prefixCls}-list-body-search-wrap`\">\n        <Render v-if=\"searchRender\" :render=\"searchRender\" />\n        <UInput v-else :model-value=\"inputValue\" :placeholder=\"locale.searchPlaceholder\" clearable search @change=\"handleInputChange\" />\n      </div>\n      <div v-if=\"filteredData.length\" :class=\"`${prefixCls}-list-body-list-wrap`\">\n        <Scrollbar v-if=\"!listRender || (listRender && !listRender())\" style=\"height: 100%\" height=\"100%\">\n          <ul :class=\"`${prefixCls}-list-body-content`\">\n            <template v-for=\"dataItem in filteredData\" :key=\"dataItem.key\">\n              <ListItem\n                :prefix-cls=\"`${prefixCls}-list-item`\"\n                :data-item=\"dataItem\"\n                :checked=\"checkedKeys.includes(dataItem.key)\"\n                :disabled=\"disabled\"\n                @click=\"handleItemSelect\"\n              />\n            </template>\n          </ul>\n        </Scrollbar>\n        <div v-else :class=\"`${prefixCls}-list-custom-body`\">\n          <Render :render=\"listRender\" />\n        </div>\n      </div>\n      <div v-else :class=\"`${prefixCls}-list-body-not-found`\">\n        <RenderEmpty size=\"small\" :text=\"locale.notFoundContent\" />\n      </div>\n    </div>\n    <div v-if=\"footerRender\" :class=\"`${prefixCls}-list-footer`\">\n      <Render :render=\"footerRender\" />\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { ref, computed, defineComponent } from 'vue';\nimport type { PropType, CSSProperties, Slot } from 'vue';\nimport UCheckbox from '@uxd-ui/components/Checkbox';\nimport UInput, { type InputValueType } from '@uxd-ui/components/Input';\nimport ListItem from './TransferListItem.vue';\nimport Render from '../base/Render';\nimport RenderEmpty from '../base/RenderEmpty.vue';\nimport { oneOf } from '../../utils/propsValidators';\nimport { filterEmpty } from '../../utils/slots';\nimport { transferSide, type TransferDataItem, type TransferFilterMethod, type TransferSide } from './Transfer.type';\nimport type { TransferLocal } from '../locale/default';\nimport Scrollbar from '../Scrollbar/Scrollbar';\n\nconst transferListProps = {\n  side: {\n    type: String as PropType<TransferSide>,\n    default: 'left',\n    validator: oneOf(['left', 'right'] as const)\n  },\n  prefixCls: {\n    type: String\n  },\n  titleText: {\n    type: String\n  },\n  dataSource: {\n    type: Array as PropType<TransferDataItem[]>,\n    default: () => [] as TransferDataItem[]\n  },\n  checkedKeys: {\n    type: Array as PropType<string[]>,\n    default: () => [] as string[]\n  },\n  itemUnit: {\n    type: String\n  },\n  disabled: {\n    type: Boolean,\n    default: false\n  },\n  showSearch: {\n    type: Boolean,\n    default: false\n  },\n  filterMethod: {\n    type: Function as PropType<TransferFilterMethod>,\n    default: () => {},\n    required: true\n  },\n  showSelectAll: {\n    type: Boolean,\n    default: false\n  },\n  listStyle: {\n    type: Object as PropType<CSSProperties>,\n    default: () => ({})\n  },\n  search: {\n    type: Function as PropType<Slot>\n  },\n  footer: {\n    type: Function as PropType<Slot>\n  },\n  renderList: {\n    type: Function as PropType<Slot>\n  },\n  locale: {\n    type: Object as PropType<TransferLocal>,\n    default: () => {},\n    required: true\n  },\n  loading: {\n    type: Boolean,\n    default: false\n  }\n};\n\nexport default defineComponent({\n  name: 'TransferList',\n  components: { UCheckbox, ListItem, UInput, Render, RenderEmpty, Scrollbar },\n  props: transferListProps,\n  emits: {\n    'check-all': (checkedKeys: string[], side: TransferSide) => Array.isArray(checkedKeys) && transferSide.includes(side),\n    'item-select': (key: string, checked: boolean, side: TransferSide) =>\n      typeof key === 'string' && typeof checked === 'boolean' && transferSide.includes(side),\n    search: (side: TransferSide, value: string) => transferSide.includes(side) && typeof value === 'string'\n  },\n  setup(props, { emit }) {\n    const inputValue = ref('');\n    const searchKey = ref('title');\n\n    const unit = computed(() => {\n      return props.dataSource.length > 1 ? props.locale.itemsUnit : props.locale.itemUnit;\n    });\n\n    const clearSearchValue = () => {\n      inputValue.value = '';\n      searchKey.value = 'title';\n    };\n\n    const footerRender = computed(() => {\n      if (props.footer) {\n        const footerComponent = filterEmpty(props.footer({ props }));\n        if (!footerComponent.length) return null;\n        return () => footerComponent;\n      }\n      return null;\n    });\n\n    /**\n     * @param {InputValueType} value\n     * @param {string} key\n     * @return {void}\n     * @description input value change call back\n     */\n    const handleInputChange = (value: InputValueType, key = 'title') => {\n      inputValue.value = value as string;\n      searchKey.value = key;\n      emit('search', props.side, value as string);\n    };\n\n    const searchRender = computed(() => {\n      if (props.search) {\n        const searchComponent = filterEmpty(props.search({ handleSearch: handleInputChange }));\n        if (!searchComponent.length) return null;\n        return () => searchComponent;\n      }\n      return null;\n    });\n\n    const filteredData = computed(() => {\n      if ((!props.showSearch && !searchRender.value) || !inputValue.value) {\n        return props.dataSource;\n      }\n      return props.dataSource.filter((d) => props.filterMethod(inputValue.value, d, searchKey.value));\n    });\n\n    const allowCheckedKeys = computed(() => {\n      return filteredData.value.filter((d) => !d.disabled).map((d) => d.key);\n    });\n\n    const indeterminate = computed(() => {\n      const allowCheckedLen = allowCheckedKeys.value.length;\n      const checkedLen = props.checkedKeys.length;\n      if (checkedLen > 0 && checkedLen < allowCheckedLen) {\n        return true;\n      }\n      return false;\n    });\n\n    const checkedAll = computed(() => {\n      const allowCheckedLen = allowCheckedKeys.value.length;\n      if (allowCheckedLen === 0) {\n        return false;\n      }\n      return allowCheckedLen === props.checkedKeys.length;\n    });\n\n    /**\n     * @param {boolean | event} all check all change param\n     * @return {void}\n     * @description selectAll change\n     */\n    const handleCheckAllChange = (all?: boolean) => {\n      const allValue = typeof all === 'boolean' ? all : !checkedAll.value;\n      if (props.disabled) return;\n      const nextCheckedKeys = !allValue ? [] : allowCheckedKeys.value;\n      emit('check-all', nextCheckedKeys, props.side);\n    };\n\n    /**\n     * @param {string | object} itemKey select item or key\n     * @param {boolean} checked checked value\n     * @return {void}\n     * @description single item select\n     */\n    const handleItemSelect = (itemKey: string | { key: string }, checked: boolean) => {\n      const keyValue = typeof itemKey === 'string' ? itemKey : itemKey.key;\n      emit('item-select', keyValue, checked, props.side);\n    };\n\n    const listRender = computed(() => {\n      if (props.renderList) {\n        const components = filterEmpty(\n          props.renderList({\n            props: {\n              side: props.side,\n              filteredData: filteredData.value,\n              selectedKeys: props.checkedKeys,\n              disabled: props.disabled\n            },\n            methods: {\n              onSelect: handleItemSelect,\n              onSelectAll: handleCheckAllChange\n            }\n          })\n        );\n        // components might be empty because of \"v-if\" directive\n        if (!components.length) {\n          return () => null as null;\n        }\n        return () => components;\n      }\n      return null;\n    });\n\n    return {\n      inputValue,\n      unit,\n      indeterminate,\n      checkedAll,\n      filteredData,\n      footerRender,\n      listRender,\n      searchRender,\n      clearSearchValue,\n      handleCheckAllChange,\n      handleItemSelect,\n      handleInputChange\n    };\n  }\n});\n</script>\n"],"names":["oneOf","defineComponent","UCheckbox","ListItem","UInput","Render","RenderEmpty","Scrollbar","transferSide","ref","computed","filterEmpty","_createElementBlock","_normalizeClass","_normalizeStyle","_createElementVNode","_createBlock","_toDisplayString","_Fragment","_createVNode"],"mappings":"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"}

package/lib/components/Transfer/TransferList.vue.d.ts

@@ -199,6 +199,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             };
         }>> & Readonly<{
             onChange?: (val: import("@koi-design/uxd-ui/es/components/Checkbox").CheckboxValueType, ev: Event) => any;
+            onClick?: (ev: Event) => any;
             "onUpdate:modelValue"?: (val: import("@koi-design/uxd-ui/es/components/Checkbox").CheckboxValueType) => any;
         }>, {
             prefixCls: import("vue").ComputedRef<string>;
@@ -215,6 +216,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             'update:modelValue': (val: import("@koi-design/uxd-ui/es/components/Checkbox").CheckboxValueType) => boolean;
             change: (val: import("@koi-design/uxd-ui/es/components/Checkbox").CheckboxValueType, ev: Event) => boolean;
+            click: (ev: Event) => boolean;
         }, import("vue").PublicProps, {
             name: string;
             disabled: boolean;
@@ -395,6 +397,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             };
         }>> & Readonly<{
             onChange?: (val: import("@koi-design/uxd-ui/es/components/Checkbox").CheckboxValueType, ev: Event) => any;
+            onClick?: (ev: Event) => any;
             "onUpdate:modelValue"?: (val: import("@koi-design/uxd-ui/es/components/Checkbox").CheckboxValueType) => any;
         }>, {
             prefixCls: import("vue").ComputedRef<string>;
@@ -451,6 +454,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         };
     }>> & Readonly<{
         onChange?: (val: import("@koi-design/uxd-ui/es/components/Checkbox").CheckboxValueType, ev: Event) => any;
+        onClick?: (ev: Event) => any;
         "onUpdate:modelValue"?: (val: import("@koi-design/uxd-ui/es/components/Checkbox").CheckboxValueType) => any;
     }>, {
         prefixCls: import("vue").ComputedRef<string>;
@@ -467,6 +471,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         'update:modelValue': (val: import("@koi-design/uxd-ui/es/components/Checkbox").CheckboxValueType) => boolean;
         change: (val: import("@koi-design/uxd-ui/es/components/Checkbox").CheckboxValueType, ev: Event) => boolean;
+        click: (ev: Event) => boolean;
     }, string, {
         name: string;
         disabled: boolean;
@@ -893,6 +898,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                 'update:modelValue': (val: import("@koi-design/uxd-ui/es/components/Checkbox").CheckboxValueType) => boolean;
                 change: (val: import("@koi-design/uxd-ui/es/components/Checkbox").CheckboxValueType, ev: Event) => boolean;
+                click: (ev: Event) => boolean;
             }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                 modelValue: {
                     type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
@@ -924,6 +930,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 };
             }>> & Readonly<{
                 onChange?: (val: import("@koi-design/uxd-ui/es/components/Checkbox").CheckboxValueType, ev: Event) => any;
+                onClick?: (ev: Event) => any;
                 "onUpdate:modelValue"?: (val: import("@koi-design/uxd-ui/es/components/Checkbox").CheckboxValueType) => any;
             }>, {
                 name: string;
@@ -1149,6 +1156,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 };
             }>> & Readonly<{
                 onChange?: (val: import("@koi-design/uxd-ui/es/components/Checkbox").CheckboxValueType, ev: Event) => any;
+                onClick?: (ev: Event) => any;
                 "onUpdate:modelValue"?: (val: import("@koi-design/uxd-ui/es/components/Checkbox").CheckboxValueType) => any;
             }>, {
                 prefixCls: import("vue").ComputedRef<string>;
@@ -1165,6 +1173,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                 'update:modelValue': (val: import("@koi-design/uxd-ui/es/components/Checkbox").CheckboxValueType) => boolean;
                 change: (val: import("@koi-design/uxd-ui/es/components/Checkbox").CheckboxValueType, ev: Event) => boolean;
+                click: (ev: Event) => boolean;
             }, import("vue").PublicProps, {
                 name: string;
                 disabled: boolean;
@@ -1345,6 +1354,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 };
             }>> & Readonly<{
                 onChange?: (val: import("@koi-design/uxd-ui/es/components/Checkbox").CheckboxValueType, ev: Event) => any;
+                onClick?: (ev: Event) => any;
                 "onUpdate:modelValue"?: (val: import("@koi-design/uxd-ui/es/components/Checkbox").CheckboxValueType) => any;
             }>, {
                 prefixCls: import("vue").ComputedRef<string>;
@@ -1401,6 +1411,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             };
         }>> & Readonly<{
             onChange?: (val: import("@koi-design/uxd-ui/es/components/Checkbox").CheckboxValueType, ev: Event) => any;
+            onClick?: (ev: Event) => any;
             "onUpdate:modelValue"?: (val: import("@koi-design/uxd-ui/es/components/Checkbox").CheckboxValueType) => any;
         }>, {
             prefixCls: import("vue").ComputedRef<string>;
@@ -1417,6 +1428,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             'update:modelValue': (val: import("@koi-design/uxd-ui/es/components/Checkbox").CheckboxValueType) => boolean;
             change: (val: import("@koi-design/uxd-ui/es/components/Checkbox").CheckboxValueType, ev: Event) => boolean;
+            click: (ev: Event) => boolean;
         }, string, {
             name: string;
             disabled: boolean;
@@ -1843,6 +1855,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                     'update:modelValue': (val: import("@koi-design/uxd-ui/es/components/Checkbox").CheckboxValueType) => boolean;
                     change: (val: import("@koi-design/uxd-ui/es/components/Checkbox").CheckboxValueType, ev: Event) => boolean;
+                    click: (ev: Event) => boolean;
                 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                     modelValue: {
                         type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
@@ -1874,6 +1887,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     };
                 }>> & Readonly<{
                     onChange?: (val: import("@koi-design/uxd-ui/es/components/Checkbox").CheckboxValueType, ev: Event) => any;
+                    onClick?: (ev: Event) => any;
                     "onUpdate:modelValue"?: (val: import("@koi-design/uxd-ui/es/components/Checkbox").CheckboxValueType) => any;
                 }>, {
                     name: string;

package/lib/components/Transfer/TransferListItem.vue.d.ts

@@ -78,6 +78,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             };
         }>> & Readonly<{
             onChange?: (val: import("@koi-design/uxd-ui/es/components/Checkbox").CheckboxValueType, ev: Event) => any;
+            onClick?: (ev: Event) => any;
             "onUpdate:modelValue"?: (val: import("@koi-design/uxd-ui/es/components/Checkbox").CheckboxValueType) => any;
         }>, {
             prefixCls: import("vue").ComputedRef<string>;
@@ -94,6 +95,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             'update:modelValue': (val: import("@koi-design/uxd-ui/es/components/Checkbox").CheckboxValueType) => boolean;
             change: (val: import("@koi-design/uxd-ui/es/components/Checkbox").CheckboxValueType, ev: Event) => boolean;
+            click: (ev: Event) => boolean;
         }, import("vue").PublicProps, {
             name: string;
             disabled: boolean;
@@ -274,6 +276,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             };
         }>> & Readonly<{
             onChange?: (val: import("@koi-design/uxd-ui/es/components/Checkbox").CheckboxValueType, ev: Event) => any;
+            onClick?: (ev: Event) => any;
             "onUpdate:modelValue"?: (val: import("@koi-design/uxd-ui/es/components/Checkbox").CheckboxValueType) => any;
         }>, {
             prefixCls: import("vue").ComputedRef<string>;
@@ -330,6 +333,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         };
     }>> & Readonly<{
         onChange?: (val: import("@koi-design/uxd-ui/es/components/Checkbox").CheckboxValueType, ev: Event) => any;
+        onClick?: (ev: Event) => any;
         "onUpdate:modelValue"?: (val: import("@koi-design/uxd-ui/es/components/Checkbox").CheckboxValueType) => any;
     }>, {
         prefixCls: import("vue").ComputedRef<string>;
@@ -346,6 +350,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         'update:modelValue': (val: import("@koi-design/uxd-ui/es/components/Checkbox").CheckboxValueType) => boolean;
         change: (val: import("@koi-design/uxd-ui/es/components/Checkbox").CheckboxValueType, ev: Event) => boolean;
+        click: (ev: Event) => boolean;
     }, string, {
         name: string;
         disabled: boolean;
@@ -772,6 +777,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                 'update:modelValue': (val: import("@koi-design/uxd-ui/es/components/Checkbox").CheckboxValueType) => boolean;
                 change: (val: import("@koi-design/uxd-ui/es/components/Checkbox").CheckboxValueType, ev: Event) => boolean;
+                click: (ev: Event) => boolean;
             }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                 modelValue: {
                     type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
@@ -803,6 +809,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 };
             }>> & Readonly<{
                 onChange?: (val: import("@koi-design/uxd-ui/es/components/Checkbox").CheckboxValueType, ev: Event) => any;
+                onClick?: (ev: Event) => any;
                 "onUpdate:modelValue"?: (val: import("@koi-design/uxd-ui/es/components/Checkbox").CheckboxValueType) => any;
             }>, {
                 name: string;