vxe-pc-ui 4.20.25 → 4.20.26

package/lib/switch/src/switch.js

@@ -34,8 +34,9 @@ module.exports = __toCommonJS(switch_exports);
 var import_vue = require("vue");
 var import_comp = require("../../ui/src/comp");
 var import_xe_utils = __toESM(require("xe-utils"));
-var import_ui = require("../../ui");
+var import_core = require("@vxe-ui/core");
 var import_utils = require("../../ui/src/utils");
+const { getConfig, getI18n, createEvent, useFns, renderEmptyElement } = import_core.VxeUI;
 function createReactData() {
   return {
     isActivated: false,
@@ -62,7 +63,7 @@ var switch_default = (0, import_comp.defineVxeComponent)({
     },
     size: {
       type: String,
-      default: () => (0, import_ui.getConfig)().switch.size || (0, import_ui.getConfig)().size
+      default: () => getConfig().switch.size || getConfig().size
     },
     openLabel: String,
     closeLabel: String,
@@ -79,18 +80,13 @@ var switch_default = (0, import_comp.defineVxeComponent)({
     openActiveIcon: String,
     closeActiveIcon: String
   },
-  emits: [
-    "update:modelValue",
-    "change",
-    "focus",
-    "blur"
-  ],
+  emits: ["update:modelValue", "change", "focus", "blur"],
   setup(props, context) {
     const { emit } = context;
     const $xeForm = (0, import_vue.inject)("$xeForm", null);
     const formItemInfo = (0, import_vue.inject)("xeFormItemInfo", null);
     const xID = import_xe_utils.default.uniqueId();
-    const { computeSize } = (0, import_ui.useSize)(props);
+    const { computeSize } = useFns.useSize(props);
     const reactData = (0, import_vue.reactive)(createReactData());
     const internalData = createInternalData();
     const $xeSwitch = {
@@ -157,7 +153,7 @@ var switch_default = (0, import_comp.defineVxeComponent)({
       }
     };
     const dispatchEvent = (type, params, evnt) => {
-      emit(type, (0, import_ui.createEvent)(evnt, { $switch: $xeSwitch }, params));
+      emit(type, createEvent(evnt, { $switch: $xeSwitch }, params));
     };
     const focusEvent = (evnt) => {
       reactData.isActivated = true;
@@ -197,56 +193,88 @@ var switch_default = (0, import_comp.defineVxeComponent)({
       const isDisabled = computeIsDisabled.value;
       const isReadonly = computeIsReadonly.value;
       if (isReadonly) {
-        return (0, import_vue.h)("div", {
-          class: ["vxe-switch", isChecked ? "is--on" : "is--off", {
-            [`size--${vSize}`]: vSize,
-            "is--readonly": isReadonly
-          }]
-        }, isChecked ? onShowLabel || (0, import_ui.getI18n)("vxe.switch.onText") : offShowLabel || (0, import_ui.getI18n)("vxe.switch.offText"));
+        return (0, import_vue.h)(
+          "div",
+          {
+            class: [
+              "vxe-switch",
+              isChecked ? "is--on" : "is--off",
+              {
+                [`size--${vSize}`]: vSize,
+                "is--readonly": isReadonly
+              }
+            ]
+          },
+          isChecked ? onShowLabel || getI18n("vxe.switch.onText") : offShowLabel || getI18n("vxe.switch.offText")
+        );
       }
-      return (0, import_vue.h)("div", {
-        class: ["vxe-switch", isChecked ? "is--on" : "is--off", {
-          [`size--${vSize}`]: vSize,
-          "is--active": isActivated,
-          "is--disabled": isDisabled,
-          "is--readonly": isReadonly,
-          "is--animat": hasAnimat
-        }]
-      }, [
-        (0, import_vue.h)("button", {
-          ref: refButton,
-          class: "vxe-switch--button",
-          type: "button",
-          disabled: isDisabled || isReadonly,
-          onClick: clickEvent,
-          onFocus: focusEvent,
-          onBlur: blurEvent
-        }, [
-          (0, import_vue.h)("span", {
-            class: "vxe-switch--label vxe-switch--label-on"
-          }, [
-            openIcon ? (0, import_vue.h)("i", {
-              class: ["vxe-switch--label-icon", openIcon]
-            }) : (0, import_ui.renderEmptyElement)($xeSwitch),
-            onShowLabel
-          ]),
-          (0, import_vue.h)("span", {
-            class: "vxe-switch--label vxe-switch--label-off"
-          }, [
-            closeIcon ? (0, import_vue.h)("i", {
-              class: ["vxe-switch--label-icon", closeIcon]
-            }) : (0, import_ui.renderEmptyElement)($xeSwitch),
-            offShowLabel
-          ]),
-          (0, import_vue.h)("span", {
-            class: ["vxe-switch--icon"]
-          }, openActiveIcon || closeActiveIcon ? [
-            (0, import_vue.h)("i", {
-              class: isChecked ? openActiveIcon : closeActiveIcon
-            })
-          ] : [])
-        ])
-      ]);
+      return (0, import_vue.h)(
+        "div",
+        {
+          class: [
+            "vxe-switch",
+            isChecked ? "is--on" : "is--off",
+            {
+              [`size--${vSize}`]: vSize,
+              "is--active": isActivated,
+              "is--disabled": isDisabled,
+              "is--readonly": isReadonly,
+              "is--animat": hasAnimat
+            }
+          ]
+        },
+        [
+          (0, import_vue.h)(
+            "button",
+            {
+              ref: refButton,
+              class: "vxe-switch--button",
+              type: "button",
+              disabled: isDisabled || isReadonly,
+              onClick: clickEvent,
+              onFocus: focusEvent,
+              onBlur: blurEvent
+            },
+            [
+              (0, import_vue.h)(
+                "span",
+                {
+                  class: "vxe-switch--label vxe-switch--label-on"
+                },
+                [
+                  openIcon ? (0, import_vue.h)("i", {
+                    class: ["vxe-switch--label-icon", openIcon]
+                  }) : renderEmptyElement($xeSwitch),
+                  onShowLabel
+                ]
+              ),
+              (0, import_vue.h)(
+                "span",
+                {
+                  class: "vxe-switch--label vxe-switch--label-off"
+                },
+                [
+                  closeIcon ? (0, import_vue.h)("i", {
+                    class: ["vxe-switch--label-icon", closeIcon]
+                  }) : renderEmptyElement($xeSwitch),
+                  offShowLabel
+                ]
+              ),
+              (0, import_vue.h)(
+                "span",
+                {
+                  class: ["vxe-switch--icon"]
+                },
+                openActiveIcon || closeActiveIcon ? [
+                  (0, import_vue.h)("i", {
+                    class: isChecked ? openActiveIcon : closeActiveIcon
+                  })
+                ] : []
+              )
+            ]
+          )
+        ]
+      );
     };
     (0, import_vue.onBeforeUnmount)(() => {
       const { atTimeout } = internalData;

package/lib/table-select/src/table-select.js

@@ -35,13 +35,13 @@ module.exports = __toCommonJS(table_select_exports);
 var import_vue = require("vue");
 var import_comp = require("../../ui/src/comp");
 var import_xe_utils = __toESM(require("xe-utils"));
-var import_ui = require("../../ui");
+var import_core = require("@vxe-ui/core");
 var import_dom = require("../../ui/src/dom");
 var import_vn = require("../../ui/src/vn");
 var import_utils = require("../../ui/src/utils");
 var import_log = require("../../ui/src/log");
 var import_input = __toESM(require("../../input/src/input"));
-const { getConfig, getIcon, globalEvents, getI18n, createEvent, useFns, renderEmptyElement } = import_ui.VxeUI;
+const { getConfig, getIcon, globalEvents, getI18n, createEvent, useFns, renderEmptyElement } = import_core.VxeUI;
 const { errLog } = (0, import_log.createComponentLog)("table-select");
 function getRowUniqueId() {
   return import_xe_utils.default.uniqueId("row_");
@@ -137,7 +137,7 @@ var table_select_default = (0, import_comp.defineVxeComponent)({
   ],
   setup(props, context) {
     const { emit, slots } = context;
-    const VxeTableGridComponent = import_ui.VxeUI.getComponent("vxe-grid");
+    const VxeTableGridComponent = import_core.VxeUI.getComponent("vxe-grid");
     const $xeModal = (0, import_vue.inject)("$xeModal", null);
     const $xeDrawer = (0, import_vue.inject)("$xeDrawer", null);
     const $xeTable = (0, import_vue.inject)("$xeTable", null);
@@ -199,18 +199,27 @@ var table_select_default = (0, import_comp.defineVxeComponent)({
     const computeCheckboxOpts = (0, import_vue.computed)(() => {
       const { multiple } = props;
       const gridOpts = computeGridOpts.value;
-      return Object.assign({
-        reserve: multiple,
-        showReserveStatus: multiple
-      }, getConfig().table.checkboxConfig, gridOpts.checkboxConfig);
+      return Object.assign(
+        {
+          reserve: multiple,
+          showReserveStatus: multiple
+        },
+        getConfig().table.checkboxConfig,
+        gridOpts.checkboxConfig
+      );
     });
     const computeRowOpts = (0, import_vue.computed)(() => {
       const { multiple } = props;
       const gridOpts = computeGridOpts.value;
       const valueField = computeValueField.value;
-      return Object.assign({
-        isCurrent: true
-      }, multiple ? { keyField: valueField } : {}, getConfig().table.rowConfig, gridOpts.rowConfig);
+      return Object.assign(
+        {
+          isCurrent: true
+        },
+        multiple ? { keyField: valueField } : {},
+        getConfig().table.rowConfig,
+        gridOpts.rowConfig
+      );
     });
     const computeRowKeyField = (0, import_vue.computed)(() => {
       const rowOpts = computeRowOpts.value;
@@ -314,12 +323,7 @@ var table_select_default = (0, import_comp.defineVxeComponent)({
       getRefMaps: () => refMaps,
       getComputeMaps: () => computeMaps
     };
-    const gridEventKeys = [
-      "form-submit",
-      "form-reset",
-      "form-collapse",
-      "page-change"
-    ];
+    const gridEventKeys = ["form-submit", "form-reset", "form-collapse", "page-change"];
     const gridEvents = {};
     gridEventKeys.forEach((name) => {
       gridEvents[(0, import_vn.getOnName)(import_xe_utils.default.camelCase(name))] = (params) => {
@@ -352,11 +356,13 @@ var table_select_default = (0, import_comp.defineVxeComponent)({
       if (checkboxOpts.reserve) {
         vals.forEach((val) => {
           const cacheItem = fullValMaps[val];
-          rows.push(cacheItem ? cacheItem.item : {
-            [rowKeyField]: val,
-            [valueField]: val,
-            [labelField]: val
-          });
+          rows.push(
+            cacheItem ? cacheItem.item : {
+              [rowKeyField]: val,
+              [valueField]: val,
+              [labelField]: val
+            }
+          );
         });
       } else {
         vals.forEach((val) => {
@@ -466,12 +472,14 @@ var table_select_default = (0, import_comp.defineVxeComponent)({
         avList = fullData;
       } else {
         if (filterable && frMethod) {
-          avList = searchStr ? fullData.filter((row) => frMethod({
-            $tableSelect: $xeTableSelect,
-            row,
-            filterValue: searchValue,
-            value: modelValue
-          })) : fullData;
+          avList = searchStr ? fullData.filter(
+            (row) => frMethod({
+              $tableSelect: $xeTableSelect,
+              row,
+              filterValue: searchValue,
+              value: modelValue
+            })
+          ) : fullData;
         } else if (filterable) {
           avList = searchStr ? fullData.filter((row) => `${row[labelField] || row[valueField]}`.toLowerCase().indexOf(searchStr) > -1) : fullData;
         } else {
@@ -590,9 +598,7 @@ var table_select_default = (0, import_comp.defineVxeComponent)({
       const queryMethod = remoteOpts.queryMethod;
       if (remote && queryMethod && remoteOpts.enabled) {
         reactData.searchLoading = true;
-        Promise.resolve(
-          queryMethod({ $tableSelect: $xeTableSelect, searchValue, value: modelValue })
-        ).then(() => (0, import_vue.nextTick)()).catch(() => (0, import_vue.nextTick)()).finally(() => {
+        Promise.resolve(queryMethod({ $tableSelect: $xeTableSelect, searchValue, value: modelValue })).then(() => (0, import_vue.nextTick)()).catch(() => (0, import_vue.nextTick)()).finally(() => {
           reactData.searchLoading = false;
         });
       } else {
@@ -751,133 +757,206 @@ var table_select_default = (0, import_comp.defineVxeComponent)({
       const prefixSlot = slots.prefix;
       const ppClassName = popupOpts.className;
       if (formReadonly) {
-        return (0, import_vue.h)("div", {
+        return (0, import_vue.h)(
+          "div",
+          {
+            ref: refElem,
+            class: ["vxe-table-select--readonly", className]
+          },
+          [
+            (0, import_vue.h)(
+              "span",
+              {
+                class: "vxe-table-select-label"
+              },
+              selectLabel
+            )
+          ]
+        );
+      }
+      return (0, import_vue.h)(
+        "div",
+        {
           ref: refElem,
-          class: ["vxe-table-select--readonly", className]
-        }, [
-          (0, import_vue.h)("span", {
-            class: "vxe-table-select-label"
-          }, selectLabel)
-        ]);
-      }
-      return (0, import_vue.h)("div", {
-        ref: refElem,
-        class: ["vxe-table-select", className ? import_xe_utils.default.isFunction(className) ? className({ $tableSelect: $xeTableSelect }) : className : "", {
-          [`size--${vSize}`]: vSize,
-          "is--filterable": filterable,
-          "is--visible": visiblePanel,
-          "is--disabled": isDisabled,
-          "is--loading": loading,
-          "is--active": isActivated
-        }]
-      }, [
-        (0, import_vue.h)(import_input.default, {
-          ref: refInput,
-          clearable: props.clearable,
-          placeholder: loading ? getI18n("vxe.select.loadingText") : props.placeholder,
-          editable: false,
-          disabled: isDisabled,
-          type: "text",
-          prefixIcon: props.prefixIcon,
-          suffixIcon: loading ? getIcon().TABLE_SELECT_LOADED : visiblePanel ? getIcon().TABLE_SELECT_OPEN : getIcon().TABLE_SELECT_CLOSE,
-          modelValue: loading ? "" : selectLabel,
-          onClear: clearEvent,
-          onClick: clickEvent,
-          onFocus: focusEvent,
-          onBlur: blurEvent,
-          onSuffixClick: togglePanelEvent
-        }, prefixSlot ? {
-          prefix: () => prefixSlot({})
-        } : {}),
-        (0, import_vue.h)(import_vue.Teleport, {
-          to: (0, import_dom.getPopupContainer)(appendTo),
-          disabled: btnTransfer ? !initialized : true
-        }, [
-          (0, import_vue.h)("div", {
-            ref: refOptionPanel,
-            class: ["vxe-table--ignore-clear vxe-table-select--panel", ppClassName ? import_xe_utils.default.isFunction(ppClassName) ? ppClassName({ $tableSelect: $xeTableSelect }) : ppClassName : "", {
+          class: [
+            "vxe-table-select",
+            className ? import_xe_utils.default.isFunction(className) ? className({ $tableSelect: $xeTableSelect }) : className : "",
+            {
               [`size--${vSize}`]: vSize,
-              "is--transfer": btnTransfer,
-              "ani--leave": !loading && isAniVisible,
-              "ani--enter": !loading && visiblePanel
-            }],
-            placement: reactData.panelPlacement,
-            style: reactData.panelStyle
-          }, initialized ? [
-            (0, import_vue.h)("div", {
-              class: "vxe-table-select--panel-wrapper"
-            }, [
-              filterable ? (0, import_vue.h)("div", {
-                class: "vxe-table-select--panel-search"
-              }, [
-                (0, import_vue.h)(import_input.default, {
-                  ref: refInpSearch,
-                  class: "vxe-table-select-search--input",
-                  modelValue: searchValue,
-                  clearable: true,
-                  disabled: false,
-                  readonly: false,
-                  placeholder: getI18n("vxe.treeSelect.search"),
-                  prefixIcon: getIcon().INPUT_SEARCH,
-                  "onUpdate:modelValue": modelSearchEvent,
-                  onFocus: focusSearchEvent,
-                  onChange: triggerSearchEvent,
-                  onSearch: triggerSearchEvent
-                })
-              ]) : renderEmptyElement($xeTableSelect),
-              headerSlot ? (0, import_vue.h)("div", {
-                class: "vxe-table-select--panel-header"
-              }, headerSlot({})) : renderEmptyElement($xeTableSelect),
-              (0, import_vue.h)("div", {
-                class: "vxe-table-select--panel-body"
-              }, [
-                (0, import_vue.h)("div", {
-                  ref: refGridWrapper,
-                  class: "vxe-table-select-grid--wrapper",
-                  style: popupWrapperStyle
-                }, [
-                  VxeTableGridComponent ? (0, import_vue.h)(VxeTableGridComponent, {
-                    ...selectGridOpts,
-                    ...gridEvents,
-                    class: "vxe-table-select--grid",
-                    ref: refGrid,
-                    loading: remote && searchLoading,
-                    rowConfig: rowOpts,
-                    data: tableData,
-                    columns: tableColumns.length ? tableColumns : selectGridOpts.columns,
-                    height: "100%",
-                    autoResize: true,
-                    onRadioChange: radioChangeEvent,
-                    onCheckboxChange: checkboxChangeEvent,
-                    onCheckboxAll: checkboxAllEvent
-                  }, Object.assign({}, slots, {
-                    header: void 0,
-                    footer: void 0,
-                    prefixSlot: void 0
-                  })) : renderEmptyElement($xeTableSelect)
-                ])
-              ]),
-              footerSlot || filterable && searchValue && !remote && filterOpts.showResultCount ? (0, import_vue.h)("div", {
-                class: "vxe-table-select--panel-footer"
-              }, footerSlot ? footerSlot({}) : [
-                (0, import_vue.h)("div", {
-                  class: "vxe-table-select--search-count"
-                }, searchLoading ? "" : getI18n("vxe.tableSelect.filterCount", [tableData.length]))
-              ]) : renderEmptyElement($xeTableSelect)
-            ])
-          ] : [])
-        ])
-      ]);
-    };
-    (0, import_vue.watch)(() => props.options, (val) => {
-      loadData(val || []);
-    });
-    (0, import_vue.watch)(() => props.columns, (val) => {
-      loadColumn(val);
-    });
-    (0, import_vue.watch)(() => props.modelValue, (val) => {
-      updateModel(val);
-    });
+              "is--filterable": filterable,
+              "is--visible": visiblePanel,
+              "is--disabled": isDisabled,
+              "is--loading": loading,
+              "is--active": isActivated
+            }
+          ]
+        },
+        [
+          (0, import_vue.h)(
+            import_input.default,
+            {
+              ref: refInput,
+              clearable: props.clearable,
+              placeholder: loading ? getI18n("vxe.select.loadingText") : props.placeholder,
+              editable: false,
+              disabled: isDisabled,
+              type: "text",
+              prefixIcon: props.prefixIcon,
+              suffixIcon: loading ? getIcon().TABLE_SELECT_LOADED : visiblePanel ? getIcon().TABLE_SELECT_OPEN : getIcon().TABLE_SELECT_CLOSE,
+              modelValue: loading ? "" : selectLabel,
+              onClear: clearEvent,
+              onClick: clickEvent,
+              onFocus: focusEvent,
+              onBlur: blurEvent,
+              onSuffixClick: togglePanelEvent
+            },
+            prefixSlot ? {
+              prefix: () => prefixSlot({})
+            } : {}
+          ),
+          (0, import_vue.h)(
+            import_vue.Teleport,
+            {
+              to: (0, import_dom.getPopupContainer)(appendTo),
+              disabled: btnTransfer ? !initialized : true
+            },
+            [
+              (0, import_vue.h)(
+                "div",
+                {
+                  ref: refOptionPanel,
+                  class: [
+                    "vxe-table--ignore-clear vxe-table-select--panel",
+                    ppClassName ? import_xe_utils.default.isFunction(ppClassName) ? ppClassName({ $tableSelect: $xeTableSelect }) : ppClassName : "",
+                    {
+                      [`size--${vSize}`]: vSize,
+                      "is--transfer": btnTransfer,
+                      "ani--leave": !loading && isAniVisible,
+                      "ani--enter": !loading && visiblePanel
+                    }
+                  ],
+                  placement: reactData.panelPlacement,
+                  style: reactData.panelStyle
+                },
+                initialized ? [
+                  (0, import_vue.h)(
+                    "div",
+                    {
+                      class: "vxe-table-select--panel-wrapper"
+                    },
+                    [
+                      filterable ? (0, import_vue.h)(
+                        "div",
+                        {
+                          class: "vxe-table-select--panel-search"
+                        },
+                        [
+                          (0, import_vue.h)(import_input.default, {
+                            ref: refInpSearch,
+                            class: "vxe-table-select-search--input",
+                            modelValue: searchValue,
+                            clearable: true,
+                            disabled: false,
+                            readonly: false,
+                            placeholder: getI18n("vxe.treeSelect.search"),
+                            prefixIcon: getIcon().INPUT_SEARCH,
+                            "onUpdate:modelValue": modelSearchEvent,
+                            onFocus: focusSearchEvent,
+                            onChange: triggerSearchEvent,
+                            onSearch: triggerSearchEvent
+                          })
+                        ]
+                      ) : renderEmptyElement($xeTableSelect),
+                      headerSlot ? (0, import_vue.h)(
+                        "div",
+                        {
+                          class: "vxe-table-select--panel-header"
+                        },
+                        headerSlot({})
+                      ) : renderEmptyElement($xeTableSelect),
+                      (0, import_vue.h)(
+                        "div",
+                        {
+                          class: "vxe-table-select--panel-body"
+                        },
+                        [
+                          (0, import_vue.h)(
+                            "div",
+                            {
+                              ref: refGridWrapper,
+                              class: "vxe-table-select-grid--wrapper",
+                              style: popupWrapperStyle
+                            },
+                            [
+                              VxeTableGridComponent ? (0, import_vue.h)(
+                                VxeTableGridComponent,
+                                {
+                                  ...selectGridOpts,
+                                  ...gridEvents,
+                                  class: "vxe-table-select--grid",
+                                  ref: refGrid,
+                                  loading: remote && searchLoading,
+                                  rowConfig: rowOpts,
+                                  data: tableData,
+                                  columns: tableColumns.length ? tableColumns : selectGridOpts.columns,
+                                  height: "100%",
+                                  autoResize: true,
+                                  onRadioChange: radioChangeEvent,
+                                  onCheckboxChange: checkboxChangeEvent,
+                                  onCheckboxAll: checkboxAllEvent
+                                },
+                                Object.assign({}, slots, {
+                                  header: void 0,
+                                  footer: void 0,
+                                  prefixSlot: void 0
+                                })
+                              ) : renderEmptyElement($xeTableSelect)
+                            ]
+                          )
+                        ]
+                      ),
+                      footerSlot || filterable && searchValue && !remote && filterOpts.showResultCount ? (0, import_vue.h)(
+                        "div",
+                        {
+                          class: "vxe-table-select--panel-footer"
+                        },
+                        footerSlot ? footerSlot({}) : [
+                          (0, import_vue.h)(
+                            "div",
+                            {
+                              class: "vxe-table-select--search-count"
+                            },
+                            searchLoading ? "" : getI18n("vxe.tableSelect.filterCount", [tableData.length])
+                          )
+                        ]
+                      ) : renderEmptyElement($xeTableSelect)
+                    ]
+                  )
+                ] : []
+              )
+            ]
+          )
+        ]
+      );
+    };
+    (0, import_vue.watch)(
+      () => props.options,
+      (val) => {
+        loadData(val || []);
+      }
+    );
+    (0, import_vue.watch)(
+      () => props.columns,
+      (val) => {
+        loadColumn(val);
+      }
+    );
+    (0, import_vue.watch)(
+      () => props.modelValue,
+      (val) => {
+        updateModel(val);
+      }
+    );
     loadColumn(props.columns);
     loadData(props.options || []);
     (0, import_vue.onMounted)(() => {