@cgboiler/biz-mobile 1.1.2 → 1.2.0

package/es/project-select/index.css

@@ -1 +1 @@
-.project-list{height:70vh;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:90vh;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}

package/es/project-select/index.less

@@ -1,5 +1,8 @@
+:root:root {
+  --van-action-sheet-max-height: 100%;
+}
 .project-list {
-  height: 70vh;
+  height: 90vh;
   display: flex;
   flex-direction: column;
 

package/lib/index.d.ts

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

package/lib/index.js

@@ -28,17 +28,21 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var stdin_exports = {};
 __export(stdin_exports, {
+  OrgPicker: () => import_org_picker.default,
   ProjectSelect: () => import_project_select.default,
   default: () => stdin_default,
   install: () => install,
   version: () => version
 });
 module.exports = __toCommonJS(stdin_exports);
+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.1.1";
+const version = "1.1.2";
 function install(app) {
   const components = [
+    import_org_picker.default,
     import_project_select.default
   ];
   components.forEach((item) => {

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

@@ -0,0 +1,49 @@
+import { type OrgItem } from './types';
+import './index.less';
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: import("vue").PropType<OrgItem | OrgItem[] | null>;
+        default: () => null;
+    };
+    show: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    multiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    'onUpdate:modelValue': {
+        type: import("vue").PropType<(val: OrgItem | OrgItem[] | null) => void>;
+    };
+    'onUpdate:show': {
+        type: import("vue").PropType<(val: boolean) => void>;
+    };
+}>, () => 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<OrgItem | OrgItem[] | null>;
+        default: () => null;
+    };
+    show: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    multiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    'onUpdate:modelValue': {
+        type: import("vue").PropType<(val: OrgItem | OrgItem[] | null) => void>;
+    };
+    'onUpdate:show': {
+        type: import("vue").PropType<(val: boolean) => void>;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:show"?: ((...args: any[]) => any) | undefined;
+}>, {
+    modelValue: OrgItem | OrgItem[] | null;
+    show: boolean;
+    multiple: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/lib/org-picker/OrgPicker.js

@@ -0,0 +1,130 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var stdin_exports = {};
+__export(stdin_exports, {
+  default: () => stdin_default
+});
+module.exports = __toCommonJS(stdin_exports);
+var import_vue = require("vue");
+var import_atomic = require("./_atomic.css");
+var import_vue2 = require("vue");
+var import_vant = require("vant");
+var import_types = require("./types");
+var import_useApi = require("./useApi");
+var import_index = require("./index.css");
+var stdin_default = (0, import_vue2.defineComponent)({
+  name: "OrgPicker",
+  props: import_types.orgPickerProps,
+  emits: ["update:show", "update:modelValue"],
+  setup(props, {
+    emit
+  }) {
+    const {
+      orgList,
+      getOrgList
+    } = (0, import_useApi.useApi)();
+    getOrgList();
+    const handleSelect = (item) => {
+      if (props.multiple) {
+        const currentValue = props.modelValue ? [...Array.isArray(props.modelValue) ? props.modelValue : [props.modelValue]] : [];
+        const index = currentValue.findIndex((selected) => selected.id === item.id);
+        if (index > -1) {
+          currentValue.splice(index, 1);
+        } else {
+          currentValue.push(item);
+        }
+        emit("update:modelValue", currentValue);
+      } else {
+        emit("update:modelValue", item);
+        emit("update:show", false);
+      }
+    };
+    const handleConfirm = () => {
+      emit("update:show", false);
+    };
+    const keyword = (0, import_vue2.ref)("");
+    const loading = (0, import_vue2.ref)(false);
+    const finished = (0, import_vue2.ref)(true);
+    const filteredOrgList = (0, import_vue2.computed)(() => {
+      return orgList.value.filter((item) => {
+        return item.name.toLowerCase().includes(keyword.value.toLowerCase());
+      }).slice(0, 300);
+    });
+    const isSelected = (item) => {
+      var _a;
+      if (!props.modelValue)
+        return false;
+      if (props.multiple) {
+        const selectedItems = Array.isArray(props.modelValue) ? props.modelValue : [props.modelValue];
+        return selectedItems.some((selected) => selected.id === item.id);
+      } else {
+        return ((_a = props.modelValue) == null ? void 0 : _a.id) === item.id;
+      }
+    };
+    const onLoad = () => {
+      finished.value = true;
+    };
+    return () => (0, import_vue.createVNode)(import_vant.ActionSheet, {
+      "show": props.show,
+      "onUpdate:show": (val) => emit("update:show", val),
+      "title": "\u9009\u62E9\u4EBA\u5458",
+      "closeOnClickAction": !props.multiple
+    }, {
+      default: () => [(0, import_vue.createVNode)("div", {
+        "class": "org-list"
+      }, [(0, import_vue.createVNode)(import_vant.Search, {
+        "modelValue": keyword.value,
+        "onUpdate:modelValue": ($event) => keyword.value = $event,
+        "placeholder": "\u641C\u7D22\u4EBA\u5458",
+        "class": "search-bar"
+      }, null), (0, import_vue.createVNode)(import_vant.List, {
+        "loading": loading.value,
+        "finished": finished.value,
+        "onLoad": onLoad
+      }, {
+        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",
+          "width": "40",
+          "height": "40",
+          "src": item.avatar
+        }, null), (0, import_vue.createVNode)("div", {
+          "class": "org-name"
+        }, [item.name])]))]
+      }), props.multiple && (0, import_vue.createVNode)("div", {
+        "class": "bottom-section"
+      }, [Array.isArray(props.modelValue) && props.modelValue.length > 0 && (0, import_vue.createVNode)("div", {
+        "class": "selected-items"
+      }, [props.modelValue.map((item) => (0, import_vue.createVNode)("div", {
+        "key": item.id,
+        "class": "selected-tag",
+        "onClick": () => handleSelect(item)
+      }, [(0, import_vue.createVNode)(import_vant.Image, {
+        "class": "tag-avatar",
+        "src": item.avatar
+      }, null)]))]), (0, import_vue.createVNode)("div", {
+        "class": "action-buttons"
+      }, [(0, import_vue.createVNode)("div", {
+        "class": "confirm-button",
+        "onClick": handleConfirm
+      }, [(0, import_vue.createTextVNode)("\u786E\u8BA4")])])])])]
+    });
+  }
+});

package/lib/org-picker/_atomic.css

@@ -0,0 +1,32 @@
+
+.cgx-atm .flex {
+  align-items: initial;
+  flex-direction: initial;
+  justify-content: initial;
+  flex-wrap: initial;
+}
+.cgx-atm .flex-row {
+  flex-direction: row;
+}
+.cgx-atm .flex-col {
+  flex-direction: column;
+}
+.cgx-atm .justify-center {
+  justify-content: center;
+}
+.cgx-atm .justify-between {
+  justify-content: space-between;
+}
+.cgx-atm .justify-around {
+  justify-content: space-around;
+}
+.cgx-atm .justify-end {
+  justify-content: flex-end;
+}
+.cgx-atm .items-center {
+  align-items: center;
+}
+.cgx-atm .flex-wrap {
+  flex-wrap: wrap;
+}
+  

package/lib/org-picker/index.css

@@ -0,0 +1 @@
+:root:root{--van-action-sheet-max-height: 100%}.org-list{height:90vh;display:flex;flex-direction:column}.org-list .search-bar{position:-webkit-sticky;position:-webkit-sticky;position:sticky;top:0;z-index:1}.org-list .bottom-section{border-top:1px solid #eee;background-color:#fff}.org-list .bottom-section .selected-items{display:flex;flex-wrap:nowrap;padding:12px 16px;gap:12px;background-color:#fff;overflow-x:auto;height:35px}.org-list .bottom-section .selected-items .selected-tag{flex-shrink:0;background:none;border:none;padding:0;margin:0}.org-list .bottom-section .selected-items .selected-tag .tag-avatar{width:32px;height:32px;cursor:pointer;border-radius:4px;overflow:hidden}.org-list .van-list{flex:1;overflow-y:auto;padding:0 16px}.org-list .org-item{padding:12px 0;border-bottom:1px solid #eee;cursor:pointer;display:flex;align-items:center;gap:12px}.org-list .org-item.selected{color:var(--van-primary-color)}.org-list .org-item .org-avatar{flex-shrink:0;border-radius:4px;overflow:hidden}.org-list .org-item .org-name{font-size:14px;flex:1}.org-list .org-item:last-child{border-bottom:none}.org-list .action-buttons{padding:16px;display:flex;justify-content:center;border-top:1px solid #eee}.org-list .action-buttons .confirm-button{background-color:var(--van-primary-color);color:#fff;padding:10px 0;border-radius:4px;text-align:center;width:100%;font-size:14px}

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

@@ -0,0 +1,3 @@
+import OrgPicker from './OrgPicker';
+export default OrgPicker;
+export * from './types';

package/lib/org-picker/index.js

@@ -0,0 +1,36 @@
+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)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+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, {
+  default: () => stdin_default
+});
+module.exports = __toCommonJS(stdin_exports);
+var import_OrgPicker = __toESM(require("./OrgPicker"));
+__reExport(stdin_exports, require("./types"), module.exports);
+var stdin_default = import_OrgPicker.default;

package/lib/org-picker/index.less

@@ -0,0 +1,96 @@
+:root:root {
+  --van-action-sheet-max-height: 100%;
+}
+.org-list {
+  height: 90vh;
+  display: flex;
+  flex-direction: column;
+
+  .search-bar {
+    position: sticky;
+    top: 0;
+    z-index: 1;
+  }
+
+  .bottom-section {
+    border-top: 1px solid #eee;
+    background-color: #fff;
+
+    .selected-items {
+      display: flex;
+      flex-wrap: nowrap;
+      padding: 12px 16px;
+      gap: 12px;
+      background-color: #fff;
+      overflow-x: auto;
+      height: 35px;
+
+      .selected-tag {
+        flex-shrink: 0;
+        background: none;
+        border: none;
+        padding: 0;
+        margin: 0;
+
+        .tag-avatar {
+          width: 32px;
+          height: 32px;
+          cursor: pointer;
+          border-radius: 4px;
+          overflow: hidden;
+        }
+      }
+    }
+  }
+
+  .van-list {
+    flex: 1;
+    overflow-y: auto;
+    padding: 0 16px;
+  }
+
+  .org-item {
+    padding: 12px 0;
+    border-bottom: 1px solid #eee;
+    cursor: pointer;
+    display: flex;
+    align-items: center;
+    gap: 12px;
+
+    &.selected {
+      color: var(--van-primary-color);
+    }
+
+    .org-avatar {
+      flex-shrink: 0;
+      border-radius: 4px;
+      overflow: hidden;
+    }
+
+    .org-name {
+      font-size: 14px;
+      flex: 1;
+    }
+
+    &:last-child {
+      border-bottom: none;
+    }
+  }
+
+  .action-buttons {
+    padding: 16px;
+    display: flex;
+    justify-content: center;
+    border-top: 1px solid #eee;
+
+    .confirm-button {
+      background-color: var(--van-primary-color);
+      color: white;
+      padding: 10px 0;
+      border-radius: 4px;
+      text-align: center;
+      width: 100%;
+      font-size: 14px;
+    }
+  }
+}

package/lib/org-picker/style/index.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/org-picker/style/index.js

@@ -0,0 +1 @@
+require("../index.css");

package/lib/org-picker/style/less.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/org-picker/style/less.js

@@ -0,0 +1 @@
+require("../index.less");

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

@@ -0,0 +1,27 @@
+import { ExtractPropTypes, PropType } from 'vue';
+export interface OrgItem {
+    id: string | number;
+    name: string;
+    avatar?: string;
+}
+export declare const orgPickerProps: {
+    modelValue: {
+        type: PropType<OrgItem | OrgItem[] | null>;
+        default: () => null;
+    };
+    show: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    multiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    'onUpdate:modelValue': {
+        type: PropType<(val: OrgItem | OrgItem[] | null) => void>;
+    };
+    'onUpdate:show': {
+        type: PropType<(val: boolean) => void>;
+    };
+};
+export type OrgPickerProps = ExtractPropTypes<typeof orgPickerProps>;

package/lib/org-picker/types.js

@@ -0,0 +1,42 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var stdin_exports = {};
+__export(stdin_exports, {
+  orgPickerProps: () => orgPickerProps
+});
+module.exports = __toCommonJS(stdin_exports);
+const orgPickerProps = {
+  modelValue: {
+    type: [Object, Array],
+    default: () => null
+  },
+  show: {
+    type: Boolean,
+    default: false
+  },
+  multiple: {
+    type: Boolean,
+    default: false
+  },
+  "onUpdate:modelValue": {
+    type: Function
+  },
+  "onUpdate:show": {
+    type: Function
+  }
+};

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

@@ -0,0 +1,13 @@
+import { type OrgItem } from './types';
+export declare const useApi: () => {
+    orgList: import("vue").Ref<{
+        id: string | number;
+        name: string;
+        avatar?: string | undefined;
+    }[], OrgItem[] | {
+        id: string | number;
+        name: string;
+        avatar?: string | undefined;
+    }[]>;
+    getOrgList: () => Promise<void>;
+};