@weitutech/by-components-v3 1.1.12 → 1.1.14

package/dist/by-component-v3.js

@@ -40558,8 +40558,11 @@ const ByTable = /* @__PURE__ */ defineComponent({
         columns,
         ...others
       } = props.gridOptions;
-      const newColumns = replaceColumnWidthToColumns(props.name, columns);
+      let newColumns = replaceColumnWidthToColumns(props.name, columns);
       setHasCache();
+      if (isMobile.value || tableWidth.value < 1e3) {
+        newColumns = removeFixedColumns(newColumns);
+      }
       return {
         border: true,
         round: true,
@@ -40611,6 +40614,8 @@ const ByTable = /* @__PURE__ */ defineComponent({
     const hasCache = ref(false);
     const originColumns = ref([]);
     const tempColumns = ref([]);
+    const tableWidth = ref(window.innerWidth);
+    const isMobile = ref(false);
     watch(() => props.gridOptions.columns, (newColumns) => {
       const result = rewriteWidthColumns(tempColumns.value, newColumns);
       originColumns.value = result;
@@ -40623,8 +40628,51 @@ const ByTable = /* @__PURE__ */ defineComponent({
       events.forEach((eventName) => {
         listeners.value["on" + eventName.split("-").map((item) => capitalizeFirstLetter(item)).join("")] = (event) => emit(eventName, event);
       });
-      console.log(listeners.value, "listeners");
+      checkDeviceType();
+      initResizeListener();
+    });
+    onUnmounted(() => {
+      removeResizeListener();
     });
+    const checkDeviceType = () => {
+      const userAgent = navigator.userAgent || navigator.vendor || window.opera;
+      const isMobileByUA = /android|webos|iphone|ipad|ipod|blackberry|iemobile|opera mini/i.test(userAgent.toLowerCase());
+      const isSmallScreen = window.innerWidth <= 1024;
+      isMobile.value = isMobileByUA || isSmallScreen;
+    };
+    const initResizeListener = () => {
+      window.addEventListener("resize", handleResize);
+      nextTick(() => {
+        if (vxeGridRef.value && vxeGridRef.value.$el) {
+          tableWidth.value = vxeGridRef.value.$el.offsetWidth;
+        }
+      });
+    };
+    const removeResizeListener = () => {
+      window.removeEventListener("resize", handleResize);
+    };
+    const handleResize = () => {
+      if (vxeGridRef.value && vxeGridRef.value.$el) {
+        tableWidth.value = vxeGridRef.value.$el.offsetWidth;
+      } else {
+        tableWidth.value = window.innerWidth;
+      }
+    };
+    const removeFixedColumns = (columns) => {
+      if (!columns || !Array.isArray(columns)) return columns;
+      return columns.map((column) => {
+        const newColumn = {
+          ...column
+        };
+        if (newColumn.fixed) {
+          delete newColumn.fixed;
+        }
+        if (newColumn.children && Array.isArray(newColumn.children)) {
+          newColumn.children = removeFixedColumns(newColumn.children);
+        }
+        return newColumn;
+      });
+    };
     const handlePagerChange = (context) => {
       if (vxeGridRef.value) {
         vxeGridRef.value.scrollTo(0, 0);
@@ -40944,6 +40992,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       if (!item.props) return {};
       const otherProps = { ...item.props };
       delete otherProps.value;
+      if (item.type === ToolBarItemType.Select && item.props.onlyShowPlaceholder) {
+        return otherProps;
+      }
       return otherProps;
     };
     const getComponentStyle = (item) => {
@@ -41018,7 +41069,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", _hoisted_1, [
         createElementVNode("div", _hoisted_2, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(leftItemsComputed.value, (item, idx) => {
-            var _a2;
+            var _a2, _b;
             return openBlock(), createElementBlock(Fragment, {
               key: "left-" + idx
             }, [
@@ -41028,17 +41079,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               }, getComponentProps(item), {
                 disabled: item.disabled,
                 style: getComponentStyle(item),
-                "model-value": valueTracker.value.hasOwnProperty(item.name) ? valueTracker.value[item.name] : (_a2 = item.props) == null ? void 0 : _a2.value,
+                "model-value": item.type === unref(ToolBarItemType).Select && ((_a2 = item.props) == null ? void 0 : _a2.onlyShowPlaceholder) ? void 0 : valueTracker.value.hasOwnProperty(item.name) ? valueTracker.value[item.name] : (_b = item.props) == null ? void 0 : _b.value,
                 onClick: (e) => handleEvent("click", item, e),
                 onInput: (val) => handleEvent("input", item, val),
                 onChange: (val) => handleEvent("change", item, val),
                 "onUpdate:modelValue": (val) => handleEvent("update:model-value", item, val)
               }), createSlots({
                 default: withCtx(() => {
-                  var _a3, _b, _c;
+                  var _a3, _b2, _c;
                   return [
                     item.type === unref(ToolBarItemType).Select || item.type === unref(ToolBarItemType).Input || item.type === unref(ToolBarItemType).RadioGroup ? (openBlock(), createElementBlock("div", _hoisted_3, "调试: " + toDisplayString(item.name) + " = " + toDisplayString((_a3 = item.props) == null ? void 0 : _a3.value), 1)) : createCommentVNode("", true),
-                    item.type === unref(ToolBarItemType).Select || item.type === unref(ToolBarItemType).Input || item.type === unref(ToolBarItemType).RadioGroup ? (openBlock(), createElementBlock("div", _hoisted_4, "实际值: " + toDisplayString(item.name) + " model-value = " + toDisplayString((_b = item.props) == null ? void 0 : _b.value), 1)) : createCommentVNode("", true),
+                    item.type === unref(ToolBarItemType).Select || item.type === unref(ToolBarItemType).Input || item.type === unref(ToolBarItemType).RadioGroup ? (openBlock(), createElementBlock("div", _hoisted_4, "实际值: " + toDisplayString(item.name) + " model-value = " + toDisplayString((_b2 = item.props) == null ? void 0 : _b2.value), 1)) : createCommentVNode("", true),
                     item.type === unref(ToolBarItemType).Button && item.label ? (openBlock(), createElementBlock("span", _hoisted_5, toDisplayString(item.label), 1)) : createCommentVNode("", true),
                     item.type === unref(ToolBarItemType).Text ? (openBlock(), createElementBlock("span", _hoisted_6, toDisplayString(item.label) + toDisplayString(item.props && (item.props.children || item.props.innerHTML)), 1)) : createCommentVNode("", true),
                     item.type === unref(ToolBarItemType).Select ? (openBlock(true), createElementBlock(Fragment, { key: 4 }, renderList(item.asyncOptions || ((_c = item.props) == null ? void 0 : _c.options) || [], (opt) => {
@@ -41085,7 +41136,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         ]),
         createElementVNode("div", _hoisted_7, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(rightItemsComputed.value, (item, idx) => {
-            var _a2;
+            var _a2, _b;
             return openBlock(), createElementBlock(Fragment, {
               key: "right-" + idx
             }, [
@@ -41095,17 +41146,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               }, getComponentProps(item), {
                 disabled: item.disabled,
                 style: getComponentStyle(item),
-                "model-value": valueTracker.value.hasOwnProperty(item.name) ? valueTracker.value[item.name] : (_a2 = item.props) == null ? void 0 : _a2.value,
+                "model-value": item.type === unref(ToolBarItemType).Select && ((_a2 = item.props) == null ? void 0 : _a2.onlyShowPlaceholder) ? void 0 : valueTracker.value.hasOwnProperty(item.name) ? valueTracker.value[item.name] : (_b = item.props) == null ? void 0 : _b.value,
                 onClick: (e) => handleEvent("click", item, e),
                 onInput: (val) => handleEvent("input", item, val),
                 onChange: (val) => handleEvent("change", item, val),
                 "onUpdate:modelValue": (val) => handleEvent("update:model-value", item, val)
               }), createSlots({
                 default: withCtx(() => {
-                  var _a3, _b, _c;
+                  var _a3, _b2, _c;
                   return [
                     item.type === unref(ToolBarItemType).Select || item.type === unref(ToolBarItemType).Input || item.type === unref(ToolBarItemType).RadioGroup ? (openBlock(), createElementBlock("div", _hoisted_8, "调试: " + toDisplayString(item.name) + " = " + toDisplayString((_a3 = item.props) == null ? void 0 : _a3.value), 1)) : createCommentVNode("", true),
-                    item.type === unref(ToolBarItemType).Select || item.type === unref(ToolBarItemType).Input || item.type === unref(ToolBarItemType).RadioGroup ? (openBlock(), createElementBlock("div", _hoisted_9, "实际值: " + toDisplayString(item.name) + " model-value = " + toDisplayString((_b = item.props) == null ? void 0 : _b.value), 1)) : createCommentVNode("", true),
+                    item.type === unref(ToolBarItemType).Select || item.type === unref(ToolBarItemType).Input || item.type === unref(ToolBarItemType).RadioGroup ? (openBlock(), createElementBlock("div", _hoisted_9, "实际值: " + toDisplayString(item.name) + " model-value = " + toDisplayString((_b2 = item.props) == null ? void 0 : _b2.value), 1)) : createCommentVNode("", true),
                     item.type === unref(ToolBarItemType).Button && item.label ? (openBlock(), createElementBlock("span", _hoisted_10, toDisplayString(item.label), 1)) : createCommentVNode("", true),
                     item.type === unref(ToolBarItemType).Text ? (openBlock(), createElementBlock("span", _hoisted_11, toDisplayString(item.label) + toDisplayString(item.props && (item.props.children || item.props.innerHTML)), 1)) : createCommentVNode("", true),
                     item.type === unref(ToolBarItemType).Select ? (openBlock(true), createElementBlock(Fragment, { key: 4 }, renderList(item.asyncOptions || ((_c = item.props) == null ? void 0 : _c.options) || [], (opt) => {