@cgboiler/biz-mobile 1.8.1 → 1.10.0

package/es/index.d.ts

@@ -6,7 +6,7 @@ declare namespace _default {
 }
 export default _default;
 export function install(app: any): void;
-export const version: "1.8.1";
+export const version: "1.9.0";
 import OrgPicker from './org-picker';
 import ProjectSelect from './project-select';
 export { OrgPicker, ProjectSelect };

package/es/index.js

@@ -1,6 +1,6 @@
 import OrgPicker from "./org-picker";
 import ProjectSelect from "./project-select";
-const version = "1.8.1";
+const version = "1.9.0";
 function install(app) {
   const components = [
     OrgPicker,

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

@@ -12,6 +12,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    autoFocus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     'onUpdate:modelValue': {
         type: import("vue").PropType<(val: (string | number)[] | null) => void>;
     };
@@ -31,6 +35,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    autoFocus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     'onUpdate:modelValue': {
         type: import("vue").PropType<(val: (string | number)[] | null) => void>;
     };
@@ -44,5 +52,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     modelValue: (string | number)[] | null;
     show: boolean;
     multiple: boolean;
+    autoFocus: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/es/org-picker/OrgPicker.js

@@ -1,6 +1,26 @@
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
 import { createVNode as _createVNode, createTextVNode as _createTextVNode } from "vue";
 import "./_atomic.css";
-import { defineComponent, ref, computed, watch } from "vue";
+import { defineComponent, ref, computed, watch, nextTick } from "vue";
 import { ActionSheet, Search, List, Image, Empty } from "vant";
 import DeptImg from "./components/deptImg";
 import { orgPickerProps } from "./types";
@@ -67,6 +87,16 @@ var stdin_default = defineComponent({
     const keyword = ref("");
     const loading = ref(false);
     const finished = ref(true);
+    const searchRef = ref();
+    watch(() => props.show, (newVal) => __async(this, null, function* () {
+      if (newVal && props.autoFocus) {
+        yield nextTick();
+        setTimeout(() => {
+          var _a;
+          (_a = searchRef.value) == null ? void 0 : _a.focus();
+        }, 300);
+      }
+    }));
     watch(keyword, (newKeyword) => {
       if (newKeyword) {
         searchOrgList(newKeyword);
@@ -99,6 +129,7 @@ var stdin_default = defineComponent({
       default: () => [_createVNode("div", {
         "class": "org-list"
       }, [_createVNode(Search, {
+        "ref": searchRef,
         "modelValue": keyword.value,
         "onUpdate:modelValue": ($event) => keyword.value = $event,
         "placeholder": "\u641C\u7D22\u4EBA\u5458",

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

@@ -18,6 +18,10 @@ export declare const orgPickerProps: {
         type: BooleanConstructor;
         default: boolean;
     };
+    autoFocus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     'onUpdate:modelValue': {
         type: PropType<(val: (string | number)[] | null) => void>;
     };

package/es/org-picker/types.js

@@ -11,6 +11,10 @@ const orgPickerProps = {
     type: Boolean,
     default: false
   },
+  autoFocus: {
+    type: Boolean,
+    default: false
+  },
   "onUpdate:modelValue": {
     type: Function
   },

package/es/project-select/ProjectSelect.js

@@ -29,6 +29,12 @@ var stdin_default = defineComponent({
         return item.name.toLowerCase().includes(keyword.value.toLowerCase());
       }).slice(0, 150);
     });
+    const highlightText = (text, keyword2) => {
+      if (!keyword2)
+        return text;
+      const regex = new RegExp(`(${keyword2})`, "gi");
+      return text.replace(regex, '<span class="highlight">$1</span>');
+    };
     const onLoad = () => {
       finished.value = true;
     };
@@ -57,8 +63,9 @@ var stdin_default = defineComponent({
             "class": `project-item ${((_a = props.modelValue) == null ? void 0 : _a.id) === item.id ? "selected" : ""}`,
             "onClick": () => handleSelect(item)
           }, [_createVNode("div", {
-            "class": "project-name"
-          }, [item.name])]);
+            "class": "project-name",
+            "innerHTML": highlightText(item.name, keyword.value)
+          }, null)]);
         })]
       })])]
     });

package/es/project-select/index.css

@@ -1 +1 @@
-:root:root{--van-action-sheet-max-height: 100%}.project-list{height:85vh;display:flex;flex-direction:column}.project-list .search-bar{position:-webkit-sticky;position:-webkit-sticky;position:sticky;top:0;z-index:1}.project-list .van-list{flex:1;overflow-y:auto;padding:0 16px}.project-list .project-item{padding:12px 0;border-bottom:1px solid #eee;cursor:pointer}.project-list .project-item.selected{color:var(--van-primary-color)}.project-list .project-item .project-name{font-size:14px}.project-list .project-item:last-child{border-bottom:none}
+:root:root{--van-action-sheet-max-height: 100%}.project-list{height:85vh;display:flex;flex-direction:column}.project-list .search-bar{position:-webkit-sticky;position:-webkit-sticky;position:sticky;top:0;z-index:1}.project-list .van-list{flex:1;overflow-y:auto;padding:0 16px}.project-list .project-item{padding:12px 0;border-bottom:1px solid #eee;cursor:pointer}.project-list .project-item.selected{color:var(--van-primary-color)}.project-list .project-item .project-name{font-size:14px}.project-list .project-item .project-name .highlight{color:var(--van-primary-color);font-weight:700;padding:0 2px;border-radius:2px}.project-list .project-item:last-child{border-bottom:none}

package/es/project-select/index.less

@@ -29,6 +29,13 @@
 
     .project-name {
       font-size: 14px;
+      
+      .highlight {
+        color: var(--van-primary-color);
+        font-weight: bold;
+        padding: 0 2px;
+        border-radius: 2px;
+      }
     }
 
     &:last-child {

package/lib/index.d.ts

@@ -6,7 +6,7 @@ declare namespace _default {
 }
 export default _default;
 export function install(app: any): void;
-export const version: "1.8.1";
+export const version: "1.9.0";
 import OrgPicker from './org-picker';
 import ProjectSelect from './project-select';
 export { OrgPicker, ProjectSelect };

package/lib/index.js

@@ -39,7 +39,7 @@ var import_org_picker = __toESM(require("./org-picker"));
 var import_project_select = __toESM(require("./project-select"));
 __reExport(stdin_exports, require("./org-picker"), module.exports);
 __reExport(stdin_exports, require("./project-select"), module.exports);
-const version = "1.8.1";
+const version = "1.9.0";
 function install(app) {
   const components = [
     import_org_picker.default,

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

@@ -12,6 +12,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    autoFocus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     'onUpdate:modelValue': {
         type: import("vue").PropType<(val: (string | number)[] | null) => void>;
     };
@@ -31,6 +35,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    autoFocus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     'onUpdate:modelValue': {
         type: import("vue").PropType<(val: (string | number)[] | null) => void>;
     };
@@ -44,5 +52,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     modelValue: (string | number)[] | null;
     show: boolean;
     multiple: boolean;
+    autoFocus: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/org-picker/OrgPicker.js

@@ -25,6 +25,26 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
 var stdin_exports = {};
 __export(stdin_exports, {
   default: () => stdin_default
@@ -99,6 +119,16 @@ var stdin_default = (0, import_vue2.defineComponent)({
     const keyword = (0, import_vue2.ref)("");
     const loading = (0, import_vue2.ref)(false);
     const finished = (0, import_vue2.ref)(true);
+    const searchRef = (0, import_vue2.ref)();
+    (0, import_vue2.watch)(() => props.show, (newVal) => __async(this, null, function* () {
+      if (newVal && props.autoFocus) {
+        yield (0, import_vue2.nextTick)();
+        setTimeout(() => {
+          var _a;
+          (_a = searchRef.value) == null ? void 0 : _a.focus();
+        }, 300);
+      }
+    }));
     (0, import_vue2.watch)(keyword, (newKeyword) => {
       if (newKeyword) {
         searchOrgList(newKeyword);
@@ -131,6 +161,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
       default: () => [(0, import_vue.createVNode)("div", {
         "class": "org-list"
       }, [(0, import_vue.createVNode)(import_vant.Search, {
+        "ref": searchRef,
         "modelValue": keyword.value,
         "onUpdate:modelValue": ($event) => keyword.value = $event,
         "placeholder": "\u641C\u7D22\u4EBA\u5458",

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

@@ -18,6 +18,10 @@ export declare const orgPickerProps: {
         type: BooleanConstructor;
         default: boolean;
     };
+    autoFocus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     'onUpdate:modelValue': {
         type: PropType<(val: (string | number)[] | null) => void>;
     };

package/lib/org-picker/types.js

@@ -33,6 +33,10 @@ const orgPickerProps = {
     type: Boolean,
     default: false
   },
+  autoFocus: {
+    type: Boolean,
+    default: false
+  },
   "onUpdate:modelValue": {
     type: Function
   },

package/lib/project-select/ProjectSelect.js

@@ -51,6 +51,12 @@ var stdin_default = (0, import_vue2.defineComponent)({
         return item.name.toLowerCase().includes(keyword.value.toLowerCase());
       }).slice(0, 150);
     });
+    const highlightText = (text, keyword2) => {
+      if (!keyword2)
+        return text;
+      const regex = new RegExp(`(${keyword2})`, "gi");
+      return text.replace(regex, '<span class="highlight">$1</span>');
+    };
     const onLoad = () => {
       finished.value = true;
     };
@@ -79,8 +85,9 @@ var stdin_default = (0, import_vue2.defineComponent)({
             "class": `project-item ${((_a = props.modelValue) == null ? void 0 : _a.id) === item.id ? "selected" : ""}`,
             "onClick": () => handleSelect(item)
           }, [(0, import_vue.createVNode)("div", {
-            "class": "project-name"
-          }, [item.name])]);
+            "class": "project-name",
+            "innerHTML": highlightText(item.name, keyword.value)
+          }, null)]);
         })]
       })])]
     });

package/lib/project-select/index.css

@@ -1 +1 @@
-:root:root{--van-action-sheet-max-height: 100%}.project-list{height:85vh;display:flex;flex-direction:column}.project-list .search-bar{position:-webkit-sticky;position:-webkit-sticky;position:sticky;top:0;z-index:1}.project-list .van-list{flex:1;overflow-y:auto;padding:0 16px}.project-list .project-item{padding:12px 0;border-bottom:1px solid #eee;cursor:pointer}.project-list .project-item.selected{color:var(--van-primary-color)}.project-list .project-item .project-name{font-size:14px}.project-list .project-item:last-child{border-bottom:none}
+:root:root{--van-action-sheet-max-height: 100%}.project-list{height:85vh;display:flex;flex-direction:column}.project-list .search-bar{position:-webkit-sticky;position:-webkit-sticky;position:sticky;top:0;z-index:1}.project-list .van-list{flex:1;overflow-y:auto;padding:0 16px}.project-list .project-item{padding:12px 0;border-bottom:1px solid #eee;cursor:pointer}.project-list .project-item.selected{color:var(--van-primary-color)}.project-list .project-item .project-name{font-size:14px}.project-list .project-item .project-name .highlight{color:var(--van-primary-color);font-weight:700;padding:0 2px;border-radius:2px}.project-list .project-item:last-child{border-bottom:none}

package/lib/project-select/index.less

@@ -29,6 +29,13 @@
 
     .project-name {
       font-size: 14px;
+      
+      .highlight {
+        color: var(--van-primary-color);
+        font-weight: bold;
+        padding: 0 2px;
+        border-radius: 2px;
+      }
     }
 
     &:last-child {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cgboiler/biz-mobile",
-  "version": "1.8.1",
+  "version": "1.10.0",
   "description": "",
   "main": "lib/index.js",
   "module": "es/index.js",