@cgboiler/biz-mobile 0.1.0

package/es/button/Button.d.ts

@@ -0,0 +1,9 @@
+import './index.less';
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    type: StringConstructor;
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    type: StringConstructor;
+}>> & Readonly<{
+    onClick?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/es/button/Button.js

@@ -0,0 +1,31 @@
+import { createVNode as _createVNode, createTextVNode as _createTextVNode } from "vue";
+import "./_atomic.css";
+import { defineComponent } from "vue";
+import { buttonProps } from "./types";
+import { ElButton } from "element-plus";
+import "./index.css";
+var stdin_default = defineComponent({
+  name: "DemoButton",
+  props: buttonProps,
+  emits: ["click"],
+  setup(props, {
+    emit,
+    slots
+  }) {
+    return () => {
+      var _a;
+      return _createVNode("div", {
+        "class": "cg-atm"
+      }, [_createVNode("button", {
+        "class": "demo-button w-[120px] p-2"
+      }, [(_a = slots.default) == null ? void 0 : _a.call(slots)]), _createVNode(ElButton, {
+        "type": "primary"
+      }, {
+        default: () => [_createTextVNode("123")]
+      })]);
+    };
+  }
+});
+export {
+  stdin_default as default
+};

package/es/button/_atomic.css

@@ -0,0 +1,35 @@
+
+.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;
+}
+  
+/* layer: default */
+.cgx-atm .w-\[120px\]{width:120px;}
+.cgx-atm .p-2{padding:0.5rem;}

package/es/button/index.css

@@ -0,0 +1 @@
+.a-b{color:#abcdef}

package/es/button/index.d.ts

@@ -0,0 +1,3 @@
+import _Button from './Button';
+export default _Button;
+export type { ButtonProps } from './types';

package/es/button/index.js

@@ -0,0 +1,5 @@
+import _Button from "./Button";
+var stdin_default = _Button;
+export {
+  stdin_default as default
+};

package/es/button/index.less

@@ -0,0 +1,3 @@
+.a-b {
+  color: #abcdef;
+}

package/es/button/style/index.d.ts

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

package/es/button/style/index.js

@@ -0,0 +1 @@
+import "../index.css";

package/es/button/style/less.d.ts

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

package/es/button/style/less.js

@@ -0,0 +1 @@
+import "../index.less";

package/es/button/types.d.ts

@@ -0,0 +1,5 @@
+import { ExtractPropTypes } from 'vue';
+export declare const buttonProps: {
+    type: StringConstructor;
+};
+export type ButtonProps = ExtractPropTypes<typeof buttonProps>;

package/es/button/types.js

@@ -0,0 +1,6 @@
+const buttonProps = {
+  type: String
+};
+export {
+  buttonProps
+};

package/es/index.d.ts

@@ -0,0 +1,10 @@
+export * from "./button";
+export * from "./project-list";
+declare namespace _default {
+    export { install };
+    export { version };
+}
+export default _default;
+export function install(app: any): void;
+export const version: "0.0.1";
+export { Button, ProjectList };

package/es/index.js

@@ -0,0 +1,29 @@
+import { Button } from "./button";
+import { ProjectList } from "./project-list";
+const version = "0.0.1";
+function install(app) {
+  const components = [
+    Button,
+    ProjectList
+  ];
+  components.forEach((item) => {
+    if (item.install) {
+      app.use(item);
+    } else if (item.name) {
+      app.component(item.name, item);
+    }
+  });
+}
+export * from "./button";
+export * from "./project-list";
+var stdin_default = {
+  install,
+  version
+};
+export {
+  Button,
+  ProjectList,
+  stdin_default as default,
+  install,
+  version
+};

package/es/project-list/ProjectList.d.ts

@@ -0,0 +1,40 @@
+import { type ProjectItem } from './types';
+import './index.less';
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: () => ProjectItem | null;
+        default: () => null;
+    };
+    show: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    'onUpdate:modelValue': {
+        type: import("vue").PropType<(val: ProjectItem | 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: () => ProjectItem | null;
+        default: () => null;
+    };
+    show: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    'onUpdate:modelValue': {
+        type: import("vue").PropType<(val: ProjectItem | 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: ProjectItem | null;
+    show: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/es/project-list/ProjectList.js

@@ -0,0 +1,69 @@
+import { createVNode as _createVNode } from "vue";
+import "./_atomic.css";
+import { defineComponent, ref, computed } from "vue";
+import { ActionSheet, Search, List } from "vant";
+import { projectListProps } from "./types";
+import { useApi } from "./useApi";
+import "./index.css";
+var stdin_default = defineComponent({
+  name: "ProjectList",
+  props: projectListProps,
+  emits: ["update:show", "update:modelValue"],
+  setup(props, {
+    emit
+  }) {
+    const {
+      projectList,
+      getProjectList
+    } = useApi();
+    getProjectList();
+    const handleSelect = (item) => {
+      emit("update:modelValue", item);
+      emit("update:show", false);
+    };
+    const keyword = ref("");
+    const loading = ref(false);
+    const finished = ref(true);
+    const filteredProjectList = computed(() => {
+      return projectList.value.filter((item) => {
+        return item.name.toLowerCase().includes(keyword.value.toLowerCase());
+      }).slice(0, 150);
+    });
+    const onLoad = () => {
+      finished.value = true;
+    };
+    return () => _createVNode(ActionSheet, {
+      "show": props.show,
+      "onUpdate:show": (val) => emit("update:show", val),
+      "title": "\u9009\u62E9\u9879\u76EE"
+    }, {
+      default: () => [_createVNode("div", {
+        "class": "project-list"
+      }, [_createVNode(Search, {
+        "modelValue": keyword.value,
+        "onUpdate:modelValue": ($event) => keyword.value = $event,
+        "placeholder": "\u641C\u7D22\u9879\u76EE",
+        "class": "search-bar"
+      }, null), _createVNode(List, {
+        "loading": loading.value,
+        "finished": finished.value,
+        "finished-text": "\u6CA1\u6709\u66F4\u591A\u4E86",
+        "onLoad": onLoad
+      }, {
+        default: () => [filteredProjectList.value.map((item, index) => {
+          var _a;
+          return _createVNode("div", {
+            "key": index,
+            "class": `project-item ${((_a = props.modelValue) == null ? void 0 : _a.id) === item.id ? "selected" : ""}`,
+            "onClick": () => handleSelect(item)
+          }, [_createVNode("div", {
+            "class": "project-name"
+          }, [item.name])]);
+        })]
+      })])]
+    });
+  }
+});
+export {
+  stdin_default as default
+};

package/es/project-list/_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/es/project-list/index.css

@@ -0,0 +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}

package/es/project-list/index.d.ts

@@ -0,0 +1,3 @@
+import _ProjectList from './ProjectList';
+export default _ProjectList;
+export type { ProjectListProps, ProjectItem } from './types';

package/es/project-list/index.js

@@ -0,0 +1,5 @@
+import _ProjectList from "./ProjectList";
+var stdin_default = _ProjectList;
+export {
+  stdin_default as default
+};

package/es/project-list/index.less

@@ -0,0 +1,35 @@
+.project-list {
+  height: 70vh;
+  display: flex;
+  flex-direction: column;
+
+  .search-bar {
+    position: sticky;
+    top: 0;
+    z-index: 1;
+  }
+
+  .van-list {
+    flex: 1;
+    overflow-y: auto;
+    padding: 0 16px;
+  }
+
+  .project-item {
+    padding: 12px 0;
+    border-bottom: 1px solid #eee;
+    cursor: pointer;
+
+    &.selected {
+      color: var(--van-primary-color);
+    }
+
+    .project-name {
+      font-size: 14px;
+    }
+
+    &:last-child {
+      border-bottom: none;
+    }
+  }
+}

package/es/project-list/style/index.d.ts

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

package/es/project-list/style/index.js

@@ -0,0 +1 @@
+import "../index.css";

package/es/project-list/style/less.d.ts

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

package/es/project-list/style/less.js

@@ -0,0 +1 @@
+import "../index.less";

package/es/project-list/types.d.ts

@@ -0,0 +1,22 @@
+import { ExtractPropTypes, PropType } from 'vue';
+export interface ProjectItem {
+    id: string | number;
+    name: string;
+}
+export declare const projectListProps: {
+    modelValue: {
+        type: () => ProjectItem | null;
+        default: () => null;
+    };
+    show: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    'onUpdate:modelValue': {
+        type: PropType<(val: ProjectItem | null) => void>;
+    };
+    'onUpdate:show': {
+        type: PropType<(val: boolean) => void>;
+    };
+};
+export type ProjectListProps = ExtractPropTypes<typeof projectListProps>;

package/es/project-list/types.js

@@ -0,0 +1,19 @@
+const projectListProps = {
+  modelValue: {
+    type: Object,
+    default: () => null
+  },
+  show: {
+    type: Boolean,
+    default: false
+  },
+  "onUpdate:modelValue": {
+    type: Function
+  },
+  "onUpdate:show": {
+    type: Function
+  }
+};
+export {
+  projectListProps
+};

package/es/project-list/useApi.d.ts

@@ -0,0 +1,11 @@
+import { type ProjectItem } from './types';
+export declare const useApi: () => {
+    projectList: import("vue").Ref<{
+        id: string | number;
+        name: string;
+    }[], ProjectItem[] | {
+        id: string | number;
+        name: string;
+    }[]>;
+    getProjectList: () => Promise<void>;
+};

package/es/project-list/useApi.js

@@ -0,0 +1,48 @@
+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 { ref } from "vue";
+import { useFetch } from "../utils/useFetch";
+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"
+      }
+    );
+    if (res == null ? void 0 : res.d) {
+      projectList.value = res.d.filter((item) => item.projectName).map((item) => {
+        return {
+          id: item.id,
+          name: item.projectName
+        };
+      });
+    }
+  });
+  return {
+    projectList,
+    getProjectList
+  };
+};
+export {
+  useApi
+};

package/es/utils/useFetch.d.ts

@@ -0,0 +1,5 @@
+interface FetchConfig extends RequestInit {
+    params?: Record<string, any>;
+}
+export declare const useFetch: <T>(url: string, config?: FetchConfig) => Promise<T>;
+export {};

package/es/utils/useFetch.js

@@ -0,0 +1,72 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+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());
+  });
+};
+const useFetch = (_0, ..._1) => __async(void 0, [_0, ..._1], function* (url, config = {}) {
+  const _a = config, { params } = _a, restConfig = __objRest(_a, ["params"]);
+  const queryString = params ? "?" + Object.entries(params).map(([key, value]) => `${key}=${encodeURIComponent(String(value))}`).join("&") : "";
+  const finalUrl = url + queryString;
+  const userInfo = localStorage.getItem("userInfo");
+  const token = userInfo ? JSON.parse(userInfo).token : "";
+  const response = yield fetch(finalUrl, __spreadProps(__spreadValues({}, restConfig), {
+    headers: __spreadValues({
+      "Content-Type": "application/json",
+      token: token || ""
+    }, restConfig.headers)
+  }));
+  if (!response.ok) {
+    throw new Error(`HTTP error! status: ${response.status}`);
+  }
+  const data = yield response.json();
+  return data;
+});
+export {
+  useFetch
+};

package/es/vue-sfc-shim.d.ts

@@ -0,0 +1,6 @@
+declare module '*.vue' {
+  // eslint-disable-next-line
+  import { DefineComponent } from 'vue'
+  const Component: DefineComponent
+  export default Component
+}

package/es/vue-tsx-shim.d.ts

@@ -0,0 +1,24 @@
+import 'vue';
+
+type EventHandler = (...args: any[]) => void;
+
+declare module 'vue' {
+  interface ComponentCustomProps {
+    id?: string;
+    role?: string;
+    tabindex?: number;
+    onClick?: EventHandler;
+    onTouchend?: EventHandler;
+    onTouchmove?: EventHandler;
+    onTouchstart?: EventHandler;
+    onTouchcancel?: EventHandler;
+    onTouchmovePassive?: EventHandler;
+    onTouchstartPassive?: EventHandler;
+  }
+
+  interface HTMLAttributes {
+    onTouchmovePassive?: EventHandler;
+    onTouchstartPassive?: EventHandler;
+    onClickCapture?: EventHandler;
+  }
+}

package/lib/button/Button.d.ts

@@ -0,0 +1,9 @@
+import './index.less';
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    type: StringConstructor;
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    type: StringConstructor;
+}>> & Readonly<{
+    onClick?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/lib/button/Button.js

@@ -0,0 +1,50 @@
+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_types = require("./types");
+var import_element_plus = require("element-plus");
+var import_index = require("./index.css");
+var stdin_default = (0, import_vue2.defineComponent)({
+  name: "DemoButton",
+  props: import_types.buttonProps,
+  emits: ["click"],
+  setup(props, {
+    emit,
+    slots
+  }) {
+    return () => {
+      var _a;
+      return (0, import_vue.createVNode)("div", {
+        "class": "cg-atm"
+      }, [(0, import_vue.createVNode)("button", {
+        "class": "demo-button w-[120px] p-2"
+      }, [(_a = slots.default) == null ? void 0 : _a.call(slots)]), (0, import_vue.createVNode)(import_element_plus.ElButton, {
+        "type": "primary"
+      }, {
+        default: () => [(0, import_vue.createTextVNode)("123")]
+      })]);
+    };
+  }
+});