@cgboiler/biz-mobile 1.17.15 → 1.17.17

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.14";
+export const version: "1.17.16";
 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.14";
+const version = "1.17.16";
 function install(app) {
   const components = [
     MdPreview,

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");
@@ -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"

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/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>;

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,
@@ -92,11 +97,11 @@ function useSearch(props, api) {
     handleSelect
   }) => {
     return _createVNode("div", {
-      "class": "absolute top-0 left-0 right-0 bottom-0 bg-[#fff] z-1"
+      "class": "absolute top-0 left-0 right-0 bottom-0 bg-[#fff] z-1 overflow-auto"
     }, [filterRecentSelectedHistory.value.length ? _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),
@@ -104,22 +109,22 @@ function useSearch(props, api) {
     }, [_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", {
       "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/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 } 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(RichTextEditor, {
+      "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/lib/index.d.ts

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

package/lib/index.js

@@ -45,7 +45,7 @@ __reExport(stdin_exports, require("./md-preview"), module.exports);
 __reExport(stdin_exports, require("./org-picker"), module.exports);
 __reExport(stdin_exports, require("./project-select"), module.exports);
 __reExport(stdin_exports, require("./rich-text-editor"), module.exports);
-const version = "1.17.14";
+const version = "1.17.16";
 function install(app) {
   const components = [
     import_md_preview.default,

package/lib/org-picker/OrgPicker.js

@@ -56,6 +56,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
     } = api;
     getOrgList();
     const activeTab = (0, import_vue2.ref)("txl");
+    const isSearchFocus = (0, import_vue2.ref)(false);
     const {
       keyword,
       searchRef,
@@ -64,7 +65,11 @@ var stdin_default = (0, import_vue2.defineComponent)({
       handleDeleteHistorySelect,
       highlightText,
       renderSearchResult
-    } = (0, import_useSearch.useSearch)(props, api);
+    } = (0, import_useSearch.useSearch)({
+      props,
+      api,
+      isSearchFocus
+    });
     const selectedItems = (0, import_vue2.ref)([]);
     const sortOrgList = (0, import_vue2.computed)(() => {
       const departments = orgList.value.filter((item) => item.type === "dept");
@@ -133,6 +138,12 @@ var stdin_default = (0, import_vue2.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), (0, import_vue.createVNode)("div", {
         "class": "org-selected-items"

package/lib/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/lib/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>;

package/lib/org-picker/useSearch.js

@@ -44,7 +44,12 @@ var import_vue = require("vue");
 var import_atomic = require("./_atomic.css");
 var import_vue2 = require("vue");
 var import_vant = require("vant");
-function useSearch(props, api) {
+const isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
+function useSearch({
+  props,
+  api,
+  isSearchFocus
+}) {
   const {
     orgSearchList,
     getOrgList,
@@ -114,11 +119,11 @@ function useSearch(props, api) {
     handleSelect
   }) => {
     return (0, import_vue.createVNode)("div", {
-      "class": "absolute top-0 left-0 right-0 bottom-0 bg-[#fff] z-1"
+      "class": "absolute top-0 left-0 right-0 bottom-0 bg-[#fff] z-1 overflow-auto"
     }, [filterRecentSelectedHistory.value.length ? (0, import_vue.createVNode)(import_vue.Fragment, null, [(0, import_vue.createVNode)("p", {
       "class": "text-[14px] text-[#333] font-bold px-[16px] py-[12px] border-b border-[#eee]"
     }, [(0, import_vue.createTextVNode)("\u6700\u8FD1\u9009\u62E9")]), (0, import_vue.createVNode)("div", {
-      "class": "recent-list-wrap flex-1 overflow-auto py-[8px]"
+      "class": "recent-list-wrap flex-1 py-[8px]"
     }, [filterRecentSelectedHistory.value.map((historyItem) => (0, import_vue.createVNode)("div", {
       "key": historyItem.id,
       "onClick": () => handleHistorySelect(historyItem),
@@ -126,22 +131,22 @@ function useSearch(props, api) {
     }, [(0, import_vue.createVNode)("span", null, [historyItem.selectedUsers.map((user) => highlightText(getUserInfoById(user.id), keyword.value)).reduce((prev, curr) => [prev, "\uFF0C", curr])])]))])]) : "", filteredOrgList.value.length ? (0, import_vue.createVNode)(import_vue.Fragment, null, [" ", (0, import_vue.createVNode)("p", {
       "class": "text-[14px] text-[#333] font-bold px-[16px] py-[12px] border-b border-[#eee]"
     }, [(0, import_vue.createTextVNode)("\u901A\u8BAF\u5F55")]), (0, import_vue.createVNode)("div", {
-      "class": "feed-list-wrap"
+      "class": "px-16px"
     }, [filteredOrgList.value.length === 0 ? (0, import_vue.createVNode)(import_vant.Empty, {
       "description": "\u672A\u627E\u5230\u76F8\u5173\u4EBA\u5458"
-    }, null) : (0, import_vue.createVNode)(import_vant.List, null, {
-      default: () => [filteredOrgList.value.map((item) => (0, import_vue.createVNode)("div", {
-        "class": ["org-item", isSelected(item) ? "selected" : ""],
-        "onClick": () => handleSelect(item)
-      }, [(0, import_vue.createVNode)(import_vant.Image, {
-        "class": "org-avatar",
-        "src": item.avatar
-      }, null), (0, import_vue.createVNode)("div", {
-        "class": "org-name"
-      }, [item.name, (0, import_vue.createVNode)("span", {
-        "class": "org-item-select-icon"
-      }, [(0, import_vue.createTextVNode)("\u2713")])])]))]
-    })])]) : ""]);
+    }, null) : (0, import_vue.createVNode)(import_vue.Fragment, null, [filteredOrgList.value.map((item) => (0, import_vue.createVNode)("div", {
+      "class": ["org-item", isSelected(item) ? "selected" : ""],
+      "onClick": () => handleSelect(item)
+    }, [(0, import_vue.createVNode)(import_vant.Image, {
+      "class": "org-avatar",
+      "src": item.avatar
+    }, null), (0, import_vue.createVNode)("div", {
+      "class": "org-name"
+    }, [item.name, (0, import_vue.createVNode)("span", {
+      "class": "org-item-select-icon"
+    }, [(0, import_vue.createTextVNode)("\u2713")])])]))])])]) : "", isSearchFocus.value && isMobile ? (0, import_vue.createVNode)("div", {
+      "class": "h-[300px]"
+    }, null) : ""]);
   };
   return {
     keyword,

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

@@ -1,8 +1,6 @@
-var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
@@ -16,14 +14,6 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var stdin_exports = {};
 __export(stdin_exports, {
@@ -33,12 +23,9 @@ module.exports = __toCommonJS(stdin_exports);
 var import_vue = require("vue");
 var import_atomic = require("./_atomic.css");
 var import_vue2 = require("vue");
-var import_starter_kit = __toESM(require("@tiptap/starter-kit"));
-var import_vue_3 = require("@tiptap/vue-3");
-var import_extension_table = require("@tiptap/extension-table");
-var import_extensions = require("@tiptap/extensions");
 var import_types = require("./types");
 var import_index = require("./index.css");
+var import_biz_basic = require("@cgboiler/biz-basic");
 var stdin_default = (0, import_vue2.defineComponent)({
   name: "RichTextEditor",
   props: import_types.richTextEditorProps,
@@ -46,62 +33,10 @@ var stdin_default = (0, import_vue2.defineComponent)({
   setup(props, {
     emit
   }) {
-    const editor = (0, import_vue2.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 = (0, import_vue2.ref)(false);
-    (0, import_vue2.onMounted)(() => {
-      editor.value = new import_vue_3.Editor({
-        extensions: [import_starter_kit.default, import_extension_table.TableKit.configure({
-          table: {
-            resizable: true
-          }
-        }), import_extensions.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");
-        }
-      });
-    });
-    (0, import_vue2.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 || "");
-      }
-    });
-    (0, import_vue2.onBeforeUnmount)(() => {
-      var _a;
-      (_a = editor.value) == null ? void 0 : _a.destroy();
-    });
-    return () => (0, import_vue.createVNode)(import_vue_3.EditorContent, {
-      "class": "ProseMirror",
-      "editor": editor.value
+    return () => (0, import_vue.createVNode)(import_biz_basic.RichTextEditor, {
+      "modelValue": props.modelValue,
+      "onUpdate:modelValue": (val) => emit("update:modelValue", val),
+      "placeholder": props.placeholder
     }, null);
   }
 });

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cgboiler/biz-mobile",
-  "version": "1.17.15",
+  "version": "1.17.17",
   "description": "",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -50,8 +50,9 @@
     "@tiptap/vue-3": "3.0.0-beta.5",
     "lodash-es": "^4.17.21",
     "vant": "^4.9.19",
-    "@cgboiler/core": "1.2.2",
-    "@cgboiler/shared": "1.1.1"
+    "@cgboiler/shared": "1.1.1",
+    "@cgboiler/biz-basic": "0.0.1",
+    "@cgboiler/core": "1.2.2"
   },
   "scripts": {
     "dev": "cg-cli dev",