ll-plus 2.2.7 → 2.2.8

package/es/components/advanced-filtering/src/advanced-filtering.vue2.mjs

@@ -1,4 +1,4 @@
-import { createElementVNode, defineComponent, ref, watch, resolveComponent, openBlock, createBlock, unref, withCtx, createVNode, withModifiers } from 'vue';
+import { createElementVNode, defineComponent, ref, watch, watchEffect, resolveComponent, openBlock, createBlock, unref, withCtx, createVNode, withModifiers } from 'vue';
 import '../../../utils/index.mjs';
 import { advancedFilteringProps, advancedFilteringEmits } from './advanced-filtering.mjs';
 import '../../index.mjs';
@@ -25,7 +25,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     const props = __props;
     const emits = __emit;
     const bem = createNamespace("advanced-filtering");
-    const filterValue = ref(props.value);
+    const filterValue = ref({});
     const showSelectBox = ref(false);
     const showValueBox = ref(false);
     const handleHoverChange = (visible) => {
@@ -54,6 +54,9 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         deep: true
       }
     );
+    watchEffect(() => {
+      filterValue.value = props.value;
+    });
     return (_ctx, _cache) => {
       const _component_a_popover = resolveComponent("a-popover");
       return openBlock(), createBlock(_component_a_popover, {

package/es/components/advanced-filtering/src/advanced-filtering.vue2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"advanced-filtering.vue2.mjs","sources":["../../../../../packages/components/advanced-filtering/src/advanced-filtering.vue"],"sourcesContent":["<template>\n  <a-popover\n    :overlay-class-name=\"bem.b()\"\n    placement=\"bottomRight\"\n    :overlay-style=\"props.overlayStyle\"\n    :open=\"showSelectBox\"\n  >\n    <template #content>\n      <advanced-filtering-params\n        v-model:value=\"filterValue\"\n        :filter-columns=\"props.filterColumns\"\n        :form-options=\"props.formOptions\"\n        @close=\"handleClose\"\n      />\n    </template>\n    <a-popover\n      :overlay-class-name=\"bem.b()\"\n      trigger=\"hover\"\n      placement=\"bottomRight\"\n      :open=\"showValueBox\"\n      :overlay-style=\"props.overlayStyle\"\n      @open-change=\"handleHoverChange\"\n    >\n      <template #content>\n        <advanced-filtering-tags\n          :value=\"filterValue\"\n          :filter-columns=\"props.filterColumns\"\n          @change=\"handleChange\"\n        />\n      </template>\n      <ll-button @click.stop=\"handleClickChange\">\n        <ll-icon icon-name=\"icon-Screening\" style=\"margin-right: 10px\" />\n        <span>高级筛选</span>\n      </ll-button>\n    </a-popover>\n  </a-popover>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, watch } from 'vue'\n\nimport { createNamespace } from '@ll-plus/utils'\n\nimport {\n  advancedFilteringProps,\n  advancedFilteringEmits\n} from './advanced-filtering'\n\nimport { LlButton, LlIcon } from '@ll-plus/components'\nimport AdvancedFilteringParams from './components/advanced-filtering-params.vue'\nimport AdvancedFilteringTags from './components/advanced-filtering-tags.vue'\n\ndefineOptions({ name: 'LlAdvancedFiltering' })\nconst props = defineProps(advancedFilteringProps)\nconst emits = defineEmits(advancedFilteringEmits)\nconst bem = createNamespace('advanced-filtering')\nconst filterValue = ref<any>(props.value)\nconst showSelectBox = ref<boolean>(false)\nconst showValueBox = ref<boolean>(false)\n\nconst handleHoverChange = (visible: boolean) => {\n  if (showSelectBox.value) return\n  showValueBox.value = visible\n}\n\nconst handleClickChange = () => {\n  showSelectBox.value = !showSelectBox.value\n  showValueBox.value = false\n}\n\nconst handleClose = () => {\n  showSelectBox.value = false\n  showValueBox.value = false\n}\n\nconst handleChange = val => {\n  filterValue.value = val\n}\nwatch(\n  filterValue,\n  n => {\n    emits('update:value', n)\n    emits('change', n)\n  },\n  {\n    deep: true\n  }\n)\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAqDA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAA,MAAM,KAAQ,GAAA,MAAA,CAAA;AACd,IAAM,MAAA,GAAA,GAAM,gBAAgB,oBAAoB,CAAA,CAAA;AAChD,IAAM,MAAA,WAAA,GAAc,GAAS,CAAA,KAAA,CAAM,KAAK,CAAA,CAAA;AACxC,IAAM,MAAA,aAAA,GAAgB,IAAa,KAAK,CAAA,CAAA;AACxC,IAAM,MAAA,YAAA,GAAe,IAAa,KAAK,CAAA,CAAA;AAEvC,IAAM,MAAA,iBAAA,GAAoB,CAAC,OAAqB,KAAA;AAC9C,MAAA,IAAI,aAAc,CAAA,KAAA;AAAO,QAAA,OAAA;AACzB,MAAA,YAAA,CAAa,KAAQ,GAAA,OAAA,CAAA;AAAA,KACvB,CAAA;AAEA,IAAA,MAAM,oBAAoB,MAAM;AAC9B,MAAc,aAAA,CAAA,KAAA,GAAQ,CAAC,aAAc,CAAA,KAAA,CAAA;AACrC,MAAA,YAAA,CAAa,KAAQ,GAAA,KAAA,CAAA;AAAA,KACvB,CAAA;AAEA,IAAA,MAAM,cAAc,MAAM;AACxB,MAAA,aAAA,CAAc,KAAQ,GAAA,KAAA,CAAA;AACtB,MAAA,YAAA,CAAa,KAAQ,GAAA,KAAA,CAAA;AAAA,KACvB,CAAA;AAEA,IAAA,MAAM,eAAe,CAAO,GAAA,KAAA;AAC1B,MAAA,WAAA,CAAY,KAAQ,GAAA,GAAA,CAAA;AAAA,KACtB,CAAA;AACA,IAAA,KAAA;AAAA,MACE,WAAA;AAAA,MACA,CAAK,CAAA,KAAA;AACH,QAAA,KAAA,CAAM,gBAAgB,CAAC,CAAA,CAAA;AACvB,QAAA,KAAA,CAAM,UAAU,CAAC,CAAA,CAAA;AAAA,OACnB;AAAA,MACA;AAAA,QACE,IAAM,EAAA,IAAA;AAAA,OACR;AAAA,KACF,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"advanced-filtering.vue2.mjs","sources":["../../../../../packages/components/advanced-filtering/src/advanced-filtering.vue"],"sourcesContent":["<template>\n  <a-popover\n    :overlay-class-name=\"bem.b()\"\n    placement=\"bottomRight\"\n    :overlay-style=\"props.overlayStyle\"\n    :open=\"showSelectBox\"\n  >\n    <template #content>\n      <advanced-filtering-params\n        v-model:value=\"filterValue\"\n        :filter-columns=\"props.filterColumns\"\n        :form-options=\"props.formOptions\"\n        @close=\"handleClose\"\n      />\n    </template>\n    <a-popover\n      :overlay-class-name=\"bem.b()\"\n      trigger=\"hover\"\n      placement=\"bottomRight\"\n      :open=\"showValueBox\"\n      :overlay-style=\"props.overlayStyle\"\n      @open-change=\"handleHoverChange\"\n    >\n      <template #content>\n        <advanced-filtering-tags\n          :value=\"filterValue\"\n          :filter-columns=\"props.filterColumns\"\n          @change=\"handleChange\"\n        />\n      </template>\n      <ll-button @click.stop=\"handleClickChange\">\n        <ll-icon icon-name=\"icon-Screening\" style=\"margin-right: 10px\" />\n        <span>高级筛选</span>\n      </ll-button>\n    </a-popover>\n  </a-popover>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, watch, watchEffect } from 'vue'\n\nimport { createNamespace } from '@ll-plus/utils'\n\nimport {\n  advancedFilteringProps,\n  advancedFilteringEmits\n} from './advanced-filtering'\n\nimport { LlButton, LlIcon } from '@ll-plus/components'\nimport AdvancedFilteringParams from './components/advanced-filtering-params.vue'\nimport AdvancedFilteringTags from './components/advanced-filtering-tags.vue'\n\ndefineOptions({ name: 'LlAdvancedFiltering' })\nconst props = defineProps(advancedFilteringProps)\nconst emits = defineEmits(advancedFilteringEmits)\nconst bem = createNamespace('advanced-filtering')\nconst filterValue = ref<any>({})\nconst showSelectBox = ref<boolean>(false)\nconst showValueBox = ref<boolean>(false)\n\nconst handleHoverChange = (visible: boolean) => {\n  if (showSelectBox.value) return\n  showValueBox.value = visible\n}\n\nconst handleClickChange = () => {\n  showSelectBox.value = !showSelectBox.value\n  showValueBox.value = false\n}\n\nconst handleClose = () => {\n  showSelectBox.value = false\n  showValueBox.value = false\n}\n\nconst handleChange = val => {\n  filterValue.value = val\n}\nwatch(\n  filterValue,\n  n => {\n    emits('update:value', n)\n    emits('change', n)\n  },\n  {\n    deep: true\n  }\n)\nwatchEffect(() => {\n  filterValue.value = props.value\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAqDA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAA,MAAM,KAAQ,GAAA,MAAA,CAAA;AACd,IAAM,MAAA,GAAA,GAAM,gBAAgB,oBAAoB,CAAA,CAAA;AAChD,IAAM,MAAA,WAAA,GAAc,GAAS,CAAA,EAAE,CAAA,CAAA;AAC/B,IAAM,MAAA,aAAA,GAAgB,IAAa,KAAK,CAAA,CAAA;AACxC,IAAM,MAAA,YAAA,GAAe,IAAa,KAAK,CAAA,CAAA;AAEvC,IAAM,MAAA,iBAAA,GAAoB,CAAC,OAAqB,KAAA;AAC9C,MAAA,IAAI,aAAc,CAAA,KAAA;AAAO,QAAA,OAAA;AACzB,MAAA,YAAA,CAAa,KAAQ,GAAA,OAAA,CAAA;AAAA,KACvB,CAAA;AAEA,IAAA,MAAM,oBAAoB,MAAM;AAC9B,MAAc,aAAA,CAAA,KAAA,GAAQ,CAAC,aAAc,CAAA,KAAA,CAAA;AACrC,MAAA,YAAA,CAAa,KAAQ,GAAA,KAAA,CAAA;AAAA,KACvB,CAAA;AAEA,IAAA,MAAM,cAAc,MAAM;AACxB,MAAA,aAAA,CAAc,KAAQ,GAAA,KAAA,CAAA;AACtB,MAAA,YAAA,CAAa,KAAQ,GAAA,KAAA,CAAA;AAAA,KACvB,CAAA;AAEA,IAAA,MAAM,eAAe,CAAO,GAAA,KAAA;AAC1B,MAAA,WAAA,CAAY,KAAQ,GAAA,GAAA,CAAA;AAAA,KACtB,CAAA;AACA,IAAA,KAAA;AAAA,MACE,WAAA;AAAA,MACA,CAAK,CAAA,KAAA;AACH,QAAA,KAAA,CAAM,gBAAgB,CAAC,CAAA,CAAA;AACvB,QAAA,KAAA,CAAM,UAAU,CAAC,CAAA,CAAA;AAAA,OACnB;AAAA,MACA;AAAA,QACE,IAAM,EAAA,IAAA;AAAA,OACR;AAAA,KACF,CAAA;AACA,IAAA,WAAA,CAAY,MAAM;AAChB,MAAA,WAAA,CAAY,QAAQ,KAAM,CAAA,KAAA,CAAA;AAAA,KAC3B,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/index.full.js

@@ -2418,7 +2418,7 @@
       const props = __props;
       const emits = __emit;
       const bem = createNamespace("advanced-filtering");
-      const filterValue = require$$0.ref(props.value);
+      const filterValue = require$$0.ref({});
       const showSelectBox = require$$0.ref(false);
       const showValueBox = require$$0.ref(false);
       const handleHoverChange = (visible) => {
@@ -2447,6 +2447,9 @@
           deep: true
         }
       );
+      require$$0.watchEffect(() => {
+        filterValue.value = props.value;
+      });
       return (_ctx, _cache) => {
         const _component_a_popover = require$$0.resolveComponent("a-popover");
         return require$$0.openBlock(), require$$0.createBlock(_component_a_popover, {