vxe-pc-ui 4.20.34 → 4.20.35

package/es/collapse/src/collapse.js

@@ -20,371 +20,374 @@ function createInternalData() {
     openKeyMaps: {}
   };
 }
-var collapse_default = defineVxeComponent({
-  name: "VxeCollapse",
-  props: {
-    modelValue: Array,
-    options: Array,
-    padding: {
-      type: Boolean,
-      default: () => getConfig().collapse.padding
-    },
-    border: {
-      type: Boolean,
-      default: () => getConfig().collapse.border
-    },
-    expandConfig: Object,
-    size: {
-      type: String,
-      default: () => getConfig().collapse.size || getConfig().size
-    }
-  },
-  emits: ["update:modelValue", "load", "change", "toggle-expand"],
-  setup(props, context) {
-    const { emit, slots } = context;
-    const xID = XEUtils.uniqueId();
-    const { computeSize } = useFns.useSize(props);
-    const refElem = ref();
-    const reactData = reactive(createReactData());
-    const internalData = createInternalData();
-    const refMaps = {
-      refElem
-    };
-    const computeItemOptions = computed(() => {
-      const { options } = props;
-      return (options || []).filter((item) => handleFilterItem(item));
-    });
-    const computeItemStaticOptions = computed(() => {
-      const { staticPanes } = reactData;
-      return staticPanes.filter((item) => handleFilterItem(item));
-    });
-    const computeExpandOpts = computed(() => {
-      return Object.assign({}, getConfig().collapse.expandConfig, props.expandConfig);
-    });
-    const computeMaps = {};
-    const $xeCollapse = {
-      xID,
-      props,
-      context,
-      reactData,
-      internalData,
-      getRefMaps: () => refMaps,
-      getComputeMaps: () => computeMaps
-    };
-    const dispatchEvent = (type, params, evnt) => {
-      emit(type, createEvent(evnt, { $collapse: $xeCollapse }, params));
-    };
-    const collapseMethods = {
-      dispatchEvent
-    };
-    const emitModel = (value) => {
-      emit("update:modelValue", value);
-    };
-    const handleFilterItem = (item) => {
-      const { permissionCode } = item;
-      if (permissionCode) {
-        if (!permission.checkVisible(permissionCode)) {
-          return false;
-        }
+var collapse_default = (
+  /* define-vxe-component start */
+  defineVxeComponent({
+    name: "VxeCollapse",
+    props: {
+      modelValue: Array,
+      options: Array,
+      padding: {
+        type: Boolean,
+        default: () => getConfig().collapse.padding
+      },
+      border: {
+        type: Boolean,
+        default: () => getConfig().collapse.border
+      },
+      expandConfig: Object,
+      size: {
+        type: String,
+        default: () => getConfig().collapse.size || getConfig().size
       }
-      return true;
-    };
-    const updateModel = () => {
-      const { modelValue } = props;
-      const { openKeyMaps } = internalData;
-      const activeMaps = {};
-      if (modelValue) {
-        modelValue.forEach((name) => {
-          if (!openKeyMaps[name]) {
-            openKeyMaps[name] = true;
+    },
+    emits: ["update:modelValue", "load", "change", "toggle-expand"],
+    setup(props, context) {
+      const { emit, slots } = context;
+      const xID = XEUtils.uniqueId();
+      const { computeSize } = useFns.useSize(props);
+      const refElem = ref();
+      const reactData = reactive(createReactData());
+      const internalData = createInternalData();
+      const refMaps = {
+        refElem
+      };
+      const computeItemOptions = computed(() => {
+        const { options } = props;
+        return (options || []).filter((item) => handleFilterItem(item));
+      });
+      const computeItemStaticOptions = computed(() => {
+        const { staticPanes } = reactData;
+        return staticPanes.filter((item) => handleFilterItem(item));
+      });
+      const computeExpandOpts = computed(() => {
+        return Object.assign({}, getConfig().collapse.expandConfig, props.expandConfig);
+      });
+      const computeMaps = {};
+      const $xeCollapse = {
+        xID,
+        props,
+        context,
+        reactData,
+        internalData,
+        getRefMaps: () => refMaps,
+        getComputeMaps: () => computeMaps
+      };
+      const dispatchEvent = (type, params, evnt) => {
+        emit(type, createEvent(evnt, { $collapse: $xeCollapse }, params));
+      };
+      const collapseMethods = {
+        dispatchEvent
+      };
+      const emitModel = (value) => {
+        emit("update:modelValue", value);
+      };
+      const handleFilterItem = (item) => {
+        const { permissionCode } = item;
+        if (permissionCode) {
+          if (!permission.checkVisible(permissionCode)) {
+            return false;
           }
-          activeMaps[name] = true;
-        });
-      }
-      internalData.activeKeyMaps = activeMaps;
-      reactData.activeKeyFlag++;
-      reactData.openKeyFlag++;
-    };
-    const handleOpen = (name) => {
-      const { openKeyMaps } = internalData;
-      if (name && !openKeyMaps[name]) {
-        openKeyMaps[name] = true;
-        dispatchEvent("load", { name }, null);
+        }
         return true;
-      }
-      return false;
-    };
-    const initDefaultName = (list) => {
-      const { activeKeyMaps } = internalData;
-      const nameMaps = {};
-      if (list && list.length) {
-        list.forEach((item) => {
-          const { name, preload } = item || {};
-          if (name) {
-            const isActive = activeKeyMaps[name];
-            nameMaps[name] = {
-              height: 0,
-              loading: false
-            };
-            if (isActive || preload) {
-              handleOpen(name);
+      };
+      const updateModel = () => {
+        const { modelValue } = props;
+        const { openKeyMaps } = internalData;
+        const activeMaps = {};
+        if (modelValue) {
+          modelValue.forEach((name) => {
+            if (!openKeyMaps[name]) {
+              openKeyMaps[name] = true;
             }
-          }
-        });
-      }
-      reactData.cachePaneMaps = nameMaps;
-      reactData.openKeyFlag++;
-    };
-    const callSlot = (slotFunc, params) => {
-      if (slotFunc) {
-        if (XEUtils.isString(slotFunc)) {
-          slotFunc = slots[slotFunc] || null;
+            activeMaps[name] = true;
+          });
+        }
+        internalData.activeKeyMaps = activeMaps;
+        reactData.activeKeyFlag++;
+        reactData.openKeyFlag++;
+      };
+      const handleOpen = (name) => {
+        const { openKeyMaps } = internalData;
+        if (name && !openKeyMaps[name]) {
+          openKeyMaps[name] = true;
+          dispatchEvent("load", { name }, null);
+          return true;
         }
-        if (XEUtils.isFunction(slotFunc)) {
-          return getSlotVNs(slotFunc(params));
+        return false;
+      };
+      const initDefaultName = (list) => {
+        const { activeKeyMaps } = internalData;
+        const nameMaps = {};
+        if (list && list.length) {
+          list.forEach((item) => {
+            const { name, preload } = item || {};
+            if (name) {
+              const isActive = activeKeyMaps[name];
+              nameMaps[name] = {
+                height: 0,
+                loading: false
+              };
+              if (isActive || preload) {
+                handleOpen(name);
+              }
+            }
+          });
         }
-      }
-      return [];
-    };
-    const handleClickEvent = (evnt, item) => {
-      let { activeKeyMaps } = internalData;
-      const { esTime } = internalData;
-      const expandOpts = computeExpandOpts.value;
-      const { accordion } = expandOpts;
-      const { name } = item;
-      if (esTime) {
-        clearTimeout(esTime);
-      }
-      if (name) {
-        const headEl = evnt.currentTarget;
-        const bodyEl = headEl.nextElementSibling;
-        let expanded = false;
-        if (activeKeyMaps[name]) {
-          delete activeKeyMaps[name];
-        } else {
-          if (accordion) {
-            activeKeyMaps = {};
+        reactData.cachePaneMaps = nameMaps;
+        reactData.openKeyFlag++;
+      };
+      const callSlot = (slotFunc, params) => {
+        if (slotFunc) {
+          if (XEUtils.isString(slotFunc)) {
+            slotFunc = slots[slotFunc] || null;
+          }
+          if (XEUtils.isFunction(slotFunc)) {
+            return getSlotVNs(slotFunc(params));
           }
-          expanded = true;
-          activeKeyMaps[name] = true;
         }
-        const startAnimation = () => {
-          const itemEl = bodyEl.firstElementChild;
-          if (itemEl) {
-            bodyEl.style.height = toCssUnit(itemEl.scrollHeight);
-            if (expanded) {
-              internalData.esTime = setTimeout(() => {
-                bodyEl.style.height = "";
-                internalData.esTime = void 0;
-              }, 200);
-            } else {
-              nextTick(() => {
-                requestAnimationFrame(() => {
+        return [];
+      };
+      const handleClickEvent = (evnt, item) => {
+        let { activeKeyMaps } = internalData;
+        const { esTime } = internalData;
+        const expandOpts = computeExpandOpts.value;
+        const { accordion } = expandOpts;
+        const { name } = item;
+        if (esTime) {
+          clearTimeout(esTime);
+        }
+        if (name) {
+          const headEl = evnt.currentTarget;
+          const bodyEl = headEl.nextElementSibling;
+          let expanded = false;
+          if (activeKeyMaps[name]) {
+            delete activeKeyMaps[name];
+          } else {
+            if (accordion) {
+              activeKeyMaps = {};
+            }
+            expanded = true;
+            activeKeyMaps[name] = true;
+          }
+          const startAnimation = () => {
+            const itemEl = bodyEl.firstElementChild;
+            if (itemEl) {
+              bodyEl.style.height = toCssUnit(itemEl.scrollHeight);
+              if (expanded) {
+                internalData.esTime = setTimeout(() => {
                   bodyEl.style.height = "";
+                  internalData.esTime = void 0;
+                }, 200);
+              } else {
+                nextTick(() => {
+                  requestAnimationFrame(() => {
+                    bodyEl.style.height = "";
+                  });
                 });
-              });
+              }
+            }
+          };
+          const value = Object.keys(activeKeyMaps);
+          internalData.activeKeyMaps = activeKeyMaps;
+          handleOpen(name);
+          reactData.activeKeyFlag++;
+          reactData.openKeyFlag++;
+          if (bodyEl) {
+            const itemEl = bodyEl.firstElementChild;
+            if (itemEl) {
+              startAnimation();
+            } else {
+              bodyEl.style.height = "0";
+              nextTick(startAnimation);
             }
           }
-        };
-        const value = Object.keys(activeKeyMaps);
-        internalData.activeKeyMaps = activeKeyMaps;
-        handleOpen(name);
-        reactData.activeKeyFlag++;
-        reactData.openKeyFlag++;
-        if (bodyEl) {
-          const itemEl = bodyEl.firstElementChild;
-          if (itemEl) {
-            startAnimation();
-          } else {
-            bodyEl.style.height = "0";
-            nextTick(startAnimation);
-          }
+          emitModel(value);
+          dispatchEvent("change", { value, name }, evnt);
+          dispatchEvent("toggle-expand", { value, name, expanded }, evnt);
         }
-        emitModel(value);
-        dispatchEvent("change", { value, name }, evnt);
-        dispatchEvent("toggle-expand", { value, name, expanded }, evnt);
-      }
-    };
-    const collapsePrivateMethods = {};
-    Object.assign($xeCollapse, collapseMethods, collapsePrivateMethods);
-    const renderList = (itemList) => {
-      const { activeKeyFlag, openKeyFlag } = reactData;
-      const { activeKeyMaps, openKeyMaps } = internalData;
-      const expandOpts = computeExpandOpts.value;
-      return itemList.map((item) => {
-        const { icon, name, title, slots: slots2 } = item;
-        const titleSlot = slots2 ? slots2.title : null;
-        const defaultSlot = slots2 ? slots2.default : null;
-        const isActive = name && activeKeyFlag && activeKeyMaps[name];
+      };
+      const collapsePrivateMethods = {};
+      Object.assign($xeCollapse, collapseMethods, collapsePrivateMethods);
+      const renderList = (itemList) => {
+        const { activeKeyFlag, openKeyFlag } = reactData;
+        const { activeKeyMaps, openKeyMaps } = internalData;
+        const expandOpts = computeExpandOpts.value;
+        return itemList.map((item) => {
+          const { icon, name, title, slots: slots2 } = item;
+          const titleSlot = slots2 ? slots2.title : null;
+          const defaultSlot = slots2 ? slots2.default : null;
+          const isActive = name && activeKeyFlag && activeKeyMaps[name];
+          return h(
+            "div",
+            {
+              class: "vxe-collapse-item"
+            },
+            [
+              h(
+                "div",
+                {
+                  class: "vxe-collapse--item-header",
+                  onClick(evnt) {
+                    handleClickEvent(evnt, item);
+                  }
+                },
+                [
+                  expandOpts.showIcon ? h(
+                    "span",
+                    {
+                      class: "vxe-collapse--item-switch"
+                    },
+                    [
+                      h("i", {
+                        class: isActive ? getIcon().COLLAPSE_OPEN : getIcon().COLLAPSE_CLOSE
+                      })
+                    ]
+                  ) : renderEmptyElement($xeCollapse),
+                  icon ? h(
+                    "span",
+                    {
+                      class: "vxe-collapse--item-icon"
+                    },
+                    [
+                      h("i", {
+                        class: icon
+                      })
+                    ]
+                  ) : renderEmptyElement($xeCollapse),
+                  h(
+                    "span",
+                    {
+                      class: "vxe-collapse--item-name"
+                    },
+                    titleSlot ? callSlot(titleSlot, { name, title }) : `${title}`
+                  )
+                ]
+              ),
+              h(
+                "div",
+                {
+                  class: [
+                    "vxe-collapse--item-content",
+                    {
+                      "is--visible": isActive,
+                      "is--hidden": !isActive
+                    }
+                  ]
+                },
+                [
+                  name && openKeyFlag && openKeyMaps[name] ? h(
+                    "div",
+                    {
+                      class: "vxe-collapse--item-inner"
+                    },
+                    [defaultSlot ? callSlot(defaultSlot, { name, title }) : ""]
+                  ) : renderEmptyElement($xeCollapse)
+                ]
+              )
+            ]
+          );
+        });
+      };
+      const renderVN = () => {
+        const { padding, border } = props;
+        const vSize = computeSize.value;
+        const itemOptions = computeItemOptions.value;
+        const itemStaticOptions = computeItemStaticOptions.value;
+        const defaultSlot = slots.default;
+        const itemList = defaultSlot ? itemStaticOptions : itemOptions;
         return h(
           "div",
           {
-            class: "vxe-collapse-item"
+            ref: refElem,
+            class: [
+              "vxe-collapse",
+              {
+                [`size--${vSize}`]: vSize,
+                "is--padding": padding,
+                "is--border": border
+              }
+            ]
           },
           [
             h(
               "div",
               {
-                class: "vxe-collapse--item-header",
-                onClick(evnt) {
-                  handleClickEvent(evnt, item);
-                }
+                class: "vxe-collapse-slots"
               },
-              [
-                expandOpts.showIcon ? h(
-                  "span",
-                  {
-                    class: "vxe-collapse--item-switch"
-                  },
-                  [
-                    h("i", {
-                      class: isActive ? getIcon().COLLAPSE_OPEN : getIcon().COLLAPSE_CLOSE
-                    })
-                  ]
-                ) : renderEmptyElement($xeCollapse),
-                icon ? h(
-                  "span",
-                  {
-                    class: "vxe-collapse--item-icon"
-                  },
-                  [
-                    h("i", {
-                      class: icon
-                    })
-                  ]
-                ) : renderEmptyElement($xeCollapse),
-                h(
-                  "span",
-                  {
-                    class: "vxe-collapse--item-name"
-                  },
-                  titleSlot ? callSlot(titleSlot, { name, title }) : `${title}`
-                )
-              ]
+              defaultSlot ? defaultSlot({}) : []
             ),
-            h(
-              "div",
-              {
-                class: [
-                  "vxe-collapse--item-content",
-                  {
-                    "is--visible": isActive,
-                    "is--hidden": !isActive
-                  }
-                ]
-              },
-              [
-                name && openKeyFlag && openKeyMaps[name] ? h(
-                  "div",
-                  {
-                    class: "vxe-collapse--item-inner"
-                  },
-                  [defaultSlot ? callSlot(defaultSlot, { name, title }) : ""]
-                ) : renderEmptyElement($xeCollapse)
-              ]
-            )
+            renderList(itemList)
           ]
         );
+      };
+      const valFlag = ref(0);
+      watch(
+        () => props.modelValue ? props.modelValue.length : -1,
+        () => {
+          valFlag.value++;
+        }
+      );
+      watch(
+        () => props.modelValue,
+        () => {
+          valFlag.value++;
+        }
+      );
+      watch(valFlag, () => {
+        updateModel();
       });
-    };
-    const renderVN = () => {
-      const { padding, border } = props;
-      const vSize = computeSize.value;
-      const itemOptions = computeItemOptions.value;
-      const itemStaticOptions = computeItemStaticOptions.value;
-      const defaultSlot = slots.default;
-      const itemList = defaultSlot ? itemStaticOptions : itemOptions;
-      return h(
-        "div",
-        {
-          ref: refElem,
-          class: [
-            "vxe-collapse",
-            {
-              [`size--${vSize}`]: vSize,
-              "is--padding": padding,
-              "is--border": border
-            }
-          ]
-        },
-        [
-          h(
-            "div",
-            {
-              class: "vxe-collapse-slots"
-            },
-            defaultSlot ? defaultSlot({}) : []
-          ),
-          renderList(itemList)
-        ]
+      const optsFlag = ref(0);
+      watch(
+        () => props.options ? props.options.length : -1,
+        () => {
+          optsFlag.value++;
+        }
       );
-    };
-    const valFlag = ref(0);
-    watch(
-      () => props.modelValue ? props.modelValue.length : -1,
-      () => {
-        valFlag.value++;
-      }
-    );
-    watch(
-      () => props.modelValue,
-      () => {
-        valFlag.value++;
-      }
-    );
-    watch(valFlag, () => {
+      watch(
+        () => props.options,
+        () => {
+          optsFlag.value++;
+        }
+      );
+      watch(optsFlag, () => {
+        initDefaultName(props.options);
+      });
+      const stFlag = ref(0);
+      watch(
+        () => reactData.staticPanes ? reactData.staticPanes.length : -1,
+        () => {
+          stFlag.value++;
+        }
+      );
+      watch(
+        () => reactData.staticPanes,
+        () => {
+          stFlag.value++;
+        }
+      );
+      watch(stFlag, () => {
+        initDefaultName(reactData.staticPanes);
+      });
       updateModel();
-    });
-    const optsFlag = ref(0);
-    watch(
-      () => props.options ? props.options.length : -1,
-      () => {
-        optsFlag.value++;
-      }
-    );
-    watch(
-      () => props.options,
-      () => {
-        optsFlag.value++;
-      }
-    );
-    watch(optsFlag, () => {
-      initDefaultName(props.options);
-    });
-    const stFlag = ref(0);
-    watch(
-      () => reactData.staticPanes ? reactData.staticPanes.length : -1,
-      () => {
-        stFlag.value++;
-      }
-    );
-    watch(
-      () => reactData.staticPanes,
-      () => {
-        stFlag.value++;
-      }
-    );
-    watch(stFlag, () => {
-      initDefaultName(reactData.staticPanes);
-    });
-    updateModel();
-    initDefaultName(reactData.staticPanes.length ? reactData.staticPanes : props.options);
-    onUnmounted(() => {
-      const { esTime } = internalData;
-      if (esTime) {
-        clearTimeout(esTime);
-      }
-      XEUtils.assign(reactData, createReactData());
-      XEUtils.assign(internalData, createInternalData());
-    });
-    provide("$xeCollapse", $xeCollapse);
-    $xeCollapse.renderVN = renderVN;
-    return $xeCollapse;
-  },
-  render() {
-    return this.renderVN();
-  }
-});
+      initDefaultName(reactData.staticPanes.length ? reactData.staticPanes : props.options);
+      onUnmounted(() => {
+        const { esTime } = internalData;
+        if (esTime) {
+          clearTimeout(esTime);
+        }
+        XEUtils.assign(reactData, createReactData());
+        XEUtils.assign(internalData, createInternalData());
+      });
+      provide("$xeCollapse", $xeCollapse);
+      $xeCollapse.renderVN = renderVN;
+      return $xeCollapse;
+    },
+    render() {
+      return this.renderVN();
+    }
+  })
+);
 export {
   collapse_default as default
 };