element-plus 1.2.0-beta.2 → 1.2.0-beta.6

package/es/components/transfer/index.d.ts

@@ -58,7 +58,7 @@ declare const _Transfer: SFCWithInstall<import("vue").DefineComponent<{
     leftPanelTitle: import("vue").ComputedRef<string>;
     rightPanelTitle: import("vue").ComputedRef<string>;
     panelFilterPlaceholder: import("vue").ComputedRef<string>;
-    clearQuery: (which: "left" | "right") => void;
+    clearQuery: (which: "right" | "left") => void;
     optionRender: import("vue").ComputedRef<(option: any) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
         [key: string]: any;
     }> | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
@@ -72,7 +72,7 @@ declare const _Transfer: SFCWithInstall<import("vue").DefineComponent<{
     onTargetCheckedChange: (val: import("./src/transfer").Key[], movedKeys: import("./src/transfer").Key[]) => void;
     addToLeft: () => void;
     addToRight: () => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "left-check-change" | "right-check-change")[], "change" | "update:modelValue" | "left-check-change" | "right-check-change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "left-check-change" | "right-check-change")[], "update:modelValue" | "change" | "left-check-change" | "right-check-change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     data?: unknown;
     titles?: unknown;
     buttonTexts?: unknown;
@@ -87,14 +87,14 @@ declare const _Transfer: SFCWithInstall<import("vue").DefineComponent<{
     props?: unknown;
     targetOrder?: unknown;
 } & {
+    modelValue: import("./src/transfer").Key[];
     props: import("./src/transfer").Props;
     data: import("./src/transfer").DataItem[];
-    modelValue: import("./src/transfer").Key[];
+    titles: [string, string];
+    filterPlaceholder: string;
     filterable: boolean;
     format: import("./src/transfer").Format;
-    titles: [string, string];
     buttonTexts: [string, string];
-    filterPlaceholder: string;
     leftDefaultChecked: import("./src/transfer").Key[];
     rightDefaultChecked: import("./src/transfer").Key[];
     targetOrder: import("./src/transfer").TargetOrder;
@@ -109,14 +109,14 @@ declare const _Transfer: SFCWithInstall<import("vue").DefineComponent<{
     "onLeft-check-change"?: ((...args: any[]) => any) | undefined;
     "onRight-check-change"?: ((...args: any[]) => any) | undefined;
 }, {
+    modelValue: import("./src/transfer").Key[];
     props: import("./src/transfer").Props;
     data: import("./src/transfer").DataItem[];
-    modelValue: import("./src/transfer").Key[];
+    titles: [string, string];
+    filterPlaceholder: string;
     filterable: boolean;
     format: import("./src/transfer").Format;
-    titles: [string, string];
     buttonTexts: [string, string];
-    filterPlaceholder: string;
     leftDefaultChecked: import("./src/transfer").Key[];
     rightDefaultChecked: import("./src/transfer").Key[];
     targetOrder: import("./src/transfer").TargetOrder;
@@ -181,7 +181,7 @@ export declare const ElTransfer: SFCWithInstall<import("vue").DefineComponent<{
     leftPanelTitle: import("vue").ComputedRef<string>;
     rightPanelTitle: import("vue").ComputedRef<string>;
     panelFilterPlaceholder: import("vue").ComputedRef<string>;
-    clearQuery: (which: "left" | "right") => void;
+    clearQuery: (which: "right" | "left") => void;
     optionRender: import("vue").ComputedRef<(option: any) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
         [key: string]: any;
     }> | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
@@ -195,7 +195,7 @@ export declare const ElTransfer: SFCWithInstall<import("vue").DefineComponent<{
     onTargetCheckedChange: (val: import("./src/transfer").Key[], movedKeys: import("./src/transfer").Key[]) => void;
     addToLeft: () => void;
     addToRight: () => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "left-check-change" | "right-check-change")[], "change" | "update:modelValue" | "left-check-change" | "right-check-change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "left-check-change" | "right-check-change")[], "update:modelValue" | "change" | "left-check-change" | "right-check-change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     data?: unknown;
     titles?: unknown;
     buttonTexts?: unknown;
@@ -210,14 +210,14 @@ export declare const ElTransfer: SFCWithInstall<import("vue").DefineComponent<{
     props?: unknown;
     targetOrder?: unknown;
 } & {
+    modelValue: import("./src/transfer").Key[];
     props: import("./src/transfer").Props;
     data: import("./src/transfer").DataItem[];
-    modelValue: import("./src/transfer").Key[];
+    titles: [string, string];
+    filterPlaceholder: string;
     filterable: boolean;
     format: import("./src/transfer").Format;
-    titles: [string, string];
     buttonTexts: [string, string];
-    filterPlaceholder: string;
     leftDefaultChecked: import("./src/transfer").Key[];
     rightDefaultChecked: import("./src/transfer").Key[];
     targetOrder: import("./src/transfer").TargetOrder;
@@ -232,14 +232,14 @@ export declare const ElTransfer: SFCWithInstall<import("vue").DefineComponent<{
     "onLeft-check-change"?: ((...args: any[]) => any) | undefined;
     "onRight-check-change"?: ((...args: any[]) => any) | undefined;
 }, {
+    modelValue: import("./src/transfer").Key[];
     props: import("./src/transfer").Props;
     data: import("./src/transfer").DataItem[];
-    modelValue: import("./src/transfer").Key[];
+    titles: [string, string];
+    filterPlaceholder: string;
     filterable: boolean;
     format: import("./src/transfer").Format;
-    titles: [string, string];
     buttonTexts: [string, string];
-    filterPlaceholder: string;
     leftDefaultChecked: import("./src/transfer").Key[];
     rightDefaultChecked: import("./src/transfer").Key[];
     targetOrder: import("./src/transfer").TargetOrder;

package/es/components/transfer/index.mjs

@@ -1,6 +1,6 @@
 import './src/index.mjs';
 import './src/transfer.mjs';
-import script from './src/index.vue_vue&type=script&lang.mjs';
+import script from './src/index.vue_vue_type_script_lang.mjs';
 export { CHANGE_EVENT } from '../../utils/constants.mjs';
 
 script.install = (app) => {

package/es/components/transfer/src/index.mjs

@@ -1,6 +1,6 @@
-import script from './index.vue_vue&type=script&lang.mjs';
-export { default } from './index.vue_vue&type=script&lang.mjs';
-import { render } from './index.vue_vue&type=template&id=6c8b9070&lang.mjs';
+import script from './index.vue_vue_type_script_lang.mjs';
+export { default } from './index.vue_vue_type_script_lang.mjs';
+import { render } from './index.vue_vue_type_template_id_6c8b9070_lang.mjs';
 
 script.render = render;
 script.__file = "packages/components/transfer/src/index.vue";

package/es/components/transfer/src/index.vue.d.ts

@@ -71,7 +71,7 @@ declare const _default: import("vue").DefineComponent<{
     onTargetCheckedChange: (val: Key[], movedKeys: Key[]) => void;
     addToLeft: () => void;
     addToRight: () => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "left-check-change" | "right-check-change")[], "change" | "update:modelValue" | "left-check-change" | "right-check-change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "left-check-change" | "right-check-change")[], "update:modelValue" | "change" | "left-check-change" | "right-check-change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     data?: unknown;
     titles?: unknown;
     buttonTexts?: unknown;
@@ -86,14 +86,14 @@ declare const _default: import("vue").DefineComponent<{
     props?: unknown;
     targetOrder?: unknown;
 } & {
+    modelValue: Key[];
     props: Props;
     data: DataItem[];
-    modelValue: Key[];
+    titles: [string, string];
+    filterPlaceholder: string;
     filterable: boolean;
     format: Format;
-    titles: [string, string];
     buttonTexts: [string, string];
-    filterPlaceholder: string;
     leftDefaultChecked: Key[];
     rightDefaultChecked: Key[];
     targetOrder: TargetOrder;
@@ -106,14 +106,14 @@ declare const _default: import("vue").DefineComponent<{
     "onLeft-check-change"?: ((...args: any[]) => any) | undefined;
     "onRight-check-change"?: ((...args: any[]) => any) | undefined;
 }, {
+    modelValue: Key[];
     props: Props;
     data: DataItem[];
-    modelValue: Key[];
+    titles: [string, string];
+    filterPlaceholder: string;
     filterable: boolean;
     format: Format;
-    titles: [string, string];
     buttonTexts: [string, string];
-    filterPlaceholder: string;
     leftDefaultChecked: Key[];
     rightDefaultChecked: Key[];
     targetOrder: TargetOrder;

package/es/components/transfer/src/index.vue_vue_type_script_lang.mjs

@@ -0,0 +1,140 @@
+import { defineComponent, inject, reactive, ref, computed, watch, h, toRefs } from 'vue';
+import { ElButton } from '../../button/index.mjs';
+import { ElIcon } from '../../icon/index.mjs';
+import '../../../tokens/index.mjs';
+import '../../../hooks/index.mjs';
+import { UPDATE_MODEL_EVENT, CHANGE_EVENT } from '../../../utils/constants.mjs';
+import { ArrowLeft, ArrowRight } from '@element-plus/icons-vue';
+import './transfer-panel.mjs';
+import { useComputedData } from './useComputedData.mjs';
+import { LEFT_CHECK_CHANGE_EVENT, RIGHT_CHECK_CHANGE_EVENT, useCheckedChange } from './useCheckedChange.mjs';
+import { useMove } from './useMove.mjs';
+import './transfer.mjs';
+import script$1 from './transfer-panel.vue_vue_type_script_lang.mjs';
+import { useLocale } from '../../../hooks/use-locale/index.mjs';
+import { elFormItemKey } from '../../../tokens/form.mjs';
+
+var script = defineComponent({
+  name: "ElTransfer",
+  components: {
+    TransferPanel: script$1,
+    ElButton,
+    ElIcon,
+    ArrowLeft,
+    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: [
+    UPDATE_MODEL_EVENT,
+    CHANGE_EVENT,
+    LEFT_CHECK_CHANGE_EVENT,
+    RIGHT_CHECK_CHANGE_EVENT
+  ],
+  setup(props, { emit, slots }) {
+    const { t } = useLocale();
+    const elFormItem = inject(elFormItemKey, {});
+    const checkedState = reactive({
+      leftChecked: [],
+      rightChecked: []
+    });
+    const { propsKey, sourceData, targetData } = useComputedData(props);
+    const { onSourceCheckedChange, onTargetCheckedChange } = useCheckedChange(checkedState, emit);
+    const { addToLeft, addToRight } = useMove(props, checkedState, propsKey, emit);
+    const leftPanel = ref(null);
+    const rightPanel = ref(null);
+    const clearQuery = (which) => {
+      if (which === "left") {
+        leftPanel.value.query = "";
+      } else if (which === "right") {
+        rightPanel.value.query = "";
+      }
+    };
+    const hasButtonTexts = computed(() => props.buttonTexts.length === 2);
+    const leftPanelTitle = computed(() => props.titles[0] || t("el.transfer.titles.0"));
+    const rightPanelTitle = computed(() => props.titles[1] || t("el.transfer.titles.1"));
+    const panelFilterPlaceholder = computed(() => props.filterPlaceholder || t("el.transfer.filterPlaceholder"));
+    watch(() => props.modelValue, () => {
+      var _a;
+      (_a = elFormItem.validate) == null ? void 0 : _a.call(elFormItem, "change");
+    });
+    const optionRender = computed(() => (option) => {
+      if (props.renderContent)
+        return props.renderContent(h, option);
+      if (slots.default)
+        return slots.default({ option });
+      return h("span", option[props.props.label] || option[props.props.key]);
+    });
+    return {
+      sourceData,
+      targetData,
+      onSourceCheckedChange,
+      onTargetCheckedChange,
+      addToLeft,
+      addToRight,
+      ...toRefs(checkedState),
+      hasButtonTexts,
+      leftPanelTitle,
+      rightPanelTitle,
+      panelFilterPlaceholder,
+      clearQuery,
+      optionRender
+    };
+  }
+});
+
+export { script as default };
+//# sourceMappingURL=index.vue_vue_type_script_lang.mjs.map

package/es/components/transfer/src/index.vue_vue_type_script_lang.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.vue_vue_type_script_lang.mjs","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 { useLocale } from '@element-plus/hooks'\nimport { UPDATE_MODEL_EVENT } from '@element-plus/utils/constants'\nimport { ArrowLeft, ArrowRight } from '@element-plus/icons-vue'\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 } = useLocale()\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":["TransferPanel"],"mappings":";;;;;;;;;;;;;;;;AAsFA,aAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EAEN,YAAY;AAAA,mBACVA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;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,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA,EAGF,MAAM,OAAO,EAAE,MAAM,SAAS;AAC5B,UAAM,EAAE,MAAM;AACd,UAAM,aAAa,OAAO,eAAe;AAEzC,UAAM,eAAe,SAAS;AAAA,MAC5B,aAAa;AAAA,MACb,cAAc;AAAA;AAGhB,UAAM,EAAE,UAAU,YAAY,eAAe,gBAAgB;AAE7D,UAAM,EAAE,uBAAuB,0BAA0B,iBACvD,cACA;AAGF,UAAM,EAAE,WAAW,eAAe,QAChC,OACA,cACA,UACA;AAGF,UAAM,YAAY,IAAI;AACtB,UAAM,aAAa,IAAI;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,iBAAiB,SAAS,MAAM,MAAM,YAAY,WAAW;AAEnE,UAAM,iBAAiB,SACrB,MAAM,MAAM,OAAO,MAAM,EAAE;AAG7B,UAAM,kBAAkB,SACtB,MAAM,MAAM,OAAO,MAAM,EAAE;AAG7B,UAAM,yBAAyB,SAC7B,MAAM,MAAM,qBAAqB,EAAE;AAGrC,UACE,MAAM,MAAM,YACZ,MAAM;;AACJ,uBAAW,aAAX,oCAAsB;AAAA;AAI1B,UAAM,eAAe,SAAS,MAAM,CAAC,WAAW;AAC9C,UAAI,MAAM;AAAe,eAAO,MAAM,cAAc,GAAG;AAEvD,UAAI,MAAM;AAAS,eAAO,MAAM,QAAQ,EAAE;AAE1C,aAAO,EAAE,QAAQ,OAAO,MAAM,MAAM,UAAU,OAAO,MAAM,MAAM;AAAA;AAGnE,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,SAEG,OAAO;AAAA,MAEV;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEA;AAAA;AAAA;AAAA;;;;"}

package/es/components/transfer/src/index.vue_vue_type_template_id_6c8b9070_lang.mjs

@@ -0,0 +1,90 @@
+import { resolveComponent, openBlock, createElementBlock, createVNode, withCtx, renderSlot, createElementVNode, normalizeClass, toDisplayString, createCommentVNode } from '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 = resolveComponent("transfer-panel");
+  const _component_arrow_left = resolveComponent("arrow-left");
+  const _component_el_icon = resolveComponent("el-icon");
+  const _component_el_button = resolveComponent("el-button");
+  const _component_arrow_right = resolveComponent("arrow-right");
+  return openBlock(), createElementBlock("div", _hoisted_1, [
+    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: withCtx(() => [
+        renderSlot(_ctx.$slots, "left-footer")
+      ]),
+      _: 3
+    }, 8, ["data", "option-render", "placeholder", "title", "filterable", "format", "filter-method", "default-checked", "props", "onCheckedChange"]),
+    createElementVNode("div", _hoisted_2, [
+      createVNode(_component_el_button, {
+        type: "primary",
+        class: normalizeClass(["el-transfer__button", _ctx.hasButtonTexts ? "is-with-texts" : ""]),
+        disabled: _ctx.rightChecked.length === 0,
+        onClick: _ctx.addToLeft
+      }, {
+        default: withCtx(() => [
+          createVNode(_component_el_icon, null, {
+            default: withCtx(() => [
+              createVNode(_component_arrow_left)
+            ]),
+            _: 1
+          }),
+          _ctx.buttonTexts[0] !== void 0 ? (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(_ctx.buttonTexts[0]), 1)) : createCommentVNode("v-if", true)
+        ]),
+        _: 1
+      }, 8, ["class", "disabled", "onClick"]),
+      createVNode(_component_el_button, {
+        type: "primary",
+        class: normalizeClass(["el-transfer__button", _ctx.hasButtonTexts ? "is-with-texts" : ""]),
+        disabled: _ctx.leftChecked.length === 0,
+        onClick: _ctx.addToRight
+      }, {
+        default: withCtx(() => [
+          _ctx.buttonTexts[1] !== void 0 ? (openBlock(), createElementBlock("span", _hoisted_4, toDisplayString(_ctx.buttonTexts[1]), 1)) : createCommentVNode("v-if", true),
+          createVNode(_component_el_icon, null, {
+            default: withCtx(() => [
+              createVNode(_component_arrow_right)
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }, 8, ["class", "disabled", "onClick"])
+    ]),
+    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: withCtx(() => [
+        renderSlot(_ctx.$slots, "right-footer")
+      ]),
+      _: 3
+    }, 8, ["data", "option-render", "placeholder", "filterable", "format", "filter-method", "title", "default-checked", "props", "onCheckedChange"])
+  ]);
+}
+
+export { render };
+//# sourceMappingURL=index.vue_vue_type_template_id_6c8b9070_lang.mjs.map

package/es/components/transfer/src/index.vue_vue_type_template_id_6c8b9070_lang.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.vue_vue_type_template_id_6c8b9070_lang.mjs","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 { useLocale } from '@element-plus/hooks'\nimport { UPDATE_MODEL_EVENT } from '@element-plus/utils/constants'\nimport { ArrowLeft, ArrowRight } from '@element-plus/icons-vue'\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 } = useLocale()\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;;;;;;;;;sBAhBbA,0BAAA;IACEC;MACE,KAAI;AAAA,MACH,MAAM;MACN,iBAAe;MACf,aAAa;MACb,OAAO;MACP,YAAY;MACZ,QAAQ;MACR,iBAAe;MACf,mBAAiB;MACjB,OAAO;MACP,iBAAgB;;uBAEjB;QAAAC;;;;IAEFC,0BAAA;MACEF;QACE,MAAK;AAAA,QACJ,8CAA+B;QAC/B,UAAU,kBAAa;QACvB,SAAO;;yBAER;UAAAA;6BAAS;cAAAA,YAAc;AAAA;AAAA;;UACX,wBAAmB,uBAA/BD,uDAA6C;;;;MAE/CC;QACE,MAAK;AAAA,QACJ,8CAA+B;QAC/B,UAAU,iBAAY;QACtB,SAAO;;yBAER;UAAY,wBAAmB,uBAA/BD,uDAA6C;UAC7CC;6BAAS;cAAAA,YAAe;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;;uBAEjB;QAAAC;;;;;;;;;"}

package/es/components/transfer/src/transfer-panel.mjs

@@ -1,6 +1,6 @@
-import script from './transfer-panel.vue_vue&type=script&lang.mjs';
-export { default } from './transfer-panel.vue_vue&type=script&lang.mjs';
-import { render } from './transfer-panel.vue_vue&type=template&id=1a7d1f9c&lang.mjs';
+import script from './transfer-panel.vue_vue_type_script_lang.mjs';
+export { default } from './transfer-panel.vue_vue_type_script_lang.mjs';
+import { render } from './transfer-panel.vue_vue_type_template_id_1a7d1f9c_lang.mjs';
 
 script.render = render;
 script.__file = "packages/components/transfer/src/transfer-panel.vue";

package/es/components/transfer/src/transfer-panel.vue.d.ts

@@ -28,7 +28,7 @@ declare const _default: import("vue").DefineComponent<{
     inputIcon: import("vue").ComputedRef<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{}>, {}>>;
     hasFooter: import("vue").ComputedRef<boolean>;
     clearQuery: () => void;
-    t: (...args: any[]) => string;
+    t: import("element-plus/es/hooks").Translator;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "checked-change"[], "checked-change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     data?: unknown;
     optionRender?: unknown;

package/es/components/transfer/src/transfer-panel.vue_vue_type_script_lang.mjs

@@ -0,0 +1,75 @@
+import { defineComponent, reactive, computed, toRefs } from 'vue';
+import '../../../hooks/index.mjs';
+import { ElCheckboxGroup, ElCheckbox } from '../../checkbox/index.mjs';
+import { ElIcon } from '../../icon/index.mjs';
+import { ElInput } from '../../input/index.mjs';
+import { CircleClose, Search } from '@element-plus/icons-vue';
+import { useCheckProps, CHECKED_CHANGE_EVENT, useCheck } from './useCheck.mjs';
+import { useLocale } from '../../../hooks/use-locale/index.mjs';
+
+var script = defineComponent({
+  name: "ElTransferPanel",
+  components: {
+    ElCheckboxGroup,
+    ElCheckbox,
+    ElInput,
+    ElIcon,
+    OptionContent: ({ option }) => option
+  },
+  props: useCheckProps,
+  emits: [CHECKED_CHANGE_EVENT],
+  setup(props, { slots }) {
+    const { t } = useLocale();
+    const panelState = reactive({
+      checked: [],
+      allChecked: false,
+      query: "",
+      inputHover: false,
+      checkChangeByUser: true
+    });
+    const {
+      labelProp,
+      keyProp,
+      disabledProp,
+      filteredData,
+      checkedSummary,
+      isIndeterminate,
+      handleAllCheckedChange
+    } = useCheck(props, panelState);
+    const hasNoMatch = computed(() => {
+      return panelState.query.length > 0 && filteredData.value.length === 0;
+    });
+    const inputIcon = computed(() => {
+      return panelState.query.length > 0 && panelState.inputHover ? CircleClose : Search;
+    });
+    const hasFooter = computed(() => !!slots.default()[0].children.length);
+    const clearQuery = () => {
+      if (inputIcon.value === CircleClose) {
+        panelState.query = "";
+      }
+    };
+    const { checked, allChecked, query, inputHover, checkChangeByUser } = toRefs(panelState);
+    return {
+      labelProp,
+      keyProp,
+      disabledProp,
+      filteredData,
+      checkedSummary,
+      isIndeterminate,
+      handleAllCheckedChange,
+      checked,
+      allChecked,
+      query,
+      inputHover,
+      checkChangeByUser,
+      hasNoMatch,
+      inputIcon,
+      hasFooter,
+      clearQuery,
+      t
+    };
+  }
+});
+
+export { script as default };
+//# sourceMappingURL=transfer-panel.vue_vue_type_script_lang.mjs.map

package/es/components/transfer/src/transfer-panel.vue_vue_type_script_lang.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"transfer-panel.vue_vue_type_script_lang.mjs","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 { useLocale } 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-vue'\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 } = useLocale()\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":[],"mappings":";;;;;;;;;AAqEA,aAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EAEN,YAAY;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,eAAe,CAAC,EAAE,aAAa;AAAA;AAAA,EAGjC,OAAO;AAAA,EAEP,OAAO,CAAC;AAAA,EAER,MAAM,OAAO,EAAE,SAAS;AACtB,UAAM,EAAE,MAAM;AAEd,UAAM,aAAa,SAAS;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,QACE,SAAS,OAAO;AAEpB,UAAM,aAAa,SAAS,MAAM;AAChC,aAAO,WAAW,MAAM,SAAS,KAAK,aAAa,MAAM,WAAW;AAAA;AAGtE,UAAM,YAAY,SAAS,MAAM;AAC/B,aAAO,WAAW,MAAM,SAAS,KAAK,WAAW,aAC7C,cACA;AAAA;AAGN,UAAM,YAAY,SAAS,MAAM,CAAC,CAAC,MAAM,UAAU,GAAG,SAAS;AAE/D,UAAM,aAAa,MAAM;AACvB,UAAI,UAAU,UAAU,aAAa;AACnC,mBAAW,QAAQ;AAAA;AAAA;AAIvB,UAAM,EAAE,SAAS,YAAY,OAAO,YAAY,sBAC9C,OAAO;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;;;;"}