ll-plus 2.0.2 → 2.0.3

package/lib/components/advanced-filtering/src/components/advanced-filtering-params.vue.js

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var advancedFilteringParams_vue_vue_type_script_setup_true_lang = require('./advanced-filtering-params.vue2.js');
+var _pluginVue_exportHelper = require('../../../../_virtual/_plugin-vue_export-helper.js');
+
+"use strict";
+var AdvancedFilteringParams = /* @__PURE__ */ _pluginVue_exportHelper.default(advancedFilteringParams_vue_vue_type_script_setup_true_lang.default, [["__file", "advanced-filtering-params.vue"]]);
+
+exports.default = AdvancedFilteringParams;
+//# sourceMappingURL=advanced-filtering-params.vue.js.map

package/lib/components/advanced-filtering/src/components/advanced-filtering-params.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"advanced-filtering-params.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}

package/lib/components/advanced-filtering/src/components/advanced-filtering-params.vue2.js

@@ -0,0 +1,129 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+require('../../../../utils/index.js');
+require('../../../index.js');
+var advancedFiltering = require('../advanced-filtering.js');
+var createNamespace = require('../../../../utils/create-namespace.js');
+var index = require('../../../form/index.js');
+
+"use strict";
+const _hoisted_1 = /* @__PURE__ */ vue.createElementVNode(
+  "p",
+  null,
+  "\u6682\u65E0\u6570\u636E",
+  -1
+  /* HOISTED */
+);
+const _hoisted_2 = [
+  _hoisted_1
+];
+var _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{ name: "LlAdvancedFilteringParams" },
+  __name: "advanced-filtering-params",
+  props: advancedFiltering.advancedFilteringParamsProps,
+  emits: ["close", "confirm"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const bem = createNamespace.createNamespace("advanced-filtering-params");
+    const key = vue.ref(0);
+    const handleClose = () => {
+      emits("close");
+    };
+    const handleAdvancedFilterConfirm = () => {
+      emits("confirm");
+    };
+    vue.watch(
+      () => props.value,
+      () => {
+        key.value++;
+      }
+    );
+    return (_ctx, _cache) => {
+      const _component_ll_icon = vue.resolveComponent("ll-icon");
+      const _component_ll_button = vue.resolveComponent("ll-button");
+      const _component_a_card = vue.resolveComponent("a-card");
+      return vue.openBlock(), vue.createBlock(_component_a_card, {
+        title: "\u9AD8\u7EA7\u7B5B\u9009",
+        class: vue.normalizeClass(vue.unref(bem).b()),
+        onselectstart: "return false",
+        bordered: false
+      }, {
+        extra: vue.withCtx(() => [
+          vue.createVNode(_component_ll_icon, {
+            "icon-name": "icon-close2",
+            color: "#909399",
+            style: {
+              cursor: "pointer"
+            },
+            onClick: handleClose
+          })
+        ]),
+        default: vue.withCtx(() => [
+          vue.createElementVNode(
+            "div",
+            {
+              class: vue.normalizeClass(vue.unref(bem).m("content"))
+            },
+            [
+              props.filterColumns.length > 0 ? (vue.openBlock(), vue.createBlock(vue.unref(index.LlForm), {
+                key: key.value,
+                "form-columns": props.filterColumns,
+                "form-options": props.formOptions,
+                "form-data": props.value
+              }, null, 8, ["form-columns", "form-options", "form-data"])) : (vue.openBlock(), vue.createElementBlock(
+                "div",
+                {
+                  key: 1,
+                  class: vue.normalizeClass(vue.unref(bem).m("empty"))
+                },
+                _hoisted_2,
+                2
+                /* CLASS */
+              ))
+            ],
+            2
+            /* CLASS */
+          ),
+          props.showFooter ? (vue.openBlock(), vue.createElementBlock(
+            "div",
+            {
+              key: 0,
+              class: vue.normalizeClass(vue.unref(bem).m("footer"))
+            },
+            [
+              vue.createVNode(_component_ll_button, {
+                type: "primary",
+                style: { "margin-right": "8px" },
+                onClick: handleAdvancedFilterConfirm
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createTextVNode(" \u786E\u5B9A ")
+                ]),
+                _: 1
+                /* STABLE */
+              }),
+              vue.createVNode(_component_ll_button, { onClick: handleClose }, {
+                default: vue.withCtx(() => [
+                  vue.createTextVNode("\u53D6\u6D88")
+                ]),
+                _: 1
+                /* STABLE */
+              })
+            ],
+            2
+            /* CLASS */
+          )) : vue.createCommentVNode("v-if", true)
+        ]),
+        _: 1
+        /* STABLE */
+      }, 8, ["class"]);
+    };
+  }
+});
+
+exports.default = _sfc_main;
+//# sourceMappingURL=advanced-filtering-params.vue2.js.map

package/lib/components/advanced-filtering/src/components/advanced-filtering-params.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"advanced-filtering-params.vue2.js","sources":["../../../../../../packages/components/advanced-filtering/src/components/advanced-filtering-params.vue"],"sourcesContent":["<template>\n  <a-card\n    title=\"高级筛选\"\n    :class=\"bem.b()\"\n    onselectstart=\"return false\"\n    :bordered=\"false\"\n  >\n    <template #extra>\n      <ll-icon\n        icon-name=\"icon-close2\"\n        color=\"#909399\"\n        :style=\"{\n          cursor: 'pointer'\n        }\"\n        @click=\"handleClose\"\n      />\n    </template>\n    <div :class=\"bem.m('content')\">\n      <ll-form\n        v-if=\"props.filterColumns.length > 0\"\n        :key=\"key\"\n        :form-columns=\"props.filterColumns\"\n        :form-options=\"props.formOptions\"\n        :form-data=\"props.value\"\n      />\n      <div v-else :class=\"bem.m('empty')\">\n        <p>暂无数据</p>\n      </div>\n    </div>\n    <div v-if=\"props.showFooter\" :class=\"bem.m('footer')\">\n      <ll-button\n        type=\"primary\"\n        style=\"margin-right: 8px\"\n        @click=\"handleAdvancedFilterConfirm\"\n      >\n        确定\n      </ll-button>\n      <ll-button @click=\"handleClose\">取消</ll-button>\n    </div>\n  </a-card>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, watch } from 'vue'\nimport { createNamespace } from '@ll-plus/utils'\nimport { LlForm } from '@ll-plus/components'\nimport { advancedFilteringParamsProps } from '../advanced-filtering'\n\ndefineOptions({ name: 'LlAdvancedFilteringParams' })\n\nconst props = defineProps(advancedFilteringParamsProps)\n\nconst emits = defineEmits(['close', 'confirm'])\n\nconst bem = createNamespace('advanced-filtering-params')\n\nconst key = ref(0)\n\nconst handleClose = () => {\n  emits('close')\n}\nconst handleAdvancedFilterConfirm = () => {\n  emits('confirm')\n}\n\nwatch(\n  () => props.value,\n  () => {\n    key.value++\n  }\n)\n</script>\n"],"names":["createNamespace","ref","watch"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkDA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AAEd,IAAA,MAAM,KAAQ,GAAA,MAAA,CAAA;AAEd,IAAM,MAAA,GAAA,GAAMA,gCAAgB,2BAA2B,CAAA,CAAA;AAEvD,IAAM,MAAA,GAAA,GAAMC,QAAI,CAAC,CAAA,CAAA;AAEjB,IAAA,MAAM,cAAc,MAAM;AACxB,MAAA,KAAA,CAAM,OAAO,CAAA,CAAA;AAAA,KACf,CAAA;AACA,IAAA,MAAM,8BAA8B,MAAM;AACxC,MAAA,KAAA,CAAM,SAAS,CAAA,CAAA;AAAA,KACjB,CAAA;AAEA,IAAAC,SAAA;AAAA,MACE,MAAM,KAAM,CAAA,KAAA;AAAA,MACZ,MAAM;AACJ,QAAI,GAAA,CAAA,KAAA,EAAA,CAAA;AAAA,OACN;AAAA,KACF,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/advanced-filtering/src/components/advanced-filtering-tags.vue.d.ts

@@ -0,0 +1,55 @@
+import { type IAvancedFilteringTag } from '../advanced-filtering';
+import type { FormColumn } from 'll-plus/es/components';
+declare const _default: import("vue").DefineComponent<{
+    readonly filterColumns: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => any[]) | (() => any[]) | ((new (...args: any[]) => any[]) | (() => any[]))[], unknown, unknown, () => never[], boolean>;
+    readonly value: import("ll-plus/es/utils").EpPropFinalized<ObjectConstructor, unknown, unknown, () => {}, boolean>;
+    readonly overlayStyle: import("ll-plus/es/utils").EpPropFinalized<ObjectConstructor, unknown, unknown, () => {
+        width: string;
+    }, boolean>;
+}, {
+    props: import("@vue/shared").LooseRequired<{
+        readonly filterColumns: any[];
+        readonly value: Record<string, any>;
+        readonly overlayStyle: Record<string, any>;
+        readonly onChange?: ((...args: any[]) => any) | undefined;
+        readonly "onUpdate:value"?: ((...args: any[]) => any) | undefined;
+    } & {}>;
+    emits: (event: "change" | "update:value", ...args: any[]) => void;
+    bem: {
+        b: (blockSuffix?: string) => string;
+        e: (element?: string) => string;
+        m: (modifier?: string) => string;
+        be: (blockSuffix?: string, element?: string) => string;
+        em: (element: string, modifier: string) => string;
+        bm: (blockSuffix: string, modifier: string) => string;
+        bem: (blockSuffix: string, element: string, modifier: string) => string;
+        is: (name?: string) => string;
+    };
+    tags: import("vue").Ref<{
+        label: string;
+        key: string;
+        value: string | string[];
+        showValue: string | string[];
+    }[]>;
+    handleClean: (tag?: IAvancedFilteringTag | null) => void;
+    setData: (obj: Record<string, any>) => void;
+    treeDataFormat: (arr: any[] | undefined, fieldNames: {
+        [key: string]: string;
+    }) => any[];
+    findLabelByValue: (tree: FormColumn['options'], value: string) => string;
+    getTags: (filterColumns: FormColumn[], value: Record<string, any>) => IAvancedFilteringTag[];
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:value")[], "change" | "update:value", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly filterColumns: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => any[]) | (() => any[]) | ((new (...args: any[]) => any[]) | (() => any[]))[], unknown, unknown, () => never[], boolean>;
+    readonly value: import("ll-plus/es/utils").EpPropFinalized<ObjectConstructor, unknown, unknown, () => {}, boolean>;
+    readonly overlayStyle: import("ll-plus/es/utils").EpPropFinalized<ObjectConstructor, unknown, unknown, () => {
+        width: string;
+    }, boolean>;
+}>> & {
+    onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:value"?: ((...args: any[]) => any) | undefined;
+}, {
+    readonly filterColumns: any[];
+    readonly value: Record<string, any>;
+    readonly overlayStyle: Record<string, any>;
+}, {}>;
+export default _default;

package/lib/components/advanced-filtering/src/components/advanced-filtering-tags.vue.js

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var advancedFilteringTags_vue_vue_type_script_setup_true_lang = require('./advanced-filtering-tags.vue2.js');
+var _pluginVue_exportHelper = require('../../../../_virtual/_plugin-vue_export-helper.js');
+
+"use strict";
+var AdvancedFilteringTags = /* @__PURE__ */ _pluginVue_exportHelper.default(advancedFilteringTags_vue_vue_type_script_setup_true_lang.default, [["__file", "advanced-filtering-tags.vue"]]);
+
+exports.default = AdvancedFilteringTags;
+//# sourceMappingURL=advanced-filtering-tags.vue.js.map

package/lib/components/advanced-filtering/src/components/advanced-filtering-tags.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"advanced-filtering-tags.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}

package/lib/components/advanced-filtering/src/components/advanced-filtering-tags.vue2.js

@@ -0,0 +1,248 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var dayjs = require('dayjs');
+require('../../../../utils/index.js');
+var lodashEs = require('lodash-es');
+var advancedFiltering = require('../advanced-filtering.js');
+var createNamespace = require('../../../../utils/create-namespace.js');
+var types = require('../../../../utils/types.js');
+
+"use strict";
+const _hoisted_1 = /* @__PURE__ */ vue.createElementVNode(
+  "p",
+  null,
+  "\u7B5B\u9009\u7ED3\u679C\uFF1A",
+  -1
+  /* HOISTED */
+);
+const _hoisted_2 = ["onClick"];
+const _hoisted_3 = /* @__PURE__ */ vue.createElementVNode(
+  "span",
+  null,
+  "\u6682\u65E0\u6570\u636E",
+  -1
+  /* HOISTED */
+);
+const _hoisted_4 = [
+  _hoisted_3
+];
+var _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{ name: "LlAdvancedFilteringTags" },
+  __name: "advanced-filtering-tags",
+  props: advancedFiltering.advancedFilteringProps,
+  emits: ["update:value", "change"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const bem = createNamespace.createNamespace("advanced-filtering-tags");
+    const tags = vue.ref([]);
+    const handleClean = (tag = null) => {
+      const copyValue = {};
+      if (tag) {
+        tags.value = tags.value.filter((e) => e.key !== tag.key);
+      } else {
+        tags.value = [];
+      }
+      tags.value.map((e) => {
+        copyValue[e.key] = e.value;
+      });
+      setData(copyValue);
+    };
+    const setData = (obj) => {
+      emits("update:value", obj);
+      emits("change", obj);
+    };
+    const treeDataFormat = (arr = [], fieldNames) => {
+      let options = [];
+      if (!arr)
+        return [];
+      options = arr.map((e) => {
+        const obj = {};
+        obj.label = e[fieldNames.label];
+        obj.value = e[fieldNames.value];
+        if (e[fieldNames.children] && e[fieldNames.children].length) {
+          obj.children = treeDataFormat(e[fieldNames.children], fieldNames);
+        }
+        return obj;
+      });
+      return options;
+    };
+    const findLabelByValue = (tree, value) => {
+      function _findLabel(nodes) {
+        const labels = [];
+        if (!nodes)
+          return [];
+        for (const node of nodes) {
+          if (node.value === value) {
+            labels.push(node.label);
+          }
+          if (node.children && node.children.length > 0) {
+            const childLabels = _findLabel(node.children);
+            if (childLabels) {
+              labels.push(...childLabels);
+            }
+          }
+        }
+        return labels.length > 0 ? labels : [];
+      }
+      return _findLabel(tree).join(",");
+    };
+    const getTags = (filterColumns, value) => {
+      const arr = [];
+      filterColumns.map((item) => {
+        if (!types.isEmpty(value[item.key]) && !lodashEs.isNil(value[item.key])) {
+          let tagValue = "";
+          if (item?.options) {
+            let options = [];
+            if (item.fieldNames) {
+              options = treeDataFormat(options, item.fieldNames);
+            } else {
+              options = item.options;
+            }
+            if (Array.isArray(value[item.key])) {
+              let tagArr = [];
+              tagArr = value[item.key].map((val) => {
+                return findLabelByValue(options, val);
+              });
+              tagValue = tagArr.join(",");
+            } else {
+              tagValue = findLabelByValue(options, value[item.key]);
+            }
+          } else {
+            tagValue = value[item.key];
+          }
+          if (item.type === "date-picker") {
+            tagValue = dayjs(value[item.key]).format(item?.format ?? "YYYY-MM-DD");
+          }
+          if (item.type === "time-picker") {
+            tagValue = dayjs(value[item.key]).format(
+              item?.format ?? "YYYY/MM/DD hh:mm:ss"
+            );
+          }
+          if (item.type === "date-range") {
+            tagValue = `${dayjs(value[item.key][0]).format(
+              item?.format ?? "YYYY-MM-DD"
+            )}-${dayjs(value[item.key][1]).format(item?.format ?? "YYYY-MM-DD")}`;
+          }
+          if (item.type === "time-picker") {
+            tagValue = `${dayjs(value[item.key][0]).format(
+              item?.format ?? "YYYY/MM/DD HH:mm:ss"
+            )}-${dayjs(value[item.key][1]).format(
+              item?.format ?? "YYYY/MM/DD HH:mm:ss"
+            )}`;
+          }
+          arr.push({
+            label: item.label || "",
+            key: item.key,
+            value: value[item.key],
+            showValue: tagValue
+          });
+        }
+      });
+      return arr;
+    };
+    vue.watchEffect(() => {
+      tags.value = getTags(props.filterColumns, props.value);
+    });
+    return (_ctx, _cache) => {
+      const _component_ll_icon = vue.resolveComponent("ll-icon");
+      return vue.openBlock(), vue.createElementBlock(
+        "div",
+        {
+          class: vue.normalizeClass(vue.unref(bem).b())
+        },
+        [
+          vue.createElementVNode(
+            "div",
+            {
+              class: vue.normalizeClass(vue.unref(bem).m("title"))
+            },
+            [
+              _hoisted_1,
+              vue.createElementVNode("a", {
+                onClick: _cache[0] || (_cache[0] = ($event) => handleClean(null))
+              }, "\u6E05\u9664\u7B5B\u9009\u7ED3\u679C")
+            ],
+            2
+            /* CLASS */
+          ),
+          tags.value.length > 0 ? (vue.openBlock(), vue.createElementBlock(
+            "div",
+            {
+              key: 0,
+              class: vue.normalizeClass(vue.unref(bem).m("box"))
+            },
+            [
+              (vue.openBlock(true), vue.createElementBlock(
+                vue.Fragment,
+                null,
+                vue.renderList(tags.value, (tag) => {
+                  return vue.openBlock(), vue.createElementBlock(
+                    "div",
+                    {
+                      key: tag.key,
+                      class: vue.normalizeClass(vue.unref(bem).m("tag"))
+                    },
+                    [
+                      vue.createElementVNode(
+                        "span",
+                        {
+                          class: vue.normalizeClass(vue.unref(bem).m("label"))
+                        },
+                        vue.toDisplayString(tag.label) + ":",
+                        3
+                        /* TEXT, CLASS */
+                      ),
+                      vue.createElementVNode(
+                        "span",
+                        {
+                          class: vue.normalizeClass(vue.unref(bem).m("value"))
+                        },
+                        vue.toDisplayString(tag.showValue),
+                        3
+                        /* TEXT, CLASS */
+                      ),
+                      vue.createElementVNode("span", {
+                        class: vue.normalizeClass(vue.unref(bem).m("close")),
+                        onClick: ($event) => handleClean(tag)
+                      }, [
+                        vue.createVNode(_component_ll_icon, {
+                          "icon-name": "icon-close2",
+                          color: "#909399",
+                          "class-name": vue.unref(bem).m("icon")
+                        }, null, 8, ["class-name"])
+                      ], 10, _hoisted_2)
+                    ],
+                    2
+                    /* CLASS */
+                  );
+                }),
+                128
+                /* KEYED_FRAGMENT */
+              ))
+            ],
+            2
+            /* CLASS */
+          )) : (vue.openBlock(), vue.createElementBlock(
+            "div",
+            {
+              key: 1,
+              class: vue.normalizeClass(vue.unref(bem).m("empty"))
+            },
+            _hoisted_4,
+            2
+            /* CLASS */
+          ))
+        ],
+        2
+        /* CLASS */
+      );
+    };
+  }
+});
+
+exports.default = _sfc_main;
+//# sourceMappingURL=advanced-filtering-tags.vue2.js.map

package/lib/components/advanced-filtering/src/components/advanced-filtering-tags.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"advanced-filtering-tags.vue2.js","sources":["../../../../../../packages/components/advanced-filtering/src/components/advanced-filtering-tags.vue"],"sourcesContent":["<template>\n  <div :class=\"bem.b()\">\n    <div :class=\"bem.m('title')\">\n      <p>筛选结果：</p>\n      <a @click=\"handleClean(null)\">清除筛选结果</a>\n    </div>\n    <div v-if=\"tags.length > 0\" :class=\"bem.m('box')\">\n      <div v-for=\"tag in tags\" :key=\"tag.key\" :class=\"bem.m('tag')\">\n        <span :class=\"bem.m('label')\">{{ tag.label }}:</span>\n        <span :class=\"bem.m('value')\">{{ tag.showValue }}</span>\n        <span :class=\"bem.m('close')\" @click=\"handleClean(tag)\">\n          <ll-icon\n            icon-name=\"icon-close2\"\n            :color=\"'#909399'\"\n            :class-name=\"bem.m('icon')\"\n          />\n        </span>\n      </div>\n    </div>\n    <div v-else :class=\"bem.m('empty')\">\n      <span>暂无数据</span>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, watchEffect } from 'vue'\nimport dayjs from 'dayjs'\n\nimport { createNamespace } from '@ll-plus/utils'\nimport { isNil } from 'lodash-es'\nimport { isEmpty } from '@ll-plus/utils'\nimport {\n  advancedFilteringProps,\n  type IAvancedFilteringTag\n} from '../advanced-filtering'\nimport type { FormColumn } from '@ll-plus/components'\ndefineOptions({ name: 'LlAdvancedFilteringTags' })\nconst props = defineProps(advancedFilteringProps)\nconst emits = defineEmits(['update:value', 'change'])\nconst bem = createNamespace('advanced-filtering-tags')\nconst tags = ref([] as IAvancedFilteringTag[])\n\nconst handleClean = (tag: IAvancedFilteringTag | null = null) => {\n  const copyValue = {}\n  if (tag) {\n    tags.value = tags.value.filter(e => e.key !== tag.key)\n  } else {\n    tags.value = []\n  }\n  tags.value.map(e => {\n    copyValue[e.key] = e.value\n  })\n  setData(copyValue)\n}\nconst setData = (obj: Record<string, any>) => {\n  emits('update:value', obj)\n  emits('change', obj)\n}\nconst treeDataFormat = (\n  arr = [] as any[],\n  fieldNames: { [key: string]: string }\n) => {\n  let options = [] as any[]\n  if (!arr) return []\n  options = arr.map((e: any) => {\n    const obj: any = {}\n    obj.label = e[fieldNames.label]\n    obj.value = e[fieldNames.value]\n    if (e[fieldNames.children] && e[fieldNames.children].length) {\n      obj.children = treeDataFormat(e[fieldNames.children], fieldNames)\n    }\n\n    return obj\n  })\n  return options\n}\n\nconst findLabelByValue = (\n  tree: FormColumn['options'],\n  value: string\n): string => {\n  // 递归函数，用于遍历 Tree 数据\n  function _findLabel(nodes: FormColumn['options']): string[] {\n    const labels: string[] = []\n    if (!nodes) return []\n    for (const node of nodes) {\n      if (node.value === value) {\n        labels.push(node.label)\n      }\n      if (node.children && node.children.length > 0) {\n        const childLabels = _findLabel(node.children)\n        if (childLabels) {\n          labels.push(...childLabels)\n        }\n      }\n    }\n    return labels.length > 0 ? labels : []\n  }\n\n  // 开始递归查找\n  return _findLabel(tree).join(',')\n}\nconst getTags = (filterColumns: FormColumn[], value: Record<string, any>) => {\n  const arr = [] as IAvancedFilteringTag[]\n  filterColumns.map(item => {\n    if (!isEmpty(value[item.key]) && !isNil(value[item.key])) {\n      let tagValue = ''\n\n      if (item?.options) {\n        let options = [] as FormColumn['options']\n        if (item.fieldNames) {\n          options = treeDataFormat(options, item.fieldNames)\n        } else {\n          options = item.options\n        }\n        if (Array.isArray(value[item.key])) {\n          let tagArr = []\n          tagArr = value[item.key].map((val: string) => {\n            return findLabelByValue(options, val)\n          })\n\n          tagValue = tagArr.join(',')\n        } else {\n          tagValue = findLabelByValue(options, value[item.key])\n        }\n      } else {\n        tagValue = value[item.key]\n      }\n      if (item.type === 'date-picker') {\n        tagValue = dayjs(value[item.key]).format(item?.format ?? 'YYYY-MM-DD')\n      }\n      if (item.type === 'time-picker') {\n        tagValue = dayjs(value[item.key]).format(\n          item?.format ?? 'YYYY/MM/DD hh:mm:ss'\n        )\n      }\n      if (item.type === 'date-range') {\n        tagValue = `${dayjs(value[item.key][0]).format(\n          item?.format ?? 'YYYY-MM-DD'\n        )}-${dayjs(value[item.key][1]).format(item?.format ?? 'YYYY-MM-DD')}`\n      }\n      if (item.type === 'time-picker') {\n        tagValue = `${dayjs(value[item.key][0]).format(\n          item?.format ?? 'YYYY/MM/DD HH:mm:ss'\n        )}-${dayjs(value[item.key][1]).format(\n          item?.format ?? 'YYYY/MM/DD HH:mm:ss'\n        )}`\n      }\n      arr.push({\n        label: item.label || '',\n        key: item.key,\n        value: value[item.key],\n        showValue: tagValue\n      })\n    }\n  })\n  return arr\n}\n\nwatchEffect(() => {\n  tags.value = getTags(props.filterColumns, props.value)\n})\n</script>\n"],"names":["createNamespace","ref","isEmpty","isNil","watchEffect"],"mappings":"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"}