iv-npm 1.0.13 → 1.0.16

package/README.md

@@ -1,6 +1,52 @@
 <!--
  * @Author: Mr.Cong Wei
- * @Date: 2022-08-08 15:35:55
- * @LastEditTime: 2022-08-08 16:31:10
+ * @Date: 2022-08-09 13:41:52
+ * @LastEditTime: 2022-08-09 14:14:15
 -->
-#iv-npm
+# iv-npm
+
+使用pnpm+workspace+turborepo实现的monorepo管理方式的公共npm包
+项目使用pnpm作为包管理工具。请自行全局下载。
+## 安装依赖
+
+> cd packages\shared
+> pnpm install
+
+## 打包
+
+> pnpm run build
+
+## 发布
+
+在登陆过npm情况下，发布需要修改**根下version**，并关闭所有的private属性。
+
+> npm publish
+
+## 使用
+
+> npm i iv-npm
+
+```ts
+// main.ts
+import ivUi from "iv-npm/packages/ui";
+app.use(ivUi)
+```
+
+```vue
+// UI组件使用方法
+<template>
+  <IVMrpModal v-model:show="Visible"></IVMrpModal>
+</template>
+<script setup lang="ts">
+  import { IVMrpModal } from "iv-npm/packages/ui";
+</script>
+```
+
+```vue
+// 工具函数使用方法
+<script setup lang="ts">
+  import { findTree } from "iv-npm/packages/shared/utils";
+</script>
+
+```
+

package/package.json

@@ -1,46 +1,46 @@
-{
-  "name": "iv-npm",
-  "version": "1.0.13",
-  "description": "公共通用包",
-  "author": "Mr.Cong",
-  "license": "ISC",
-  "private": false,
-  "packageManager": "pnpm@7.9.0",
-  "scripts": {
-    "build": "turbo run build",
-    "build:pkg": "pnpm run prepare -r"
-  },
-  "repository": {
-    "type": "git",
-    "url": "https://e.coding.net/itemvector/cloud-stec/tx-npm.git"
-  },
-  "keywords": [
-    "iv"
-  ],
-  "turbo": {
-    "npmClient": "pnpm",
-    "pipeline": {
-      "build": {
-        "dependsOn": [
-          "^build"
-        ],
-        "outputs": [
-          "dist/**",
-          ".umi/**",
-          ".next/**"
-        ]
-      },
-      "deploy": {
-        "dependsOn": [
-          "build"
-        ]
-      },
-      "dev": {
-        "cache": false
-      }
-    }
-  },
-  "devDependencies": {
-    "turbo": "^1.4.2"
-  }
-}
+{
+  "name": "iv-npm",
+  "version": "1.0.16",
+  "description": "公共通用包",
+  "author": "Mr.Cong",
+  "license": "ISC",
+  "private": false,
+  "packageManager": "pnpm@7.9.0",
+  "scripts": {
+    "build": "turbo run build",
+    "build:pkg": "pnpm run prepare -r"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://e.coding.net/itemvector/cloud-stec/tx-npm.git"
+  },
+  "keywords": [
+    "iv"
+  ],
+  "turbo": {
+    "npmClient": "pnpm",
+    "pipeline": {
+      "build": {
+        "dependsOn": [
+          "^build"
+        ],
+        "outputs": [
+          "dist/**",
+          ".umi/**",
+          ".next/**"
+        ]
+      },
+      "deploy": {
+        "dependsOn": [
+          "build"
+        ]
+      },
+      "dev": {
+        "cache": false
+      }
+    }
+  },
+  "devDependencies": {
+    "turbo": "^1.4.2"
+  }
+}

package/packages/shared/README.md

@@ -0,0 +1,16 @@
+# @IVNPM/shared
+
+工具函数包
+
+## 使用
+
+> npm i iv-npm
+
+```vue
+// 工具函数使用方法
+<script setup lang="ts">
+  import { findTree } from "iv-npm/packages/shared/utils";
+</script>
+
+```
+

package/packages/shared/dist/types/index.d.ts

@@ -1,6 +1,7 @@
-declare enum AppType {
-    Web = 1,
-    Mobile = 2
+interface TreeList {
+    parentId: string | null;
+    id: string;
+    children?: TreeList[];
 }
 
-export { AppType };
+export { TreeList };

package/packages/shared/dist/types/index.js

@@ -2,10 +2,6 @@ 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))
@@ -18,16 +14,4 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 
 // types/index.ts
 var types_exports = {};
-__export(types_exports, {
-  AppType: () => AppType
-});
 module.exports = __toCommonJS(types_exports);
-var AppType = /* @__PURE__ */ ((AppType2) => {
-  AppType2[AppType2["Web"] = 1] = "Web";
-  AppType2[AppType2["Mobile"] = 2] = "Mobile";
-  return AppType2;
-})(AppType || {});
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  AppType
-});

package/packages/shared/dist/types/index.mjs

@@ -1,9 +0,0 @@
-// types/index.ts
-var AppType = /* @__PURE__ */ ((AppType2) => {
-  AppType2[AppType2["Web"] = 1] = "Web";
-  AppType2[AppType2["Mobile"] = 2] = "Mobile";
-  return AppType2;
-})(AppType || {});
-export {
-  AppType
-};

package/packages/shared/dist/utils/index.d.ts

@@ -1,10 +1,15 @@
+export { TreeList } from '../types/index.js';
+
 declare function arrToTree(list: any[], parentMark: string, childrenMark: string): any;
-interface List {
+interface TreeList {
     parentId: string | null;
     id: string;
-    children?: List[];
+    children?: TreeList[];
 }
-declare function tranListToTreeData<T extends List>(list: T[]): T[];
+/**
+ * 根据parentId===id进行判断
+ */
+declare function tranListToTreeData<T extends TreeList>(list: T[]): T[];
 /**
  * 树结构查询元素
  */

package/packages/shared/package.json

@@ -1,33 +1,22 @@
-{
-  "name": "@IVNPM/shared",
-  "version": "1.0.0",
-  "description": "IVNPM/shared",
-  "scripts": {
-    "prepare": "npm run build",
-    "dev": "tsup --watch",
-    "build": "tsup"
-  },
-  "files": [
-    "index.js",
-    "dist"
-  ],
-  "browser": {
-    "./types": "./dist/types/index.js",
-    "./utils": "./dist/utils/index.js"
-  },
-  "exports": {
-    "./types": {
-      "import": "./dist/types/index.mjs",
-      "require": "./dist/types/index.js"
-    },
-    "./utils": {
-      "import": "./dist/utils/index.mjs",
-      "require": "./dist/utils/index.js"
-    }
-  },
-  "author": "Mr.Cong",
-  "license": "ISC",
-  "devDependencies": {
-    "tsup": "^6.2.1"
-  }
-}
+{
+  "name": "@IVNPM/shared",
+  "version": "1.0.0",
+  "description": "IVNPM/shared",
+  "scripts": {
+    "prepare": "npm run build",
+    "dev": "tsup --watch",
+    "build": "tsup"
+  },
+  "main": "dist/utils/index.mjs",
+  "module": "dist/utils/index.mjs",
+  "types": "dist/utils/index.d.ts",
+  "files": [
+    "index.js",
+    "dist"
+  ],
+  "author": "Mr.Cong",
+  "license": "ISC",
+  "devDependencies": {
+    "tsup": "^6.2.1"
+  }
+}

package/packages/ui/README.md

@@ -0,0 +1,26 @@
+# @IVNPM/ui
+
+ui工具包
+
+## 使用
+
+> npm i iv-npm
+
+```ts
+// main.ts
+import ivUi from "iv-npm/packages/ui";
+app.use(ivUi)
+```
+
+```vue
+// UI组件使用方法
+<template>
+  <IVMrpModal v-model:show="Visible"></IVMrpModal>
+</template>
+<script setup lang="ts">
+  import { IVMrpModal } from "iv-npm/packages/ui";
+</script>
+```
+
+
+

package/packages/ui/dist/index.cjs.css

@@ -1,83 +1,91 @@
-@charset "UTF-8";
-/* 模态框 */
-body .detail-class[data-v-3e4642c0] {
-  top: -50px;
-}
-
-/* body .ant-modal{
-  width: 84vw!important;
-  height: 80vh!important;
-} */
-body .module-class .ant-modal-header[data-v-3e4642c0] {
-  padding: 0;
-}
-
-body .module-class .ant-modal-body[data-v-3e4642c0] {
-  position: relative;
-  padding: 100px 0 100px 100px;
-}
-
-body .detail-class .ant-modal-body[data-v-3e4642c0] {
-  overflow: auto;
-  padding: 0 0 30px 0;
-}
-
-body .module-class.not-padding .ant-modal-body[data-v-3e4642c0] {
-  position: relative;
-  padding: 0;
-}
-
-body .module-class.pwd .ant-modal-body[data-v-3e4642c0] {
-  position: relative;
-  padding: 100px 0;
-}
-
-.ant-scrolling-effect[data-v-3e4642c0] {
-  width: 100% !important;
-}
-
-/* 组件模态框 */
-body .module-class.modal-components .ant-modal[data-v-3e4642c0] {
-  top: 5%;
-  left: 0px;
-  margin-left: 5%;
-  margin-right: 5%;
-  height: 40%;
-  width: auto !important;
-}
-
-body .module-class.modal-components .ant-modal .ant-modal-content[data-v-3e4642c0] {
-  height: 100%;
-}
-
-body .module-class .ant-modal-content[data-v-3e4642c0] {
-  box-sizing: border-box;
-  border-radius: 10px;
-  overflow: hidden;
-  /* border: 5px solid #f1f1f1; */
-}
-
-body .module-class.modal-components .ant-modal .ant-modal-content .ant-modal-body[data-v-3e4642c0] {
-  height: 100%;
-  overflow-y: auto;
-}
-
-body .module-class.modal-components .ant-modal .ant-modal-content .ant-modal-body[data-v-3e4642c0]::-webkit-scrollbar {
-  width: 15px;
-  height: 20px;
-}
-
-body .module-class.modal-components .ant-modal .ant-modal-content .ant-modal-body[data-v-3e4642c0]::-webkit-scrollbar-track {
-  border-radius: 100vh;
-  background: #f7f4ed;
-}
-
-body .module-class.modal-components .ant-modal .ant-modal-content .ant-modal-body[data-v-3e4642c0]::-webkit-scrollbar-thumb {
-  background: #e0cbcb;
-  border-radius: 100vh;
-  border: 3px solid #f6f7ed;
-}
-
-body .module-class.modal-components .ant-modal .ant-modal-content .ant-modal-body[data-v-3e4642c0]::-webkit-scrollbar-thumb:hover {
-  background: #c0a0b9;
-}
+/* 模态框 */
+body .detail-class {
+    top: -50px;
+  }
+  /* body .ant-modal{
+    width: 84vw!important;
+    height: 80vh!important;
+  } */
+  body .module-class .ant-modal-header {
+    padding: 0;
+  }
+  body .module-class .ant-modal-body {
+    position: relative;
+    padding: 100px 0 100px 100px;
+  }
+  
+  body .detail-class .ant-modal-body {
+    overflow: auto;
+    padding: 0 0 30px 0;
+  }
+  
+  body .module-class.not-padding .ant-modal-body {
+    position: relative;
+    padding: 0;
+  }
+  body .module-class.pwd .ant-modal-body {
+    position: relative;
+    padding: 100px 0;
+  }
+  
+  .ant-scrolling-effect {
+    width: 100% !important;
+  }
+  /* 组件模态框 */
+  body .module-class.modal-components .ant-modal {
+    top: 5%;
+    left: 0px;
+    margin-left: 5%;
+    margin-right: 5%;
+    height: 40%;
+    width: auto !important;
+  }
+  body .module-class.modal-components .ant-modal .ant-modal-content {
+    height: 100%;
+  }
+  body .module-class .ant-modal-content {
+    box-sizing: border-box;
+    border-radius: 10px;
+    overflow: hidden;
+    /* border: 5px solid #f1f1f1; */
+  }
+  body
+    .module-class.modal-components
+    .ant-modal
+    .ant-modal-content
+    .ant-modal-body {
+    height: 100%;
+    overflow-y: auto;
+  }
+  body
+    .module-class.modal-components
+    .ant-modal
+    .ant-modal-content
+    .ant-modal-body::-webkit-scrollbar {
+    width: 15px;
+    height: 20px;
+  }
+  body
+    .module-class.modal-components
+    .ant-modal
+    .ant-modal-content
+    .ant-modal-body::-webkit-scrollbar-track {
+    border-radius: 100vh;
+    background: #f7f4ed;
+  }
+  body
+    .module-class.modal-components
+    .ant-modal
+    .ant-modal-content
+    .ant-modal-body::-webkit-scrollbar-thumb {
+    background: #e0cbcb;
+    border-radius: 100vh;
+    border: 3px solid #f6f7ed;
+  }
+  body
+    .module-class.modal-components
+    .ant-modal
+    .ant-modal-content
+    .ant-modal-body::-webkit-scrollbar-thumb:hover {
+    background: #c0a0b9;
+  }

package/packages/ui/dist/index.cjs.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
 
-var _hoisted_1 = /*#__PURE__*/vue.createTextVNode("npm包");
+var _hoisted_1$1 = /*#__PURE__*/vue.createTextVNode("npm包");
 /**
  * show:Boolean                 是否显示弹窗  v-model:show="Visible"
  *
@@ -19,7 +19,7 @@ var _hoisted_1 = /*#__PURE__*/vue.createTextVNode("npm包");
  *
  * */
 
-var script = /*#__PURE__*/vue.defineComponent({
+var script$1 = /*#__PURE__*/vue.defineComponent({
   __name: 'IVMrpModal',
   props: {
     show: {
@@ -59,7 +59,7 @@ var script = /*#__PURE__*/vue.defineComponent({
       }, {
         title: vue.withCtx(function () {
           return [vue.renderSlot(_ctx.$slots, "title", {}, function () {
-            return [_hoisted_1];
+            return [_hoisted_1$1];
           })];
         }),
         closeIcon: vue.withCtx(function () {
@@ -80,16 +80,130 @@ var script = /*#__PURE__*/vue.defineComponent({
   }
 });
 
-script.__scopeId = "data-v-3e4642c0";
-script.__file = "src/function-ui/component/IVMrpModal.vue";
+script$1.__file = "src/function-ui/component/IVMrpModal.vue";
+
+// utils/arr/tree.ts
+
+function _loadChildren(obj, list) {
+  var arr = list.filter(function (x) {
+    return x.parentId == obj.id;
+  });
+  if (!arr.length) return;
+  obj.children = arr;
+  obj.children.forEach(function (x) {
+    _loadChildren(x, list);
+  });
+  return obj;
+}
+
+function tranListToTreeData(list) {
+  var results = list.filter(function (x) {
+    return x.parentId == null;
+  });
+  results.forEach(function (x) {
+    return _loadChildren(x, list);
+  });
+  return results;
+}
+
+var _hoisted_1 = /*#__PURE__*/vue.createElementVNode("div", {
+  "class": "text-[#0000006D] text-[14px]"
+}, "所属组织", -1
+/* HOISTED */
+);
+var script = /*#__PURE__*/vue.defineComponent({
+  __name: 'IVMrpOrgDropdown',
+  props: {
+    data: {
+      type: Array,
+      required: true
+    },
+    value: {
+      type: null,
+      required: true
+    },
+    replaceFields: {
+      type: Object,
+      required: false
+    }
+  },
+  emits: ["update:value"],
+  setup: function setup(__props, _a) {
+    var _b;
+
+    var emit = _a.emit;
+    var props = __props;
+    var replaceFields = vue.ref((_b = props.replaceFields) !== null && _b !== void 0 ? _b : {
+      children: "children",
+      label: "displayName",
+      key: "id",
+      value: "id"
+    });
+    var dataV = vue.computed(function () {
+      console.log(props.data, "npm-------------------------------props.data,");
+      console.log(dataV, "npm-------------------------------dataV");
+      return tranListToTreeData(props.data);
+    });
+    var inputV = vue.computed({
+      get: function get() {
+        return props.value;
+      },
+      set: function set(value) {
+        emit("update:value", value);
+      }
+    });
+    return function (_ctx, _cache) {
+      var _component_a_tree_select = vue.resolveComponent("a-tree-select");
+
+      var _component_a_form_item = vue.resolveComponent("a-form-item");
+
+      return vue.openBlock(), vue.createBlock(_component_a_form_item, {
+        name: "organizationId",
+        rules: [{
+          required: true,
+          message: '请选择所属组织'
+        }]
+      }, {
+        label: vue.withCtx(function () {
+          return [_hoisted_1];
+        }),
+        "default": vue.withCtx(function () {
+          return [vue.createVNode(_component_a_tree_select, {
+            value: vue.unref(inputV),
+            "onUpdate:value": _cache[0] || (_cache[0] = function ($event) {
+              return vue.isRef(inputV) ? inputV.value = $event : null;
+            }),
+            "tree-data": vue.unref(dataV),
+            getPopupContainer: function getPopupContainer(triggerNode) {
+              return triggerNode.parentNode;
+            },
+            placeholder: "请选择",
+            showArrow: "",
+            treeDefaultExpandAll: "",
+            style: {
+              "width": "300px"
+            },
+            replaceFields: replaceFields.value
+          }, null, 8
+          /* PROPS */
+          , ["value", "tree-data", "getPopupContainer", "replaceFields"])];
+        }),
+        _: 1
+        /* STABLE */
+
+      });
+    };
+  }
+});
+
+script.__file = "src/business-ui/component/IVMrpOrgDropdown.vue";
 
 /*
  * @Author: Mr.Cong Wei
  * @Date: 2022-08-08 18:47:06
- * @LastEditTime: 2022-08-09 11:16:28
+ * @LastEditTime: 2022-08-09 14:11:28
  */
-
-var components = [script];
+var components = [script$1, script];
 installComponents(); // 单独引用
 
 function installComponents() {
@@ -111,5 +225,6 @@ var cAll = {
   install: install
 };
 
-exports.IVMrpModal = script;
+exports.IVMrpModal = script$1;
+exports.IVMrpOrgDropdown = script;
 exports["default"] = cAll;