element-plus 1.2.0-beta.3 → 1.2.0-beta.4

package/lib/components/transfer/src/index.vue_vue&type=script&lang.js

@@ -1,144 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var vue = require('vue');
-var index = require('../../button/index.js');
-var index$1 = require('../../icon/index.js');
-require('../../../tokens/index.js');
-require('../../../hooks/index.js');
-var constants = require('../../../utils/constants.js');
-var icons = require('@element-plus/icons');
-require('./transfer-panel.js');
-var useComputedData = require('./useComputedData.js');
-var useCheckedChange = require('./useCheckedChange.js');
-var useMove = require('./useMove.js');
-require('./transfer.js');
-var transferPanel_vue_vue_type_script_lang = require('./transfer-panel.vue_vue&type=script&lang.js');
-var index$2 = require('../../../hooks/use-locale/index.js');
-var form = require('../../../tokens/form.js');
-
-var script = vue.defineComponent({
-  name: "ElTransfer",
-  components: {
-    TransferPanel: transferPanel_vue_vue_type_script_lang["default"],
-    ElButton: index.ElButton,
-    ElIcon: index$1.ElIcon,
-    ArrowLeft: icons.ArrowLeft,
-    ArrowRight: icons.ArrowRight
-  },
-  props: {
-    data: {
-      type: Array,
-      default: () => []
-    },
-    titles: {
-      type: Array,
-      default: () => []
-    },
-    buttonTexts: {
-      type: Array,
-      default: () => []
-    },
-    filterPlaceholder: {
-      type: String,
-      default: ""
-    },
-    filterMethod: Function,
-    leftDefaultChecked: {
-      type: Array,
-      default: () => []
-    },
-    rightDefaultChecked: {
-      type: Array,
-      default: () => []
-    },
-    renderContent: Function,
-    modelValue: {
-      type: Array,
-      default: () => []
-    },
-    format: {
-      type: Object,
-      default: () => ({})
-    },
-    filterable: {
-      type: Boolean,
-      default: false
-    },
-    props: {
-      type: Object,
-      default: () => ({
-        label: "label",
-        key: "key",
-        disabled: "disabled"
-      })
-    },
-    targetOrder: {
-      type: String,
-      default: "original",
-      validator: (val) => {
-        return ["original", "push", "unshift"].includes(val);
-      }
-    }
-  },
-  emits: [
-    constants.UPDATE_MODEL_EVENT,
-    constants.CHANGE_EVENT,
-    useCheckedChange.LEFT_CHECK_CHANGE_EVENT,
-    useCheckedChange.RIGHT_CHECK_CHANGE_EVENT
-  ],
-  setup(props, { emit, slots }) {
-    const { t } = index$2.useLocaleInject();
-    const elFormItem = vue.inject(form.elFormItemKey, {});
-    const checkedState = vue.reactive({
-      leftChecked: [],
-      rightChecked: []
-    });
-    const { propsKey, sourceData, targetData } = useComputedData.useComputedData(props);
-    const { onSourceCheckedChange, onTargetCheckedChange } = useCheckedChange.useCheckedChange(checkedState, emit);
-    const { addToLeft, addToRight } = useMove.useMove(props, checkedState, propsKey, emit);
-    const leftPanel = vue.ref(null);
-    const rightPanel = vue.ref(null);
-    const clearQuery = (which) => {
-      if (which === "left") {
-        leftPanel.value.query = "";
-      } else if (which === "right") {
-        rightPanel.value.query = "";
-      }
-    };
-    const hasButtonTexts = vue.computed(() => props.buttonTexts.length === 2);
-    const leftPanelTitle = vue.computed(() => props.titles[0] || t("el.transfer.titles.0"));
-    const rightPanelTitle = vue.computed(() => props.titles[1] || t("el.transfer.titles.1"));
-    const panelFilterPlaceholder = vue.computed(() => props.filterPlaceholder || t("el.transfer.filterPlaceholder"));
-    vue.watch(() => props.modelValue, () => {
-      var _a;
-      (_a = elFormItem.validate) == null ? void 0 : _a.call(elFormItem, "change");
-    });
-    const optionRender = vue.computed(() => (option) => {
-      if (props.renderContent)
-        return props.renderContent(vue.h, option);
-      if (slots.default)
-        return slots.default({ option });
-      return vue.h("span", option[props.props.label] || option[props.props.key]);
-    });
-    return {
-      sourceData,
-      targetData,
-      onSourceCheckedChange,
-      onTargetCheckedChange,
-      addToLeft,
-      addToRight,
-      ...vue.toRefs(checkedState),
-      hasButtonTexts,
-      leftPanelTitle,
-      rightPanelTitle,
-      panelFilterPlaceholder,
-      clearQuery,
-      optionRender
-    };
-  }
-});
-
-exports["default"] = script;
-//# sourceMappingURL=index.vue_vue&type=script&lang.js.map

package/lib/components/transfer/src/index.vue_vue&type=script&lang.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.vue_vue&type=script&lang.js","sources":["../../../../../../packages/components/transfer/src/index.vue"],"sourcesContent":["<template>\n  <div class=\"el-transfer\">\n    <transfer-panel\n      ref=\"leftPanel\"\n      :data=\"sourceData\"\n      :option-render=\"optionRender\"\n      :placeholder=\"panelFilterPlaceholder\"\n      :title=\"leftPanelTitle\"\n      :filterable=\"filterable\"\n      :format=\"format\"\n      :filter-method=\"filterMethod\"\n      :default-checked=\"leftDefaultChecked\"\n      :props=\"props\"\n      @checked-change=\"onSourceCheckedChange\"\n    >\n      <slot name=\"left-footer\"></slot>\n    </transfer-panel>\n    <div class=\"el-transfer__buttons\">\n      <el-button\n        type=\"primary\"\n        :class=\"['el-transfer__button', hasButtonTexts ? 'is-with-texts' : '']\"\n        :disabled=\"rightChecked.length === 0\"\n        @click=\"addToLeft\"\n      >\n        <el-icon><arrow-left /></el-icon>\n        <span v-if=\"buttonTexts[0] !== undefined\">{{ buttonTexts[0] }}</span>\n      </el-button>\n      <el-button\n        type=\"primary\"\n        :class=\"['el-transfer__button', hasButtonTexts ? 'is-with-texts' : '']\"\n        :disabled=\"leftChecked.length === 0\"\n        @click=\"addToRight\"\n      >\n        <span v-if=\"buttonTexts[1] !== undefined\">{{ buttonTexts[1] }}</span>\n        <el-icon><arrow-right /></el-icon>\n      </el-button>\n    </div>\n    <transfer-panel\n      ref=\"rightPanel\"\n      :data=\"targetData\"\n      :option-render=\"optionRender\"\n      :placeholder=\"panelFilterPlaceholder\"\n      :filterable=\"filterable\"\n      :format=\"format\"\n      :filter-method=\"filterMethod\"\n      :title=\"rightPanelTitle\"\n      :default-checked=\"rightDefaultChecked\"\n      :props=\"props\"\n      @checked-change=\"onTargetCheckedChange\"\n    >\n      <slot name=\"right-footer\"></slot>\n    </transfer-panel>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport {\n  computed,\n  defineComponent,\n  inject,\n  h,\n  reactive,\n  ref,\n  toRefs,\n  watch,\n} from 'vue'\nimport ElButton from '@element-plus/components/button'\nimport ElIcon from '@element-plus/components/icon'\nimport { elFormItemKey } from '@element-plus/tokens'\nimport { useLocaleInject } from '@element-plus/hooks'\nimport { UPDATE_MODEL_EVENT } from '@element-plus/utils/constants'\nimport { ArrowLeft, ArrowRight } from '@element-plus/icons'\nimport TransferPanel from './transfer-panel.vue'\nimport { useComputedData } from './useComputedData'\nimport {\n  useCheckedChange,\n  LEFT_CHECK_CHANGE_EVENT,\n  RIGHT_CHECK_CHANGE_EVENT,\n} from './useCheckedChange'\nimport { useMove } from './useMove'\nimport { CHANGE_EVENT } from './transfer'\n\nimport type { PropType, VNode } from 'vue'\nimport type { ElFormItemContext } from '@element-plus/tokens'\nimport type { DataItem, Format, Key, Props, TargetOrder } from './transfer'\n\nexport default defineComponent({\n  name: 'ElTransfer',\n\n  components: {\n    TransferPanel,\n    ElButton,\n    ElIcon,\n    ArrowLeft,\n    ArrowRight,\n  },\n\n  props: {\n    data: {\n      type: Array as PropType<DataItem[]>,\n      default: () => [],\n    },\n    titles: {\n      type: Array as PropType<any> as PropType<[string, string]>,\n      default: () => [],\n    },\n    buttonTexts: {\n      type: Array as PropType<any> as PropType<[string, string]>,\n      default: () => [],\n    },\n    filterPlaceholder: {\n      type: String,\n      default: '',\n    },\n    filterMethod: Function as PropType<\n      (query: string, item: DataItem) => boolean\n    >,\n    leftDefaultChecked: {\n      type: Array as PropType<Key[]>,\n      default: () => [],\n    },\n    rightDefaultChecked: {\n      type: Array as PropType<Key[]>,\n      default: () => [],\n    },\n    renderContent: Function as PropType<(h, option) => VNode>,\n    modelValue: {\n      type: Array as PropType<Key[]>,\n      default: () => [],\n    },\n    format: {\n      type: Object as PropType<Format>,\n      default: () => ({}),\n    },\n    filterable: {\n      type: Boolean,\n      default: false,\n    },\n    props: {\n      type: Object as PropType<Props>,\n      default: () => ({\n        label: 'label',\n        key: 'key',\n        disabled: 'disabled',\n      }),\n    },\n    targetOrder: {\n      type: String as PropType<TargetOrder>,\n      default: 'original',\n      validator: (val: string) => {\n        return ['original', 'push', 'unshift'].includes(val)\n      },\n    },\n  },\n\n  emits: [\n    UPDATE_MODEL_EVENT,\n    CHANGE_EVENT,\n    LEFT_CHECK_CHANGE_EVENT,\n    RIGHT_CHECK_CHANGE_EVENT,\n  ],\n\n  setup(props, { emit, slots }) {\n    const { t } = useLocaleInject()\n    const elFormItem = inject(elFormItemKey, {} as ElFormItemContext)\n\n    const checkedState = reactive({\n      leftChecked: [],\n      rightChecked: [],\n    })\n\n    const { propsKey, sourceData, targetData } = useComputedData(props)\n\n    const { onSourceCheckedChange, onTargetCheckedChange } = useCheckedChange(\n      checkedState,\n      emit\n    )\n\n    const { addToLeft, addToRight } = useMove(\n      props,\n      checkedState,\n      propsKey,\n      emit\n    )\n\n    const leftPanel = ref(null)\n    const rightPanel = ref(null)\n\n    const clearQuery = (which: 'left' | 'right') => {\n      if (which === 'left') {\n        leftPanel.value.query = ''\n      } else if (which === 'right') {\n        rightPanel.value.query = ''\n      }\n    }\n\n    const hasButtonTexts = computed(() => props.buttonTexts.length === 2)\n\n    const leftPanelTitle = computed(\n      () => props.titles[0] || t('el.transfer.titles.0')\n    )\n\n    const rightPanelTitle = computed(\n      () => props.titles[1] || t('el.transfer.titles.1')\n    )\n\n    const panelFilterPlaceholder = computed(\n      () => props.filterPlaceholder || t('el.transfer.filterPlaceholder')\n    )\n\n    watch(\n      () => props.modelValue,\n      () => {\n        elFormItem.validate?.('change')\n      }\n    )\n\n    const optionRender = computed(() => (option) => {\n      if (props.renderContent) return props.renderContent(h, option)\n\n      if (slots.default) return slots.default({ option })\n\n      return h('span', option[props.props.label] || option[props.props.key])\n    })\n\n    return {\n      sourceData,\n      targetData,\n      onSourceCheckedChange,\n      onTargetCheckedChange,\n      addToLeft,\n      addToRight,\n\n      ...toRefs(checkedState),\n\n      hasButtonTexts,\n      leftPanelTitle,\n      rightPanelTitle,\n      panelFilterPlaceholder,\n      clearQuery,\n\n      optionRender,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","TransferPanel","ElButton","ElIcon","ArrowLeft","ArrowRight","UPDATE_MODEL_EVENT","CHANGE_EVENT","LEFT_CHECK_CHANGE_EVENT","RIGHT_CHECK_CHANGE_EVENT","useLocaleInject","inject","elFormItemKey","reactive","useComputedData","useCheckedChange","useMove","ref","computed","h","toRefs"],"mappings":";;;;;;;;;;;;;;;;;;;;AAsFA,aAAeA,oBAAgB;AAAA,EAC7B,MAAM;AAAA,EAEN,YAAY;AAAA,mBACVC;AAAA,cACAC;AAAA,YACAC;AAAA,eACAC;AAAA,gBACAC;AAAA;AAAA,EAGF,OAAO;AAAA,IACL,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS,MAAM;AAAA;AAAA,IAEjB,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,SAAS,MAAM;AAAA;AAAA,IAEjB,aAAa;AAAA,MACX,MAAM;AAAA,MACN,SAAS,MAAM;AAAA;AAAA,IAEjB,mBAAmB;AAAA,MACjB,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,cAAc;AAAA,IAGd,oBAAoB;AAAA,MAClB,MAAM;AAAA,MACN,SAAS,MAAM;AAAA;AAAA,IAEjB,qBAAqB;AAAA,MACnB,MAAM;AAAA,MACN,SAAS,MAAM;AAAA;AAAA,IAEjB,eAAe;AAAA,IACf,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS,MAAM;AAAA;AAAA,IAEjB,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAO;AAAA,IAElB,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,OAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAO,QACd,OAAO;AAAA,QACP,KAAK;AAAA,QACL,UAAU;AAAA;AAAA;AAAA,IAGd,aAAa;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA,MACT,WAAW,CAAC,QAAgB;AAC1B,eAAO,CAAC,YAAY,QAAQ,WAAW,SAAS;AAAA;AAAA;AAAA;AAAA,EAKtD,OAAO;AAAA,IACLC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA;AAAA,EAGF,MAAM,OAAO,EAAE,MAAM,SAAS;AAC5B,UAAM,EAAE,MAAMC;AACd,UAAM,aAAaC,WAAOC,oBAAe;AAEzC,UAAM,eAAeC,aAAS;AAAA,MAC5B,aAAa;AAAA,MACb,cAAc;AAAA;AAGhB,UAAM,EAAE,UAAU,YAAY,eAAeC,gCAAgB;AAE7D,UAAM,EAAE,uBAAuB,0BAA0BC,kCACvD,cACA;AAGF,UAAM,EAAE,WAAW,eAAeC,gBAChC,OACA,cACA,UACA;AAGF,UAAM,YAAYC,QAAI;AACtB,UAAM,aAAaA,QAAI;AAEvB,UAAM,aAAa,CAAC,UAA4B;AAC9C,UAAI,UAAU,QAAQ;AACpB,kBAAU,MAAM,QAAQ;AAAA,iBACf,UAAU,SAAS;AAC5B,mBAAW,MAAM,QAAQ;AAAA;AAAA;AAI7B,UAAM,iBAAiBC,aAAS,MAAM,MAAM,YAAY,WAAW;AAEnE,UAAM,iBAAiBA,aACrB,MAAM,MAAM,OAAO,MAAM,EAAE;AAG7B,UAAM,kBAAkBA,aACtB,MAAM,MAAM,OAAO,MAAM,EAAE;AAG7B,UAAM,yBAAyBA,aAC7B,MAAM,MAAM,qBAAqB,EAAE;AAGrC,cACE,MAAM,MAAM,YACZ,MAAM;;AACJ,uBAAW,aAAX,oCAAsB;AAAA;AAI1B,UAAM,eAAeA,aAAS,MAAM,CAAC,WAAW;AAC9C,UAAI,MAAM;AAAe,eAAO,MAAM,cAAcC,OAAG;AAEvD,UAAI,MAAM;AAAS,eAAO,MAAM,QAAQ,EAAE;AAE1C,aAAOA,MAAE,QAAQ,OAAO,MAAM,MAAM,UAAU,OAAO,MAAM,MAAM;AAAA;AAGnE,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,SAEGC,WAAO;AAAA,MAEV;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEA;AAAA;AAAA;AAAA;;;;"}

package/lib/components/transfer/src/index.vue_vue&type=template&id=6c8b9070&lang.js

@@ -1,94 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var vue = require('vue');
-
-const _hoisted_1 = { class: "el-transfer" };
-const _hoisted_2 = { class: "el-transfer__buttons" };
-const _hoisted_3 = { key: 0 };
-const _hoisted_4 = { key: 0 };
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_transfer_panel = vue.resolveComponent("transfer-panel");
-  const _component_arrow_left = vue.resolveComponent("arrow-left");
-  const _component_el_icon = vue.resolveComponent("el-icon");
-  const _component_el_button = vue.resolveComponent("el-button");
-  const _component_arrow_right = vue.resolveComponent("arrow-right");
-  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-    vue.createVNode(_component_transfer_panel, {
-      ref: "leftPanel",
-      data: _ctx.sourceData,
-      "option-render": _ctx.optionRender,
-      placeholder: _ctx.panelFilterPlaceholder,
-      title: _ctx.leftPanelTitle,
-      filterable: _ctx.filterable,
-      format: _ctx.format,
-      "filter-method": _ctx.filterMethod,
-      "default-checked": _ctx.leftDefaultChecked,
-      props: _ctx.props,
-      onCheckedChange: _ctx.onSourceCheckedChange
-    }, {
-      default: vue.withCtx(() => [
-        vue.renderSlot(_ctx.$slots, "left-footer")
-      ]),
-      _: 3
-    }, 8, ["data", "option-render", "placeholder", "title", "filterable", "format", "filter-method", "default-checked", "props", "onCheckedChange"]),
-    vue.createElementVNode("div", _hoisted_2, [
-      vue.createVNode(_component_el_button, {
-        type: "primary",
-        class: vue.normalizeClass(["el-transfer__button", _ctx.hasButtonTexts ? "is-with-texts" : ""]),
-        disabled: _ctx.rightChecked.length === 0,
-        onClick: _ctx.addToLeft
-      }, {
-        default: vue.withCtx(() => [
-          vue.createVNode(_component_el_icon, null, {
-            default: vue.withCtx(() => [
-              vue.createVNode(_component_arrow_left)
-            ]),
-            _: 1
-          }),
-          _ctx.buttonTexts[0] !== void 0 ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3, vue.toDisplayString(_ctx.buttonTexts[0]), 1)) : vue.createCommentVNode("v-if", true)
-        ]),
-        _: 1
-      }, 8, ["class", "disabled", "onClick"]),
-      vue.createVNode(_component_el_button, {
-        type: "primary",
-        class: vue.normalizeClass(["el-transfer__button", _ctx.hasButtonTexts ? "is-with-texts" : ""]),
-        disabled: _ctx.leftChecked.length === 0,
-        onClick: _ctx.addToRight
-      }, {
-        default: vue.withCtx(() => [
-          _ctx.buttonTexts[1] !== void 0 ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4, vue.toDisplayString(_ctx.buttonTexts[1]), 1)) : vue.createCommentVNode("v-if", true),
-          vue.createVNode(_component_el_icon, null, {
-            default: vue.withCtx(() => [
-              vue.createVNode(_component_arrow_right)
-            ]),
-            _: 1
-          })
-        ]),
-        _: 1
-      }, 8, ["class", "disabled", "onClick"])
-    ]),
-    vue.createVNode(_component_transfer_panel, {
-      ref: "rightPanel",
-      data: _ctx.targetData,
-      "option-render": _ctx.optionRender,
-      placeholder: _ctx.panelFilterPlaceholder,
-      filterable: _ctx.filterable,
-      format: _ctx.format,
-      "filter-method": _ctx.filterMethod,
-      title: _ctx.rightPanelTitle,
-      "default-checked": _ctx.rightDefaultChecked,
-      props: _ctx.props,
-      onCheckedChange: _ctx.onTargetCheckedChange
-    }, {
-      default: vue.withCtx(() => [
-        vue.renderSlot(_ctx.$slots, "right-footer")
-      ]),
-      _: 3
-    }, 8, ["data", "option-render", "placeholder", "filterable", "format", "filter-method", "title", "default-checked", "props", "onCheckedChange"])
-  ]);
-}
-
-exports.render = render;
-//# sourceMappingURL=index.vue_vue&type=template&id=6c8b9070&lang.js.map

package/lib/components/transfer/src/index.vue_vue&type=template&id=6c8b9070&lang.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.vue_vue&type=template&id=6c8b9070&lang.js","sources":["../../../../../../packages/components/transfer/src/index.vue?vue&type=template&id=6c8b9070&lang.js"],"sourcesContent":["<template>\n  <div class=\"el-transfer\">\n    <transfer-panel\n      ref=\"leftPanel\"\n      :data=\"sourceData\"\n      :option-render=\"optionRender\"\n      :placeholder=\"panelFilterPlaceholder\"\n      :title=\"leftPanelTitle\"\n      :filterable=\"filterable\"\n      :format=\"format\"\n      :filter-method=\"filterMethod\"\n      :default-checked=\"leftDefaultChecked\"\n      :props=\"props\"\n      @checked-change=\"onSourceCheckedChange\"\n    >\n      <slot name=\"left-footer\"></slot>\n    </transfer-panel>\n    <div class=\"el-transfer__buttons\">\n      <el-button\n        type=\"primary\"\n        :class=\"['el-transfer__button', hasButtonTexts ? 'is-with-texts' : '']\"\n        :disabled=\"rightChecked.length === 0\"\n        @click=\"addToLeft\"\n      >\n        <el-icon><arrow-left /></el-icon>\n        <span v-if=\"buttonTexts[0] !== undefined\">{{ buttonTexts[0] }}</span>\n      </el-button>\n      <el-button\n        type=\"primary\"\n        :class=\"['el-transfer__button', hasButtonTexts ? 'is-with-texts' : '']\"\n        :disabled=\"leftChecked.length === 0\"\n        @click=\"addToRight\"\n      >\n        <span v-if=\"buttonTexts[1] !== undefined\">{{ buttonTexts[1] }}</span>\n        <el-icon><arrow-right /></el-icon>\n      </el-button>\n    </div>\n    <transfer-panel\n      ref=\"rightPanel\"\n      :data=\"targetData\"\n      :option-render=\"optionRender\"\n      :placeholder=\"panelFilterPlaceholder\"\n      :filterable=\"filterable\"\n      :format=\"format\"\n      :filter-method=\"filterMethod\"\n      :title=\"rightPanelTitle\"\n      :default-checked=\"rightDefaultChecked\"\n      :props=\"props\"\n      @checked-change=\"onTargetCheckedChange\"\n    >\n      <slot name=\"right-footer\"></slot>\n    </transfer-panel>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport {\n  computed,\n  defineComponent,\n  inject,\n  h,\n  reactive,\n  ref,\n  toRefs,\n  watch,\n} from 'vue'\nimport ElButton from '@element-plus/components/button'\nimport ElIcon from '@element-plus/components/icon'\nimport { elFormItemKey } from '@element-plus/tokens'\nimport { useLocaleInject } from '@element-plus/hooks'\nimport { UPDATE_MODEL_EVENT } from '@element-plus/utils/constants'\nimport { ArrowLeft, ArrowRight } from '@element-plus/icons'\nimport TransferPanel from './transfer-panel.vue'\nimport { useComputedData } from './useComputedData'\nimport {\n  useCheckedChange,\n  LEFT_CHECK_CHANGE_EVENT,\n  RIGHT_CHECK_CHANGE_EVENT,\n} from './useCheckedChange'\nimport { useMove } from './useMove'\nimport { CHANGE_EVENT } from './transfer'\n\nimport type { PropType, VNode } from 'vue'\nimport type { ElFormItemContext } from '@element-plus/tokens'\nimport type { DataItem, Format, Key, Props, TargetOrder } from './transfer'\n\nexport default defineComponent({\n  name: 'ElTransfer',\n\n  components: {\n    TransferPanel,\n    ElButton,\n    ElIcon,\n    ArrowLeft,\n    ArrowRight,\n  },\n\n  props: {\n    data: {\n      type: Array as PropType<DataItem[]>,\n      default: () => [],\n    },\n    titles: {\n      type: Array as PropType<any> as PropType<[string, string]>,\n      default: () => [],\n    },\n    buttonTexts: {\n      type: Array as PropType<any> as PropType<[string, string]>,\n      default: () => [],\n    },\n    filterPlaceholder: {\n      type: String,\n      default: '',\n    },\n    filterMethod: Function as PropType<\n      (query: string, item: DataItem) => boolean\n    >,\n    leftDefaultChecked: {\n      type: Array as PropType<Key[]>,\n      default: () => [],\n    },\n    rightDefaultChecked: {\n      type: Array as PropType<Key[]>,\n      default: () => [],\n    },\n    renderContent: Function as PropType<(h, option) => VNode>,\n    modelValue: {\n      type: Array as PropType<Key[]>,\n      default: () => [],\n    },\n    format: {\n      type: Object as PropType<Format>,\n      default: () => ({}),\n    },\n    filterable: {\n      type: Boolean,\n      default: false,\n    },\n    props: {\n      type: Object as PropType<Props>,\n      default: () => ({\n        label: 'label',\n        key: 'key',\n        disabled: 'disabled',\n      }),\n    },\n    targetOrder: {\n      type: String as PropType<TargetOrder>,\n      default: 'original',\n      validator: (val: string) => {\n        return ['original', 'push', 'unshift'].includes(val)\n      },\n    },\n  },\n\n  emits: [\n    UPDATE_MODEL_EVENT,\n    CHANGE_EVENT,\n    LEFT_CHECK_CHANGE_EVENT,\n    RIGHT_CHECK_CHANGE_EVENT,\n  ],\n\n  setup(props, { emit, slots }) {\n    const { t } = useLocaleInject()\n    const elFormItem = inject(elFormItemKey, {} as ElFormItemContext)\n\n    const checkedState = reactive({\n      leftChecked: [],\n      rightChecked: [],\n    })\n\n    const { propsKey, sourceData, targetData } = useComputedData(props)\n\n    const { onSourceCheckedChange, onTargetCheckedChange } = useCheckedChange(\n      checkedState,\n      emit\n    )\n\n    const { addToLeft, addToRight } = useMove(\n      props,\n      checkedState,\n      propsKey,\n      emit\n    )\n\n    const leftPanel = ref(null)\n    const rightPanel = ref(null)\n\n    const clearQuery = (which: 'left' | 'right') => {\n      if (which === 'left') {\n        leftPanel.value.query = ''\n      } else if (which === 'right') {\n        rightPanel.value.query = ''\n      }\n    }\n\n    const hasButtonTexts = computed(() => props.buttonTexts.length === 2)\n\n    const leftPanelTitle = computed(\n      () => props.titles[0] || t('el.transfer.titles.0')\n    )\n\n    const rightPanelTitle = computed(\n      () => props.titles[1] || t('el.transfer.titles.1')\n    )\n\n    const panelFilterPlaceholder = computed(\n      () => props.filterPlaceholder || t('el.transfer.filterPlaceholder')\n    )\n\n    watch(\n      () => props.modelValue,\n      () => {\n        elFormItem.validate?.('change')\n      }\n    )\n\n    const optionRender = computed(() => (option) => {\n      if (props.renderContent) return props.renderContent(h, option)\n\n      if (slots.default) return slots.default({ option })\n\n      return h('span', option[props.props.label] || option[props.props.key])\n    })\n\n    return {\n      sourceData,\n      targetData,\n      onSourceCheckedChange,\n      onTargetCheckedChange,\n      addToLeft,\n      addToRight,\n\n      ...toRefs(checkedState),\n\n      hasButtonTexts,\n      leftPanelTitle,\n      rightPanelTitle,\n      panelFilterPlaceholder,\n      clearQuery,\n\n      optionRender,\n    }\n  },\n})\n</script>\n"],"names":["_createElementBlock","_createVNode","_renderSlot","_createElementVNode"],"mappings":";;;;;;qBACO,OAAM;qBAgBJ,OAAM;;;;;;;;;0BAhBbA,8BAAA;IACEC;MACE,KAAI;AAAA,MACH,MAAM;MACN,iBAAe;MACf,aAAa;MACb,OAAO;MACP,YAAY;MACZ,QAAQ;MACR,iBAAe;MACf,mBAAiB;MACjB,OAAO;MACP,iBAAgB;;2BAEjB;QAAAC;;;;IAEFC,8BAAA;MACEF;QACE,MAAK;AAAA,QACJ,kDAA+B;QAC/B,UAAU,kBAAa;QACvB,SAAO;;6BAER;UAAAA;iCAAS;cAAAA,gBAAc;AAAA;AAAA;;UACX,wBAAmB,2BAA/BD,+DAA6C;;;;MAE/CC;QACE,MAAK;AAAA,QACJ,kDAA+B;QAC/B,UAAU,iBAAY;QACtB,SAAO;;6BAER;UAAY,wBAAmB,2BAA/BD,+DAA6C;UAC7CC;iCAAS;cAAAA,gBAAe;AAAA;AAAA;;;;;;IAG5BA;MACE,KAAI;AAAA,MACH,MAAM;MACN,iBAAe;MACf,aAAa;MACb,YAAY;MACZ,QAAQ;MACR,iBAAe;MACf,OAAO;MACP,mBAAiB;MACjB,OAAO;MACP,iBAAgB;;2BAEjB;QAAAC;;;;;;;;;"}

package/lib/components/transfer/src/transfer-panel.vue_vue&type=script&lang.js

@@ -1,79 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var vue = require('vue');
-require('../../../hooks/index.js');
-var index = require('../../checkbox/index.js');
-var index$2 = require('../../icon/index.js');
-var index$1 = require('../../input/index.js');
-var icons = require('@element-plus/icons');
-var useCheck = require('./useCheck.js');
-var index$3 = require('../../../hooks/use-locale/index.js');
-
-var script = vue.defineComponent({
-  name: "ElTransferPanel",
-  components: {
-    ElCheckboxGroup: index.ElCheckboxGroup,
-    ElCheckbox: index.ElCheckbox,
-    ElInput: index$1.ElInput,
-    ElIcon: index$2.ElIcon,
-    OptionContent: ({ option }) => option
-  },
-  props: useCheck.useCheckProps,
-  emits: [useCheck.CHECKED_CHANGE_EVENT],
-  setup(props, { slots }) {
-    const { t } = index$3.useLocaleInject();
-    const panelState = vue.reactive({
-      checked: [],
-      allChecked: false,
-      query: "",
-      inputHover: false,
-      checkChangeByUser: true
-    });
-    const {
-      labelProp,
-      keyProp,
-      disabledProp,
-      filteredData,
-      checkedSummary,
-      isIndeterminate,
-      handleAllCheckedChange
-    } = useCheck.useCheck(props, panelState);
-    const hasNoMatch = vue.computed(() => {
-      return panelState.query.length > 0 && filteredData.value.length === 0;
-    });
-    const inputIcon = vue.computed(() => {
-      return panelState.query.length > 0 && panelState.inputHover ? icons.CircleClose : icons.Search;
-    });
-    const hasFooter = vue.computed(() => !!slots.default()[0].children.length);
-    const clearQuery = () => {
-      if (inputIcon.value === icons.CircleClose) {
-        panelState.query = "";
-      }
-    };
-    const { checked, allChecked, query, inputHover, checkChangeByUser } = vue.toRefs(panelState);
-    return {
-      labelProp,
-      keyProp,
-      disabledProp,
-      filteredData,
-      checkedSummary,
-      isIndeterminate,
-      handleAllCheckedChange,
-      checked,
-      allChecked,
-      query,
-      inputHover,
-      checkChangeByUser,
-      hasNoMatch,
-      inputIcon,
-      hasFooter,
-      clearQuery,
-      t
-    };
-  }
-});
-
-exports["default"] = script;
-//# sourceMappingURL=transfer-panel.vue_vue&type=script&lang.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"transfer-panel.vue_vue&type=script&lang.js","sources":["../../../../../../packages/components/transfer/src/transfer-panel.vue"],"sourcesContent":["<template>\n  <div class=\"el-transfer-panel\">\n    <p class=\"el-transfer-panel__header\">\n      <el-checkbox\n        v-model=\"allChecked\"\n        :indeterminate=\"isIndeterminate\"\n        @change=\"handleAllCheckedChange\"\n      >\n        {{ title }}\n        <span>{{ checkedSummary }}</span>\n      </el-checkbox>\n    </p>\n\n    <div\n      :class=\"['el-transfer-panel__body', hasFooter ? 'is-with-footer' : '']\"\n    >\n      <el-input\n        v-if=\"filterable\"\n        v-model=\"query\"\n        class=\"el-transfer-panel__filter\"\n        size=\"small\"\n        :placeholder=\"placeholder\"\n        @mouseenter=\"inputHover = true\"\n        @mouseleave=\"inputHover = false\"\n      >\n        <template #prefix>\n          <el-icon v-if=\"inputIcon\" class=\"el-input__icon\" @click=\"clearQuery\">\n            <component :is=\"inputIcon\" />\n          </el-icon>\n        </template>\n      </el-input>\n      <el-checkbox-group\n        v-show=\"!hasNoMatch && data.length > 0\"\n        v-model=\"checked\"\n        :class=\"{ 'is-filterable': filterable }\"\n        class=\"el-transfer-panel__list\"\n      >\n        <el-checkbox\n          v-for=\"item in filteredData\"\n          :key=\"item[keyProp]\"\n          class=\"el-transfer-panel__item\"\n          :label=\"item[keyProp]\"\n          :disabled=\"item[disabledProp]\"\n        >\n          <option-content :option=\"optionRender(item)\" />\n        </el-checkbox>\n      </el-checkbox-group>\n      <p\n        v-show=\"hasNoMatch || data.length === 0\"\n        class=\"el-transfer-panel__empty\"\n      >\n        {{ hasNoMatch ? t('el.transfer.noMatch') : t('el.transfer.noData') }}\n      </p>\n    </div>\n    <p v-if=\"hasFooter\" class=\"el-transfer-panel__footer\">\n      <slot></slot>\n    </p>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, reactive, toRefs } from 'vue'\nimport { useLocaleInject } from '@element-plus/hooks'\nimport { ElCheckbox, ElCheckboxGroup } from '@element-plus/components/checkbox'\nimport ElIcon from '@element-plus/components/icon'\nimport ElInput from '@element-plus/components/input'\nimport { CircleClose, Search } from '@element-plus/icons'\nimport { useCheck, useCheckProps, CHECKED_CHANGE_EVENT } from './useCheck'\n\nexport default defineComponent({\n  name: 'ElTransferPanel',\n\n  components: {\n    ElCheckboxGroup,\n    ElCheckbox,\n    ElInput,\n    ElIcon,\n    OptionContent: ({ option }) => option,\n  },\n\n  props: useCheckProps,\n\n  emits: [CHECKED_CHANGE_EVENT],\n\n  setup(props, { slots }) {\n    const { t } = useLocaleInject()\n\n    const panelState = reactive({\n      checked: [],\n      allChecked: false,\n      query: '',\n      inputHover: false,\n      checkChangeByUser: true,\n    })\n\n    const {\n      labelProp,\n      keyProp,\n      disabledProp,\n      filteredData,\n      checkedSummary,\n      isIndeterminate,\n      handleAllCheckedChange,\n    } = useCheck(props, panelState)\n\n    const hasNoMatch = computed(() => {\n      return panelState.query.length > 0 && filteredData.value.length === 0\n    })\n\n    const inputIcon = computed(() => {\n      return panelState.query.length > 0 && panelState.inputHover\n        ? CircleClose\n        : Search\n    })\n\n    const hasFooter = computed(() => !!slots.default()[0].children.length)\n\n    const clearQuery = () => {\n      if (inputIcon.value === CircleClose) {\n        panelState.query = ''\n      }\n    }\n\n    const { checked, allChecked, query, inputHover, checkChangeByUser } =\n      toRefs(panelState)\n\n    return {\n      labelProp,\n      keyProp,\n      disabledProp,\n      filteredData,\n      checkedSummary,\n      isIndeterminate,\n      handleAllCheckedChange,\n\n      checked,\n      allChecked,\n      query,\n      inputHover,\n      checkChangeByUser,\n\n      hasNoMatch,\n      inputIcon,\n      hasFooter,\n      clearQuery,\n\n      t,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","ElCheckboxGroup","ElCheckbox","ElInput","ElIcon","useCheckProps","CHECKED_CHANGE_EVENT","useLocaleInject","reactive","useCheck","computed","CircleClose","Search","toRefs"],"mappings":";;;;;;;;;;;;;AAqEA,aAAeA,oBAAgB;AAAA,EAC7B,MAAM;AAAA,EAEN,YAAY;AAAA,qBACVC;AAAA,gBACAC;AAAA,aACAC;AAAA,YACAC;AAAA,IACA,eAAe,CAAC,EAAE,aAAa;AAAA;AAAA,EAGjC,OAAOC;AAAA,EAEP,OAAO,CAACC;AAAA,EAER,MAAM,OAAO,EAAE,SAAS;AACtB,UAAM,EAAE,MAAMC;AAEd,UAAM,aAAaC,aAAS;AAAA,MAC1B,SAAS;AAAA,MACT,YAAY;AAAA,MACZ,OAAO;AAAA,MACP,YAAY;AAAA,MACZ,mBAAmB;AAAA;AAGrB,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,QACEC,kBAAS,OAAO;AAEpB,UAAM,aAAaC,aAAS,MAAM;AAChC,aAAO,WAAW,MAAM,SAAS,KAAK,aAAa,MAAM,WAAW;AAAA;AAGtE,UAAM,YAAYA,aAAS,MAAM;AAC/B,aAAO,WAAW,MAAM,SAAS,KAAK,WAAW,aAC7CC,oBACAC;AAAA;AAGN,UAAM,YAAYF,aAAS,MAAM,CAAC,CAAC,MAAM,UAAU,GAAG,SAAS;AAE/D,UAAM,aAAa,MAAM;AACvB,UAAI,UAAU,UAAUC,mBAAa;AACnC,mBAAW,QAAQ;AAAA;AAAA;AAIvB,UAAM,EAAE,SAAS,YAAY,OAAO,YAAY,sBAC9CE,WAAO;AAET,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEA;AAAA;AAAA;AAAA;;;;"}

package/lib/components/transfer/src/transfer-panel.vue_vue&type=template&id=1a7d1f9c&lang.js

@@ -1,98 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var vue = require('vue');
-
-const _hoisted_1 = { class: "el-transfer-panel" };
-const _hoisted_2 = { class: "el-transfer-panel__header" };
-const _hoisted_3 = {
-  key: 0,
-  class: "el-transfer-panel__footer"
-};
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_el_checkbox = vue.resolveComponent("el-checkbox");
-  const _component_el_icon = vue.resolveComponent("el-icon");
-  const _component_el_input = vue.resolveComponent("el-input");
-  const _component_option_content = vue.resolveComponent("option-content");
-  const _component_el_checkbox_group = vue.resolveComponent("el-checkbox-group");
-  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-    vue.createElementVNode("p", _hoisted_2, [
-      vue.createVNode(_component_el_checkbox, {
-        modelValue: _ctx.allChecked,
-        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.allChecked = $event),
-        indeterminate: _ctx.isIndeterminate,
-        onChange: _ctx.handleAllCheckedChange
-      }, {
-        default: vue.withCtx(() => [
-          vue.createTextVNode(vue.toDisplayString(_ctx.title) + " ", 1),
-          vue.createElementVNode("span", null, vue.toDisplayString(_ctx.checkedSummary), 1)
-        ]),
-        _: 1
-      }, 8, ["modelValue", "indeterminate", "onChange"])
-    ]),
-    vue.createElementVNode("div", {
-      class: vue.normalizeClass(["el-transfer-panel__body", _ctx.hasFooter ? "is-with-footer" : ""])
-    }, [
-      _ctx.filterable ? (vue.openBlock(), vue.createBlock(_component_el_input, {
-        key: 0,
-        modelValue: _ctx.query,
-        "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => _ctx.query = $event),
-        class: "el-transfer-panel__filter",
-        size: "small",
-        placeholder: _ctx.placeholder,
-        onMouseenter: _cache[2] || (_cache[2] = ($event) => _ctx.inputHover = true),
-        onMouseleave: _cache[3] || (_cache[3] = ($event) => _ctx.inputHover = false)
-      }, {
-        prefix: vue.withCtx(() => [
-          _ctx.inputIcon ? (vue.openBlock(), vue.createBlock(_component_el_icon, {
-            key: 0,
-            class: "el-input__icon",
-            onClick: _ctx.clearQuery
-          }, {
-            default: vue.withCtx(() => [
-              (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.inputIcon)))
-            ]),
-            _: 1
-          }, 8, ["onClick"])) : vue.createCommentVNode("v-if", true)
-        ]),
-        _: 1
-      }, 8, ["modelValue", "placeholder"])) : vue.createCommentVNode("v-if", true),
-      vue.withDirectives(vue.createVNode(_component_el_checkbox_group, {
-        modelValue: _ctx.checked,
-        "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => _ctx.checked = $event),
-        class: vue.normalizeClass([{ "is-filterable": _ctx.filterable }, "el-transfer-panel__list"])
-      }, {
-        default: vue.withCtx(() => [
-          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.filteredData, (item) => {
-            return vue.openBlock(), vue.createBlock(_component_el_checkbox, {
-              key: item[_ctx.keyProp],
-              class: "el-transfer-panel__item",
-              label: item[_ctx.keyProp],
-              disabled: item[_ctx.disabledProp]
-            }, {
-              default: vue.withCtx(() => [
-                vue.createVNode(_component_option_content, {
-                  option: _ctx.optionRender(item)
-                }, null, 8, ["option"])
-              ]),
-              _: 2
-            }, 1032, ["label", "disabled"]);
-          }), 128))
-        ]),
-        _: 1
-      }, 8, ["modelValue", "class"]), [
-        [vue.vShow, !_ctx.hasNoMatch && _ctx.data.length > 0]
-      ]),
-      vue.withDirectives(vue.createElementVNode("p", { class: "el-transfer-panel__empty" }, vue.toDisplayString(_ctx.hasNoMatch ? _ctx.t("el.transfer.noMatch") : _ctx.t("el.transfer.noData")), 513), [
-        [vue.vShow, _ctx.hasNoMatch || _ctx.data.length === 0]
-      ])
-    ], 2),
-    _ctx.hasFooter ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_3, [
-      vue.renderSlot(_ctx.$slots, "default")
-    ])) : vue.createCommentVNode("v-if", true)
-  ]);
-}
-
-exports.render = render;
-//# sourceMappingURL=transfer-panel.vue_vue&type=template&id=1a7d1f9c&lang.js.map

package/lib/components/transfer/src/transfer-panel.vue_vue&type=template&id=1a7d1f9c&lang.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"transfer-panel.vue_vue&type=template&id=1a7d1f9c&lang.js","sources":["../../../../../../packages/components/transfer/src/transfer-panel.vue?vue&type=template&id=1a7d1f9c&lang.js"],"sourcesContent":["<template>\n  <div class=\"el-transfer-panel\">\n    <p class=\"el-transfer-panel__header\">\n      <el-checkbox\n        v-model=\"allChecked\"\n        :indeterminate=\"isIndeterminate\"\n        @change=\"handleAllCheckedChange\"\n      >\n        {{ title }}\n        <span>{{ checkedSummary }}</span>\n      </el-checkbox>\n    </p>\n\n    <div\n      :class=\"['el-transfer-panel__body', hasFooter ? 'is-with-footer' : '']\"\n    >\n      <el-input\n        v-if=\"filterable\"\n        v-model=\"query\"\n        class=\"el-transfer-panel__filter\"\n        size=\"small\"\n        :placeholder=\"placeholder\"\n        @mouseenter=\"inputHover = true\"\n        @mouseleave=\"inputHover = false\"\n      >\n        <template #prefix>\n          <el-icon v-if=\"inputIcon\" class=\"el-input__icon\" @click=\"clearQuery\">\n            <component :is=\"inputIcon\" />\n          </el-icon>\n        </template>\n      </el-input>\n      <el-checkbox-group\n        v-show=\"!hasNoMatch && data.length > 0\"\n        v-model=\"checked\"\n        :class=\"{ 'is-filterable': filterable }\"\n        class=\"el-transfer-panel__list\"\n      >\n        <el-checkbox\n          v-for=\"item in filteredData\"\n          :key=\"item[keyProp]\"\n          class=\"el-transfer-panel__item\"\n          :label=\"item[keyProp]\"\n          :disabled=\"item[disabledProp]\"\n        >\n          <option-content :option=\"optionRender(item)\" />\n        </el-checkbox>\n      </el-checkbox-group>\n      <p\n        v-show=\"hasNoMatch || data.length === 0\"\n        class=\"el-transfer-panel__empty\"\n      >\n        {{ hasNoMatch ? t('el.transfer.noMatch') : t('el.transfer.noData') }}\n      </p>\n    </div>\n    <p v-if=\"hasFooter\" class=\"el-transfer-panel__footer\">\n      <slot></slot>\n    </p>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, reactive, toRefs } from 'vue'\nimport { useLocaleInject } from '@element-plus/hooks'\nimport { ElCheckbox, ElCheckboxGroup } from '@element-plus/components/checkbox'\nimport ElIcon from '@element-plus/components/icon'\nimport ElInput from '@element-plus/components/input'\nimport { CircleClose, Search } from '@element-plus/icons'\nimport { useCheck, useCheckProps, CHECKED_CHANGE_EVENT } from './useCheck'\n\nexport default defineComponent({\n  name: 'ElTransferPanel',\n\n  components: {\n    ElCheckboxGroup,\n    ElCheckbox,\n    ElInput,\n    ElIcon,\n    OptionContent: ({ option }) => option,\n  },\n\n  props: useCheckProps,\n\n  emits: [CHECKED_CHANGE_EVENT],\n\n  setup(props, { slots }) {\n    const { t } = useLocaleInject()\n\n    const panelState = reactive({\n      checked: [],\n      allChecked: false,\n      query: '',\n      inputHover: false,\n      checkChangeByUser: true,\n    })\n\n    const {\n      labelProp,\n      keyProp,\n      disabledProp,\n      filteredData,\n      checkedSummary,\n      isIndeterminate,\n      handleAllCheckedChange,\n    } = useCheck(props, panelState)\n\n    const hasNoMatch = computed(() => {\n      return panelState.query.length > 0 && filteredData.value.length === 0\n    })\n\n    const inputIcon = computed(() => {\n      return panelState.query.length > 0 && panelState.inputHover\n        ? CircleClose\n        : Search\n    })\n\n    const hasFooter = computed(() => !!slots.default()[0].children.length)\n\n    const clearQuery = () => {\n      if (inputIcon.value === CircleClose) {\n        panelState.query = ''\n      }\n    }\n\n    const { checked, allChecked, query, inputHover, checkChangeByUser } =\n      toRefs(panelState)\n\n    return {\n      labelProp,\n      keyProp,\n      disabledProp,\n      filteredData,\n      checkedSummary,\n      isIndeterminate,\n      handleAllCheckedChange,\n\n      checked,\n      allChecked,\n      query,\n      inputHover,\n      checkChangeByUser,\n\n      hasNoMatch,\n      inputIcon,\n      hasFooter,\n      clearQuery,\n\n      t,\n    }\n  },\n})\n</script>\n"],"names":["_createElementBlock","_createElementVNode","_createVNode","_createBlock","_renderSlot"],"mappings":";;;;;;qBACO,OAAM;qBACN,OAAM;;;EAoDW,OAAM;AAAA;;;;;;;0BArD5BA,8BAAA;IACEC,4BAAA;MACEC;oBACW;qEAAA;QACR,eAAe;QACf,UAAQ;;6BAET;kDAAG;UACHD,yDAAS;;;;;IAIbA;MACG,sDAAmC;;MAG5B,oCADRE;;oBAEW;qEAAA;QACT,OAAM;AAAA,QACN,MAAK;AAAA,QACJ,aAAa;QACb,oDAAY;QACZ,oDAAY;;QAEF,oBACT;UAAe,mCAAfA;;YAA0B,OAAM;AAAA,YAAkB,SAAO;;iCACvD;gCAAAA,4CAAgB;;;;;;;yBAItBD;oBAEW;qEAAA;QACR,8CAA0B,mBACrB;AAAA;6BAGJ;gCADFF,0DACiB,oBAAR;oCADTG;cAEG,KAAK,KAAK;cACX,OAAM;AAAA,cACL,OAAO,KAAK;cACZ,UAAU,KAAK;;mCAEhB;gBAAAD;kBAAiB,QAAQ,kBAAa;AAAA;;;;;;;;qBAZ/B,mBAAc,UAAK;;yBAe9BD,8BAEE,OAAM,kDAEH,kBAAa,gCAA2B;oBAHnC,mBAAc,UAAK;;;IAMtB,mCAATD,4BAAA;MACEI;;;;;;;"}

package/lib/components/tree/src/tree-node-content.vue_vue&type=script&lang.js

@@ -1,28 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var vue = require('vue');
-
-var script = vue.defineComponent({
-  name: "ElTreeNodeContent",
-  props: {
-    node: {
-      type: Object,
-      required: true
-    },
-    renderContent: Function
-  },
-  setup(props) {
-    const nodeInstance = vue.inject("NodeInstance");
-    const tree = vue.inject("RootTree");
-    return () => {
-      const node = props.node;
-      const { data, store } = node;
-      return props.renderContent ? props.renderContent(vue.h, { _self: nodeInstance, node, data, store }) : tree.ctx.slots.default ? tree.ctx.slots.default({ node, data }) : vue.h("span", { class: "el-tree-node__label" }, [node.label]);
-    };
-  }
-});
-
-exports["default"] = script;
-//# sourceMappingURL=tree-node-content.vue_vue&type=script&lang.js.map

package/lib/components/tree/src/tree-node-content.vue_vue&type=script&lang.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tree-node-content.vue_vue&type=script&lang.js","sources":["../../../../../../packages/components/tree/src/tree-node-content.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { h, defineComponent, inject } from 'vue'\n\nimport type { ComponentInternalInstance } from 'vue'\nimport type { RootTreeType } from './tree.type'\n\nexport default defineComponent({\n  name: 'ElTreeNodeContent',\n  props: {\n    node: {\n      type: Object,\n      required: true,\n    },\n    renderContent: Function,\n  },\n  setup(props) {\n    const nodeInstance = inject<ComponentInternalInstance>('NodeInstance')\n    const tree = inject<RootTreeType>('RootTree')\n    return () => {\n      const node = props.node\n      const { data, store } = node\n      return props.renderContent\n        ? props.renderContent(h, { _self: nodeInstance, node, data, store })\n        : tree.ctx.slots.default\n        ? tree.ctx.slots.default({ node, data })\n        : h('span', { class: 'el-tree-node__label' }, [node.label])\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","inject","h"],"mappings":";;;;;;AAMA,aAAeA,oBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,OAAO;AAAA,IACL,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,UAAU;AAAA;AAAA,IAEZ,eAAe;AAAA;AAAA,EAEjB,MAAM,OAAO;AACX,UAAM,eAAeC,WAAkC;AACvD,UAAM,OAAOA,WAAqB;AAClC,WAAO,MAAM;AACX,YAAM,OAAO,MAAM;AACnB,YAAM,EAAE,MAAM,UAAU;AACxB,aAAO,MAAM,gBACT,MAAM,cAAcC,OAAG,EAAE,OAAO,cAAc,MAAM,MAAM,WAC1D,KAAK,IAAI,MAAM,UACf,KAAK,IAAI,MAAM,QAAQ,EAAE,MAAM,UAC/BA,MAAE,QAAQ,EAAE,OAAO,yBAAyB,CAAC,KAAK;AAAA;AAAA;AAAA;;;;"}