ll-plus 2.1.10 → 2.1.12

package/es/components/tag-group/src/tag-group.vue2.mjs

@@ -0,0 +1,325 @@
+import { defineComponent, ref, toRef, reactive, nextTick, watch, onMounted, onUnmounted, resolveComponent, openBlock, createBlock, withCtx, createElementVNode, normalizeClass, unref, createElementBlock, Fragment, renderList, toDisplayString, createVNode, createCommentVNode, withModifiers } from 'vue';
+import { Form, Popover } from 'ant-design-vue';
+import '../../../utils/index.mjs';
+import { tagGroupProps, tagGroupEmits } from './tag-group.mjs';
+import { createNamespace } from '../../../utils/create-namespace.mjs';
+
+"use strict";
+const _hoisted_1 = ["onClick"];
+const _hoisted_2 = ["onClick"];
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ name: "LlTagGroup" },
+  __name: "tag-group",
+  props: tagGroupProps,
+  emits: tagGroupEmits,
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const bem = createNamespace("tag-group");
+    const formItemContext = Form.useInjectFormItemContext();
+    const loading = ref(false);
+    const inputValue = ref("");
+    const visible = ref(false);
+    const value = toRef(props.value?.length ? props.value.split(",") : []);
+    const more = ref(0);
+    const btnRef = ref();
+    const mouseMove = ref(false);
+    const tagsTypeRef = ref(null);
+    const tagRefs = reactive([]);
+    const filterOptionsValue = ref(props.options);
+    const innerOptions = ref(props.options);
+    const tagsTypeWidth = ref(0);
+    const shownArr = ref([]);
+    const getTagRefs = (i) => {
+      return (el) => {
+        if (el) {
+          tagRefs[i] = toRef(el);
+        } else {
+          tagRefs.splice(i, 1);
+        }
+      };
+    };
+    const getWidth = () => {
+      nextTick(() => {
+        if (tagsTypeRef.value) {
+          tagsTypeWidth.value = tagsTypeRef.value.offsetWidth - 90;
+        }
+      });
+    };
+    const handleEnter = () => {
+      let arr = value.value;
+      if (!inputValue.value)
+        return;
+      if (innerOptions.value.indexOf(inputValue.value) < 0) {
+        innerOptions.value.push(inputValue.value);
+        emits("update:options", innerOptions.value);
+        arr.push(inputValue.value);
+      } else {
+        if (arr.indexOf(inputValue.value) < 0) {
+          arr.push(inputValue.value);
+        } else {
+          arr = arr.filter((e) => e !== inputValue.value);
+        }
+      }
+      value.value = arr;
+    };
+    const handleDel = (idx) => {
+      value.value.splice(idx, 1);
+    };
+    const handleClickFilter = (item) => {
+      let arr = value.value;
+      if (arr.indexOf(item) >= 0) {
+        arr = arr.filter((e) => e !== item);
+      } else {
+        arr.push(item);
+      }
+      value.value = arr;
+    };
+    watch(
+      () => props.options,
+      (n) => {
+        innerOptions.value = n;
+      },
+      {
+        deep: true,
+        immediate: true
+      }
+    );
+    watch(
+      [() => value.value.length, tagsTypeWidth],
+      async (n, o) => {
+        await nextTick();
+        const arr = [];
+        let moreLeftValue = 0;
+        for (const i in value.value) {
+          const tagetWidth = tagRefs[i].value.offsetWidth + 10;
+          if (moreLeftValue + tagetWidth >= n[1]) {
+            break;
+          } else {
+            moreLeftValue += tagetWidth;
+            arr.push(value.value[i]);
+          }
+        }
+        more.value = n[0] - arr.length > 0 ? n[0] - arr.length : 0;
+        shownArr.value = arr;
+        emits("update:value", value.value.join(","));
+        emits("change", value.value.join(","));
+        if (o[0]) {
+          if (n[0] !== o[0]) {
+            formItemContext.onFieldChange();
+            formItemContext.onFieldBlur();
+          }
+        }
+      },
+      {
+        deep: true,
+        immediate: true
+      }
+    );
+    watch(
+      () => [innerOptions, inputValue],
+      () => {
+        if (!inputValue.value)
+          filterOptionsValue.value = innerOptions.value;
+        filterOptionsValue.value = innerOptions.value.filter(
+          (e) => e.indexOf(inputValue.value) >= 0
+        );
+      },
+      {
+        deep: true,
+        immediate: true
+      }
+    );
+    onMounted(async () => {
+      getWidth();
+      window.addEventListener("resize", getWidth);
+    });
+    onUnmounted(() => {
+      window.removeEventListener("resize", getWidth);
+    });
+    return (_ctx, _cache) => {
+      const _component_ll_icon = resolveComponent("ll-icon");
+      const _component_LlInput = resolveComponent("LlInput");
+      const _component_a_spin = resolveComponent("a-spin");
+      return openBlock(), createBlock(_component_a_spin, { spinning: loading.value }, {
+        default: withCtx(() => [
+          createElementVNode(
+            "div",
+            {
+              ref_key: "tagsTypeRef",
+              ref: tagsTypeRef,
+              class: normalizeClass(unref(bem).b())
+            },
+            [
+              createElementVNode(
+                "div",
+                {
+                  class: normalizeClass(unref(bem).e("tag-container"))
+                },
+                [
+                  (openBlock(true), createElementBlock(
+                    Fragment,
+                    null,
+                    renderList(value.value, (item, i) => {
+                      return openBlock(), createElementBlock(
+                        "div",
+                        {
+                          key: i,
+                          ref_for: true,
+                          ref: getTagRefs(i),
+                          class: normalizeClass([
+                            unref(bem).m("item"),
+                            !shownArr.value.includes(item) ? unref(bem).is("hidden") : ""
+                          ])
+                        },
+                        [
+                          createElementVNode(
+                            "div",
+                            {
+                              class: normalizeClass(unref(bem).m("text"))
+                            },
+                            toDisplayString(item),
+                            3
+                            /* TEXT, CLASS */
+                          ),
+                          createElementVNode("span", {
+                            class: normalizeClass(unref(bem).m("close")),
+                            onClick: ($event) => handleDel(i)
+                          }, [
+                            createVNode(_component_ll_icon, {
+                              "icon-name": "icon-close2",
+                              color: "#909399",
+                              "class-name": unref(bem).m("close-icon")
+                            }, null, 8, ["class-name"])
+                          ], 10, _hoisted_1)
+                        ],
+                        2
+                        /* CLASS */
+                      );
+                    }),
+                    128
+                    /* KEYED_FRAGMENT */
+                  ))
+                ],
+                2
+                /* CLASS */
+              ),
+              createElementVNode(
+                "div",
+                {
+                  class: normalizeClass(unref(bem).e("add-container"))
+                },
+                [
+                  more.value > 0 ? (openBlock(), createElementBlock(
+                    "div",
+                    {
+                      key: 0,
+                      class: normalizeClass(unref(bem).m("more"))
+                    },
+                    "+" + toDisplayString(more.value),
+                    3
+                    /* TEXT, CLASS */
+                  )) : createCommentVNode("v-if", true),
+                  createVNode(unref(Popover), {
+                    visible: visible.value,
+                    "onUpdate:visible": _cache[3] || (_cache[3] = ($event) => visible.value = $event),
+                    "overlay-class-name": unref(bem).e("popover"),
+                    "arrow-point-at-center": "",
+                    trigger: "click",
+                    placement: "bottom"
+                  }, {
+                    content: withCtx(() => [
+                      createVNode(_component_LlInput, {
+                        value: inputValue.value,
+                        "onUpdate:value": _cache[0] || (_cache[0] = ($event) => inputValue.value = $event),
+                        placeholder: "\u8F93\u5165\u540E\u56DE\u8F66\u65B0\u5EFA",
+                        "prefix-icon": `icon-search`,
+                        style: { width: "300px", paddingLeft: "18px" },
+                        onPressEnter: withModifiers(handleEnter, ["prevent"])
+                      }, null, 8, ["value"]),
+                      filterOptionsValue.value.length > 0 ? (openBlock(), createElementBlock(
+                        "ul",
+                        {
+                          key: 0,
+                          class: normalizeClass(unref(bem).m("select-box"))
+                        },
+                        [
+                          (openBlock(true), createElementBlock(
+                            Fragment,
+                            null,
+                            renderList(filterOptionsValue.value, (item, i) => {
+                              return openBlock(), createElementBlock("li", {
+                                key: i,
+                                class: normalizeClass(unref(bem).m("select-item")),
+                                onClick: ($event) => handleClickFilter(item)
+                              }, [
+                                createElementVNode(
+                                  "span",
+                                  {
+                                    class: normalizeClass(unref(bem).m("select-text"))
+                                  },
+                                  toDisplayString(item),
+                                  3
+                                  /* TEXT, CLASS */
+                                ),
+                                value.value.indexOf(item) >= 0 ? (openBlock(), createBlock(_component_ll_icon, {
+                                  key: 0,
+                                  "icon-name": "icon-check",
+                                  class: normalizeClass(unref(bem).m("select-check")),
+                                  color: "#1890FF"
+                                }, null, 8, ["class"])) : createCommentVNode("v-if", true)
+                              ], 10, _hoisted_2);
+                            }),
+                            128
+                            /* KEYED_FRAGMENT */
+                          ))
+                        ],
+                        2
+                        /* CLASS */
+                      )) : createCommentVNode("v-if", true)
+                    ]),
+                    default: withCtx(() => [
+                      createElementVNode(
+                        "div",
+                        {
+                          ref_key: "btnRef",
+                          ref: btnRef,
+                          class: normalizeClass([
+                            mouseMove.value || visible.value ? unref(bem).is("active") : "",
+                            unref(bem).m("add-item")
+                          ]),
+                          onMouseover: _cache[1] || (_cache[1] = ($event) => mouseMove.value = true),
+                          onMouseleave: _cache[2] || (_cache[2] = ($event) => mouseMove.value = false)
+                        },
+                        [
+                          createVNode(_component_ll_icon, {
+                            "icon-name": "icon-add",
+                            color: "#666",
+                            "class-name": unref(bem).m("add-icon")
+                          }, null, 8, ["class-name"])
+                        ],
+                        34
+                        /* CLASS, NEED_HYDRATION */
+                      )
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  }, 8, ["visible", "overlay-class-name"])
+                ],
+                2
+                /* CLASS */
+              )
+            ],
+            2
+            /* CLASS */
+          )
+        ]),
+        _: 1
+        /* STABLE */
+      }, 8, ["spinning"]);
+    };
+  }
+});
+
+export { _sfc_main as default };
+//# sourceMappingURL=tag-group.vue2.mjs.map

package/es/components/tag-group/src/tag-group.vue2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tag-group.vue2.mjs","sources":["../../../../../packages/components/tag-group/src/tag-group.vue"],"sourcesContent":["<template>\n  <a-spin :spinning=\"loading\">\n    <div ref=\"tagsTypeRef\" :class=\"bem.b()\">\n      <div :class=\"bem.e('tag-container')\">\n        <template v-for=\"(item, i) in value\" :key=\"i\">\n          <div\n            :ref=\"getTagRefs(i)\"\n            :class=\"[\n              bem.m('item'),\n              !shownArr.includes(item) ? bem.is('hidden') : ''\n            ]\"\n          >\n            <div :class=\"bem.m('text')\">\n              {{ item }}\n            </div>\n            <span :class=\"bem.m('close')\" @click=\"handleDel(i)\">\n              <ll-icon\n                icon-name=\"icon-close2\"\n                :color=\"'#909399'\"\n                :class-name=\"bem.m('close-icon')\"\n              />\n            </span>\n          </div>\n        </template>\n      </div>\n\n      <div :class=\"bem.e('add-container')\">\n        <div v-if=\"more > 0\" :class=\"bem.m('more')\">+{{ more }}</div>\n        <Popover\n          v-model:visible=\"visible\"\n          :overlay-class-name=\"bem.e('popover')\"\n          arrow-point-at-center\n          trigger=\"click\"\n          placement=\"bottom\"\n        >\n          <template #content>\n            <LlInput\n              v-model:value=\"inputValue\"\n              placeholder=\"输入后回车新建\"\n              :prefix-icon=\"`icon-search`\"\n              :style=\"{ width: '300px', paddingLeft: '18px' }\"\n              @press-enter.prevent=\"handleEnter\"\n            />\n            <ul\n              v-if=\"filterOptionsValue.length > 0\"\n              :class=\"bem.m('select-box')\"\n            >\n              <li\n                v-for=\"(item, i) in filterOptionsValue\"\n                :key=\"i\"\n                :class=\"bem.m('select-item')\"\n                @click=\"handleClickFilter(item)\"\n              >\n                <span :class=\"bem.m('select-text')\">\n                  {{ item }}\n                </span>\n                <ll-icon\n                  v-if=\"value.indexOf(item) >= 0\"\n                  icon-name=\"icon-check\"\n                  :class=\"bem.m('select-check')\"\n                  color=\"#1890FF\"\n                />\n              </li>\n            </ul>\n          </template>\n          <div\n            ref=\"btnRef\"\n            :class=\"[\n              mouseMove || visible ? bem.is('active') : '',\n              bem.m('add-item')\n            ]\"\n            @mouseover=\"mouseMove = true\"\n            @mouseleave=\"mouseMove = false\"\n          >\n            <ll-icon\n              icon-name=\"icon-add\"\n              :color=\"'#666'\"\n              :class-name=\"bem.m('add-icon')\"\n            />\n          </div>\n        </Popover>\n      </div>\n    </div>\n  </a-spin>\n</template>\n\n<script setup lang=\"ts\">\nimport { Form } from 'ant-design-vue'\nimport {\n  ref,\n  reactive,\n  nextTick,\n  onMounted,\n  toRef,\n  watch,\n  onUnmounted\n} from 'vue'\nimport { Popover } from 'ant-design-vue'\nimport { createNamespace } from '@ll-plus/utils'\nimport { tagGroupProps, tagGroupEmits } from './tag-group'\nimport type { Ref } from 'vue'\ndefineOptions({ name: 'LlTagGroup' })\n\nconst props = defineProps(tagGroupProps)\nconst emits = defineEmits(tagGroupEmits)\nconst bem = createNamespace('tag-group')\nconst formItemContext = Form.useInjectFormItemContext()\n\nconst loading = ref(false)\nconst inputValue = ref('')\nconst visible = ref(false)\nconst value = toRef(props.value?.length ? props.value.split(',') : [])\nconst more = ref(0)\nconst btnRef = ref()\nconst mouseMove = ref(false)\nconst tagsTypeRef = ref<HTMLDivElement | null>(null)\nconst tagRefs: Ref<HTMLDivElement>[] = reactive([])\nconst filterOptionsValue = ref(props.options)\nconst innerOptions = ref(props.options)\nconst tagsTypeWidth = ref(0)\nconst shownArr = ref<string[]>([])\nconst getTagRefs = (i: number) => {\n  return (el: any) => {\n    if (el) {\n      tagRefs[i] = toRef(el)\n    } else {\n      tagRefs.splice(i, 1)\n    }\n  }\n}\n\nconst getWidth = () => {\n  nextTick(() => {\n    if (tagsTypeRef.value) {\n      tagsTypeWidth.value = tagsTypeRef.value.offsetWidth - 90\n    }\n  })\n}\n\nconst handleEnter = () => {\n  let arr = value.value\n  if (!inputValue.value) return\n  if (innerOptions.value.indexOf(inputValue.value) < 0) {\n    innerOptions.value.push(inputValue.value)\n    emits('update:options', innerOptions.value)\n    arr.push(inputValue.value)\n  } else {\n    if (arr.indexOf(inputValue.value) < 0) {\n      arr.push(inputValue.value)\n    } else {\n      arr = arr.filter(e => e !== inputValue.value)\n    }\n  }\n  value.value = arr\n  // inputValue.value = ''\n}\n\nconst handleDel = (idx: number) => {\n  value.value.splice(idx, 1)\n}\n\nconst handleClickFilter = (item: string) => {\n  let arr = value.value\n  if (arr.indexOf(item) >= 0) {\n    arr = arr.filter(e => e !== item)\n  } else {\n    arr.push(item)\n  }\n  value.value = arr\n}\nwatch(\n  () => props.options,\n  n => {\n    innerOptions.value = n\n  },\n  {\n    deep: true,\n    immediate: true\n  }\n)\nwatch(\n  [() => value.value.length, tagsTypeWidth],\n  async (n, o) => {\n    await nextTick()\n    const arr: string[] = []\n    let moreLeftValue = 0\n    for (const i in value.value) {\n      const tagetWidth = tagRefs[i].value.offsetWidth + 10\n      if (moreLeftValue + tagetWidth >= n[1]) {\n        break\n      } else {\n        moreLeftValue += tagetWidth\n        arr.push(value.value[i])\n      }\n    }\n    more.value = n[0] - arr.length > 0 ? n[0] - arr.length : 0\n    shownArr.value = arr\n    emits('update:value', value.value.join(','))\n    emits('change', value.value.join(','))\n\n    if (o[0]) {\n      if (n[0] !== o[0]) {\n        formItemContext.onFieldChange()\n        formItemContext.onFieldBlur()\n      }\n    }\n  },\n  {\n    deep: true,\n    immediate: true\n  }\n)\nwatch(\n  () => [innerOptions, inputValue],\n  () => {\n    if (!inputValue.value) filterOptionsValue.value = innerOptions.value\n    filterOptionsValue.value = innerOptions.value.filter(\n      (e: string) => e.indexOf(inputValue.value) >= 0\n    )\n  },\n  {\n    deep: true,\n    immediate: true\n  }\n)\nonMounted(async () => {\n  getWidth()\n  window.addEventListener('resize', getWidth)\n})\nonUnmounted(() => {\n  window.removeEventListener('resize', getWidth)\n})\n</script>\n"],"names":[],"mappings":"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"}

package/es/index.mjs

@@ -68,6 +68,8 @@ export { tableProps } from './components/table/src/config/table.mjs';
 export { LlTable } from './components/table/index.mjs';
 export { tabsSimpleEmits, tabsSimpleProps } from './components/tabs-simple/src/tabs-simple.mjs';
 export { LlTabsSimple } from './components/tabs-simple/index.mjs';
+export { tagGroupEmits, tagGroupProps } from './components/tag-group/src/tag-group.mjs';
+export { LlTagGroup } from './components/tag-group/index.mjs';
 export { LlTextarea } from './components/textarea/index.mjs';
 export { LlTimePicker } from './components/time-picker/index.mjs';
 export { LlTimeRange } from './components/time-range/index.mjs';

package/es/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../packages/ll-plus/index.ts"],"sourcesContent":["import installer from './defaults'\n// 按需导入 import {ZIcon} from 'll-plus'\nexport * from '@ll-plus/components/index'\n\nexport const install = installer.install\nexport default installer\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIO,MAAM,UAAU,SAAU,CAAA;;;;"}
+{"version":3,"file":"index.mjs","sources":["../../packages/ll-plus/index.ts"],"sourcesContent":["import installer from './defaults'\n// 按需导入 import {ZIcon} from 'll-plus'\nexport * from '@ll-plus/components/index'\n\nexport const install = installer.install\nexport default installer\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIO,MAAM,UAAU,SAAU,CAAA;;;;"}

package/es/utils/props/runtime.d.ts

@@ -27,6 +27,6 @@ export declare const buildProp: <Type = never, Value = never, Validator = never,
 export type TestProps = Record<string, {
     [epPropKey]: true;
 } | NativePropType | EpPropInput<any, any, any, any, any>>;
-export declare const buildProps: <Props extends Record<string, {
+export declare const buildProps: <Props extends Record<string, NativePropType | EpPropInput<any, any, any, any, any> | {
     __epPropKey: true;
-} | NativePropType | EpPropInput<any, any, any, any, any>>>(props: Props) => { [K in keyof Props]: IfEpProp<Props[K], Props[K], IfNativePropType<Props[K], Props[K], EpPropConvert<Props[K]>>>; };
+}>>(props: Props) => { [K in keyof Props]: IfEpProp<Props[K], Props[K], IfNativePropType<Props[K], Props[K], EpPropConvert<Props[K]>>>; };

package/global.d.ts

@@ -20,6 +20,7 @@ declare module '@vue/runtime-core' {
     LlIconBase: typeof import('ll-plus')['LlIconBase']
     LlInput: typeof import('ll-plus')['LlInput']
     LlInputNumber: typeof import('ll-plus')['LlInputNumber']
+    LlKeyValue: typeof import('ll-plus')['LlKeyValue']
     LlModal: typeof import('ll-plus')['LlModal']
     LlOperateIcon: typeof import('ll-plus')['LlOperateIcon']
     LlSelect: typeof import('ll-plus')['LlSelect']