@cgboiler/biz-mobile 1.18.5-beta → 1.18.7

package/es/index.d.ts

@@ -8,7 +8,7 @@ declare namespace _default {
 }
 export default _default;
 export function install(app: any): void;
-export const version: "1.17.15";
+export const version: "1.18.6";
 import MdPreview from './md-preview';
 import OrgPicker from './org-picker';
 import ProjectSelect from './project-select';

package/es/index.js

@@ -2,7 +2,7 @@ import MdPreview from "./md-preview";
 import OrgPicker from "./org-picker";
 import ProjectSelect from "./project-select";
 import RichTextEditor from "./rich-text-editor";
-const version = "1.17.15";
+const version = "1.18.6";
 function install(app) {
   const components = [
     MdPreview,

package/es/org-picker/OrgPicker.d.ts

@@ -1,7 +1,7 @@
 import './index.less';
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     modelValue: {
-        type: import("vue").PropType<(string | number)[] | null>;
+        type: import("vue").PropType<(string)[] | null>;
         default: () => null;
     };
     show: {
@@ -24,7 +24,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     };
 }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:show" | "update:modelValue")[], "update:show" | "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
-        type: import("vue").PropType<(string | number)[] | null>;
+        type: import("vue").PropType<(string)[] | null>;
         default: () => null;
     };
     show: {
@@ -49,7 +49,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     "onUpdate:show"?: ((...args: any[]) => any) | undefined;
 }>, {
-    modelValue: (string | number)[] | null;
+    modelValue: string[] | null;
     show: boolean;
     multiple: boolean;
     autoFocus: boolean;

package/es/org-picker/OrgPicker.js

@@ -24,6 +24,7 @@ var stdin_default = defineComponent({
     } = api;
     getOrgList();
     const activeTab = ref("txl");
+    const isSearchFocus = ref(false);
     const {
       keyword,
       searchRef,
@@ -32,7 +33,11 @@ var stdin_default = defineComponent({
       handleDeleteHistorySelect,
       highlightText,
       renderSearchResult
-    } = useSearch(props, api);
+    } = useSearch({
+      props,
+      api,
+      isSearchFocus
+    });
     const selectedItems = ref([]);
     const sortOrgList = computed(() => {
       const departments = orgList.value.filter((item) => item.type === "dept");
@@ -78,7 +83,7 @@ var stdin_default = defineComponent({
       }
     };
     const handleHistorySelect = (item) => {
-      selectedItems.value = item.selectedUsers;
+      selectedItems.value = item.selectedUsers.map((user) => getUserInfoById(user.id));
     };
     const handleConfirm = () => {
       emit("update:show", false);
@@ -101,6 +106,12 @@ var stdin_default = defineComponent({
         "modelValue": keyword.value,
         "onUpdate:modelValue": ($event) => keyword.value = $event,
         "placeholder": "\u641C\u7D22\u4EBA\u5458",
+        "onFocus": () => {
+          isSearchFocus.value = true;
+        },
+        "onBlur": () => {
+          isSearchFocus.value = false;
+        },
         "class": "search-bar"
       }, null), _createVNode("div", {
         "class": "org-selected-items"
@@ -117,7 +128,7 @@ var stdin_default = defineComponent({
         "class": "color-[#aaa] text-[14px] text-center w-full leading-[38px]"
       }, [_createTextVNode("\u672A\u9009\u62E9\u4EBA\u5458")])]), _createVNode("div", {
         "class": "flex-1 flex flex-col overflow-hidden relative"
-      }, [_createVNode(Tabs, {
+      }, [props.multiple ? _createVNode(Tabs, {
         "active": activeTab.value,
         "onUpdate:active": ($event) => activeTab.value = $event
       }, {
@@ -128,7 +139,7 @@ var stdin_default = defineComponent({
           "title": "\u6700\u8FD1\u9009\u62E9",
           "name": "zjxz"
         }, null)]
-      }), _createVNode("div", {
+      }) : "", _createVNode("div", {
         "class": "org-content-wrap"
       }, [activeTab.value === "zjxz" ? _createVNode("div", {
         "class": "recent-list-wrap flex-1 overflow-auto px-[16px] py-[8px]"
@@ -140,7 +151,10 @@ var stdin_default = defineComponent({
         "class": "py-8px border-b border-[#eee] flex items-center"
       }, [_createVNode("span", {
         "class": "flex-1"
-      }, [historyItem.selectedUsers.map((user) => highlightText(getUserInfoById(user.id), keyword.value)).reduce((prev, curr) => [prev, "\uFF0C", curr])]), _createVNode("span", {
+      }, [historyItem.selectedUsers.map((user) => {
+        var _a;
+        return highlightText((_a = getUserInfoById(user.id)) == null ? void 0 : _a.name, keyword.value);
+      }).reduce((prev, curr) => [prev, "\uFF0C", curr])]), _createVNode("span", {
         "class": "p-4px pl-2",
         "onClick": (e) => {
           e.stopPropagation();

package/es/org-picker/_atomic.css

@@ -37,6 +37,7 @@
 .cgx-atm .right-0{right:0rem;}
 .cgx-atm .top-0{top:0rem;}
 .cgx-atm .z-1{z-index:1;}
+.cgx-atm .h-\[300px\]{height:300px;}
 .cgx-atm .flex-1{flex:1 1 0%;}
 .cgx-atm .overflow-auto{overflow:auto;}
 .cgx-atm .border-b{border-bottom-width:1px;border-bottom-style:solid;}

package/es/org-picker/types.d.ts

@@ -1,6 +1,6 @@
 import { ExtractPropTypes, PropType } from 'vue';
 export interface OrgItem {
-    id: string | number;
+    id: string;
     name: string;
     type: string;
     avatar?: string;
@@ -8,7 +8,7 @@ export interface OrgItem {
 }
 export declare const orgPickerProps: {
     modelValue: {
-        type: PropType<(string | number)[] | null>;
+        type: PropType<(string)[] | null>;
         default: () => null;
     };
     show: {

package/es/org-picker/useApi.d.ts

@@ -2,39 +2,39 @@ import { type OrgItem, RecentSelection } from './types';
 export declare const useApi: () => {
     userList: import("vue").Ref<{
         [x: string]: any;
-        id: string | number;
+        id: string;
         name: string;
         type: string;
         avatar?: string | undefined;
     }[], OrgItem[] | {
         [x: string]: any;
-        id: string | number;
+        id: string;
         name: string;
         type: string;
         avatar?: string | undefined;
     }[]>;
     orgList: import("vue").Ref<{
         [x: string]: any;
-        id: string | number;
+        id: string;
         name: string;
         type: string;
         avatar?: string | undefined;
     }[], OrgItem[] | {
         [x: string]: any;
-        id: string | number;
+        id: string;
         name: string;
         type: string;
         avatar?: string | undefined;
     }[]>;
     orgSearchList: import("vue").Ref<{
         [x: string]: any;
-        id: string | number;
+        id: string;
         name: string;
         type: string;
         avatar?: string | undefined;
     }[], OrgItem[] | {
         [x: string]: any;
-        id: string | number;
+        id: string;
         name: string;
         type: string;
         avatar?: string | undefined;
@@ -55,5 +55,5 @@ export declare const useApi: () => {
     searchOrgList: import("lodash-es").DebouncedFunc<(userName: string) => Promise<void>>;
     getRecentSelectedUsers: () => Promise<RecentSelection[]>;
     setRecentSelectedUsers: (users: OrgItem[]) => Promise<void>;
-    getUserInfoById: (id: string | number) => string;
+    getUserInfoById: (id: string | number) => OrgItem | undefined;
 };

package/es/org-picker/useApi.js

@@ -18,7 +18,7 @@ var __async = (__this, __arguments, generator) => {
     step((generator = generator.apply(__this, __arguments)).next());
   });
 };
-import { ref } from "vue";
+import { computed, ref } from "vue";
 import { useFetch, getUserList, getStorage, getUserInfo, removeStorage } from "@cgboiler/core";
 import { debounce } from "lodash-es";
 const orgListCache = /* @__PURE__ */ new Map();
@@ -33,10 +33,17 @@ const fetchData = (url, cacheKey) => __async(void 0, null, function* () {
   return res;
 });
 const fetchOrgList = (deptId) => __async(void 0, null, function* () {
-  const url = `https://wflow.cgboiler.com/v1/oa/org/tree/cloud?deptId=${deptId}&type=user`;
+  const url = `https://wflow.hrbbrg.cn/v1/oa/org/tree/cloud?deptId=${deptId}&type=user`;
   return fetchData(url, deptId || "");
 });
 const userList = ref([]);
+const userMap = computed(() => {
+  const map = /* @__PURE__ */ new Map();
+  userList.value.forEach((item) => {
+    map.set(item.id, item);
+  });
+  return map;
+});
 function initUserList() {
   return __async(this, null, function* () {
     userList.value = yield getUserList();
@@ -64,14 +71,20 @@ const useApi = () => {
       }
     }
     const list = yield fetchOrgList(currentDeptId.value);
-    orgList.value = list || [];
+    orgList.value = list.filter((item) => {
+      var _a;
+      if (item.type === "user") {
+        return ((_a = userMap.value.get(item.id)) == null ? void 0 : _a.status) !== 5;
+      }
+      return true;
+    }) || [];
   });
   const searchOrgList = debounce((userName) => __async(void 0, null, function* () {
     if (!userName) {
       orgSearchList.value = [];
       return;
     }
-    const url = `https://wflow.cgboiler.com/v1/oa/org/tree/user/search/cloud?userName=${userName}`;
+    const url = `https://wflow.hrbbrg.cn/v1/oa/org/tree/user/search/cloud?userName=${userName}`;
     orgSearchList.value = yield fetchData(url);
   }), 300);
   const RECENT_SELECTED_USERS_KEY = "recent_selected_users_history";
@@ -87,7 +100,7 @@ const useApi = () => {
       }
     });
     const url = decodeURIComponent(
-      `https://wflow.cgboiler.com/v1/wflow/process/form/wf687dda91e4b027b047d4654c/data?keywords=${name}_${user.userId}&pageNo=1&pageSize=20`
+      `https://wflow.hrbbrg.cn/v1/wflow/process/form/wf687dda91e4b027b047d4654c/data?keywords=${name}_${user.userId}&pageNo=1&pageSize=20`
     );
     const res = yield fetchData(url);
     let recentList = [];
@@ -124,10 +137,10 @@ const useApi = () => {
         data.field5375578403639 = JSON.stringify(list);
       }
       if (dataId.value) {
-        url = `https://wflow.cgboiler.com/v1/wflow/process/form/wf687dda91e4b027b047d4654c/data/${dataId.value}`;
+        url = `https://wflow.hrbbrg.cn/v1/wflow/process/form/wf687dda91e4b027b047d4654c/data/${dataId.value}`;
         method = "PUT";
       } else {
-        url = "https://wflow.cgboiler.com/v1/wflow/process/start/4e441786-65fa-11f0-aef7-ce938f4cd78d";
+        url = "https://wflow.hrbbrg.cn/v1/wflow/process/start/4e441786-65fa-11f0-aef7-ce938f4cd78d";
         method = "POST";
       }
       const token = user.token;
@@ -226,13 +239,7 @@ const useApi = () => {
     }
   });
   const getUserInfoById = (id) => {
-    let name = "";
-    userList.value.forEach((item) => {
-      if (item.id === id) {
-        name = item.name;
-      }
-    });
-    return name;
+    return userList.value.find((item) => item.id === id);
   };
   return {
     userList,

package/es/org-picker/useSearch.d.ts

@@ -1,4 +1,4 @@
-export declare function useSearch(props: any, api: any): {
+export declare function useSearch({ props, api, isSearchFocus }: any): {
     keyword: import("vue").Ref<string, string>;
     searchRef: import("vue").Ref<any, any>;
     setRecentUsers: (users: any[]) => Promise<void>;
@@ -7,5 +7,5 @@ export declare function useSearch(props: any, api: any): {
     filteredOrgList: import("vue").ComputedRef<any>;
     recentSelectedHistory: import("vue").Ref<any[], any[]>;
     filterRecentSelectedHistory: import("vue").Ref<any[], any[]>;
-    highlightText: (text: string | number, keyword: string) => string | number | (string | import("vue/jsx-runtime").JSX.Element)[];
+    highlightText: (text: any, keyword: string) => any;
 };

package/es/org-picker/useSearch.js

@@ -21,8 +21,13 @@ var __async = (__this, __arguments, generator) => {
 import { createVNode as _createVNode, Fragment as _Fragment, createTextVNode as _createTextVNode } from "vue";
 import "./_atomic.css";
 import { ref, computed, watch, watchEffect, nextTick } from "vue";
-import { Empty, List, Image } from "vant";
-function useSearch(props, api) {
+import { Empty, Image } from "vant";
+const isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
+function useSearch({
+  props,
+  api,
+  isSearchFocus
+}) {
   const {
     orgSearchList,
     getOrgList,
@@ -50,7 +55,10 @@ function useSearch(props, api) {
   });
   watchEffect(() => {
     if (keyword.value) {
-      filterRecentSelectedHistory.value = recentSelectedHistory.value.filter((item) => item.selectedUsers.some((user) => keyword.value.split("").some((char) => getUserInfoById(user.id).includes(char))));
+      filterRecentSelectedHistory.value = recentSelectedHistory.value.filter((item) => item.selectedUsers.some((user) => keyword.value.split("").some((char) => {
+        var _a;
+        return (_a = getUserInfoById(user.id)) == null ? void 0 : _a.name.includes(char);
+      })));
     } else {
       filterRecentSelectedHistory.value = recentSelectedHistory.value;
     }
@@ -92,34 +100,37 @@ function useSearch(props, api) {
     handleSelect
   }) => {
     return _createVNode("div", {
-      "class": "absolute top-0 left-0 right-0 bottom-0 bg-[#fff] z-1"
-    }, [filterRecentSelectedHistory.value.length ? _createVNode(_Fragment, null, [_createVNode("p", {
+      "class": "absolute top-0 left-0 right-0 bottom-0 bg-[#fff] z-1 overflow-auto"
+    }, [filterRecentSelectedHistory.value.length && props.multiple ? _createVNode(_Fragment, null, [_createVNode("p", {
       "class": "text-[14px] text-[#333] font-bold px-[16px] py-[12px] border-b border-[#eee]"
     }, [_createTextVNode("\u6700\u8FD1\u9009\u62E9")]), _createVNode("div", {
-      "class": "recent-list-wrap flex-1 overflow-auto py-[8px]"
+      "class": "recent-list-wrap flex-1 py-[8px]"
     }, [filterRecentSelectedHistory.value.map((historyItem) => _createVNode("div", {
       "key": historyItem.id,
       "onClick": () => handleHistorySelect(historyItem),
       "class": "px-16px py-8px border-b border-[#eee]"
-    }, [_createVNode("span", null, [historyItem.selectedUsers.map((user) => highlightText(getUserInfoById(user.id), keyword.value)).reduce((prev, curr) => [prev, "\uFF0C", curr])])]))])]) : "", filteredOrgList.value.length ? _createVNode(_Fragment, null, [" ", _createVNode("p", {
+    }, [_createVNode("span", null, [historyItem.selectedUsers.map((user) => {
+      var _a;
+      return highlightText((_a = getUserInfoById(user.id)) == null ? void 0 : _a.name, keyword.value);
+    }).reduce((prev, curr) => [prev, "\uFF0C", curr])])]))])]) : "", filteredOrgList.value.length ? _createVNode(_Fragment, null, [" ", _createVNode("p", {
       "class": "text-[14px] text-[#333] font-bold px-[16px] py-[12px] border-b border-[#eee]"
     }, [_createTextVNode("\u901A\u8BAF\u5F55")]), _createVNode("div", {
-      "class": "feed-list-wrap"
+      "class": "px-16px"
     }, [filteredOrgList.value.length === 0 ? _createVNode(Empty, {
       "description": "\u672A\u627E\u5230\u76F8\u5173\u4EBA\u5458"
-    }, null) : _createVNode(List, null, {
-      default: () => [filteredOrgList.value.map((item) => _createVNode("div", {
-        "class": ["org-item", isSelected(item) ? "selected" : ""],
-        "onClick": () => handleSelect(item)
-      }, [_createVNode(Image, {
-        "class": "org-avatar",
-        "src": item.avatar
-      }, null), _createVNode("div", {
-        "class": "org-name"
-      }, [item.name, _createVNode("span", {
-        "class": "org-item-select-icon"
-      }, [_createTextVNode("\u2713")])])]))]
-    })])]) : ""]);
+    }, null) : _createVNode(_Fragment, null, [filteredOrgList.value.map((item) => _createVNode("div", {
+      "class": ["org-item", isSelected(item) ? "selected" : ""],
+      "onClick": () => handleSelect(item)
+    }, [_createVNode(Image, {
+      "class": "org-avatar",
+      "src": item.avatar
+    }, null), _createVNode("div", {
+      "class": "org-name"
+    }, [item.name, _createVNode("span", {
+      "class": "org-item-select-icon"
+    }, [_createTextVNode("\u2713")])])]))])])]) : "", isSearchFocus.value && isMobile ? _createVNode("div", {
+      "class": "h-[300px]"
+    }, null) : ""]);
   };
   return {
     keyword,

package/es/project-select/useApi.js

@@ -23,12 +23,9 @@ import { useFetch } from "@cgboiler/core";
 const useApi = () => {
   const projectList = ref([]);
   const getProjectList = () => __async(void 0, null, function* () {
-    const res = yield useFetch(
-      "https://vx.cgboiler.com/v1/note/projects",
-      {
-        method: "GET"
-      }
-    );
+    const res = yield useFetch("https://wx.hrbbrg.cn/v1/note/projects", {
+      method: "GET"
+    });
     if (res == null ? void 0 : res.d) {
       projectList.value = res.d.filter((item) => item.projectName).map((item) => {
         return {

package/es/rich-text-editor/RichTextEditor.js

@@ -1,12 +1,9 @@
 import { createVNode as _createVNode } from "vue";
 import "./_atomic.css";
-import { defineComponent, onMounted, onBeforeUnmount, ref, watch } from "vue";
-import StarterKit from "@tiptap/starter-kit";
-import { Editor, EditorContent } from "@tiptap/vue-3";
-import { TableKit } from "@tiptap/extension-table";
-import { Placeholder } from "@tiptap/extensions";
+import { defineComponent } from "vue";
 import { richTextEditorProps } from "./types";
 import "./index.css";
+import { RichTextEditor as BasicRichTextEditor } from "@cgboiler/biz-basic";
 var stdin_default = defineComponent({
   name: "RichTextEditor",
   props: richTextEditorProps,
@@ -14,62 +11,10 @@ var stdin_default = defineComponent({
   setup(props, {
     emit
   }) {
-    const editor = ref();
-    const addTableRow = () => {
-      var _a;
-      (_a = editor.value) == null ? void 0 : _a.chain().focus().addRowAfter().run();
-    };
-    const deleteTableRow = () => {
-      var _a;
-      (_a = editor.value) == null ? void 0 : _a.chain().focus().deleteRow().run();
-    };
-    const setTextFormat = (level) => {
-      var _a, _b;
-      if (level === 0) {
-        (_a = editor.value) == null ? void 0 : _a.chain().focus().setParagraph().run();
-      } else {
-        (_b = editor.value) == null ? void 0 : _b.chain().focus().toggleHeading({
-          level
-        }).run();
-      }
-    };
-    const showTableButtons = ref(false);
-    onMounted(() => {
-      editor.value = new Editor({
-        extensions: [StarterKit, TableKit.configure({
-          table: {
-            resizable: true
-          }
-        }), Placeholder.configure({
-          placeholder: props.placeholder
-        })],
-        content: props.modelValue,
-        onUpdate: ({
-          editor: editor2
-        }) => {
-          const html = editor2.getHTML();
-          emit("update:modelValue", html);
-        },
-        onSelectionUpdate: ({
-          editor: editor2
-        }) => {
-          showTableButtons.value = editor2.isActive("table");
-        }
-      });
-    });
-    watch(() => props.modelValue, (newValue) => {
-      var _a, _b;
-      if (((_a = editor.value) == null ? void 0 : _a.getHTML()) !== newValue) {
-        (_b = editor.value) == null ? void 0 : _b.commands.setContent(newValue || "");
-      }
-    });
-    onBeforeUnmount(() => {
-      var _a;
-      (_a = editor.value) == null ? void 0 : _a.destroy();
-    });
-    return () => _createVNode(EditorContent, {
-      "class": "ProseMirror",
-      "editor": editor.value
+    return () => _createVNode(BasicRichTextEditor, {
+      "modelValue": props.modelValue,
+      "onUpdate:modelValue": (val) => emit("update:modelValue", val),
+      "placeholder": props.placeholder
     }, null);
   }
 });

package/es/rich-text-editor/_atomic.css

@@ -30,5 +30,3 @@
   flex-wrap: wrap;
 }
   
-/* layer: default */
-.cgx-atm .table{display:table;}

package/es/rich-text-editor/index.css

@@ -1 +0,0 @@
-.ProseMirror{flex:1;overflow:auto;outline:none;line-height:1.6;font-size:var(--font-base);--white: #fff;--black: #2e2b29;--black-contrast: #110f0e;--gray-1: rgba(61, 37, 20, .05);--gray-2: rgba(61, 37, 20, .08);--gray-3: rgba(61, 37, 20, .12);--gray-4: rgba(53, 38, 28, .3);--gray-5: rgba(28, 25, 23, .6);--green: #22c55e;--purple: #6a00f5;--purple-contrast: #5800cc;--purple-light: rgba(88, 5, 255, .05);--yellow-contrast: #facc15;--yellow: rgba(250, 204, 21, .4);--yellow-light: #fffae5;--red: #ff5c33;--red-light: #ffebe5;--shadow: 0px 12px 33px 0px rgba(0, 0, 0, .06), 0px 3.618px 9.949px 0px rgba(0, 0, 0, .04)}.ProseMirror :first-child{margin-top:0}.ProseMirror ul,.ProseMirror ol{padding:0 1rem;margin:1.25rem 1rem 1.25rem .4rem}.ProseMirror ul li p,.ProseMirror ol li p{margin-top:.25em;margin-bottom:.25em}.ProseMirror h1,.ProseMirror h2,.ProseMirror h3,.ProseMirror h4,.ProseMirror h5,.ProseMirror h6{line-height:1.1;margin-top:2.5rem;text-wrap:pretty}.ProseMirror h1,.ProseMirror h2{margin-top:3.5rem;margin-bottom:1.5rem}.ProseMirror h1{font-size:1.4rem}.ProseMirror h2{font-size:1.2rem}.ProseMirror h3{font-size:1.1rem}.ProseMirror h4,.ProseMirror h5,.ProseMirror h6{font-size:1rem}.ProseMirror code{background-color:var(--purple-light);border-radius:.4rem;color:var(--black);font-size:.85rem;padding:.25em .3em}.ProseMirror pre{background:var(--black);border-radius:.5rem;color:var(--white);font-family:JetBrainsMono,monospace;margin:1.5rem 0;padding:.75rem 1rem}.ProseMirror pre code{background:none;color:inherit;font-size:.8rem;padding:0}.ProseMirror blockquote{border-left:3px solid var(--gray-3);margin:1.5rem 0;padding-left:1rem}.ProseMirror hr{border:none;border-top:1px solid var(--gray-2);margin:2rem 0}.ProseMirror p.is-editor-empty:first-child:before{color:var(--gray-4);content:attr(data-placeholder);float:left;height:0;pointer-events:none}.ProseMirror .is-empty:before{color:var(--gray-4);content:attr(data-placeholder);float:left;height:0;pointer-events:none}.ProseMirror table{border-collapse:collapse;margin:0;overflow:hidden;table-layout:fixed;width:100%}.ProseMirror table td,.ProseMirror table th{border:1px solid var(--gray-3);box-sizing:border-box;min-width:1em;padding:6px 8px;position:relative;vertical-align:top}.ProseMirror table td>*,.ProseMirror table th>*{margin-bottom:0}.ProseMirror table th{background-color:var(--gray-1);font-weight:700;text-align:left}.ProseMirror table .selectedCell:after{background:var(--gray-2);content:"";left:0;right:0;top:0;bottom:0;pointer-events:none;position:absolute;z-index:2}.ProseMirror table .column-resize-handle{background-color:var(--purple);bottom:-2px;pointer-events:none;position:absolute;right:-2px;top:0;width:4px}.ProseMirror .tableWrapper{margin:1.5rem 0;overflow-x:auto}.ProseMirror.resize-cursor{cursor:ew-resize;cursor:col-resize}