iv-npm 1.1.21 → 1.1.24

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

@@ -200,4 +200,74 @@ body .detail-class {
     .ant-modal-content
     .ant-modal-body::-webkit-scrollbar-thumb:hover {
     background: #c0a0b9;
-  }
+  }
+
+  /* 表格 */
+  
+body .mrpTable .active {
+  background-color: #bd9e55;
+  font-size: 13px;
+  color: white;
+}
+
+body .mrpTable :deep(.ant-btn-primary) {
+  background: #006ab2;
+}
+
+body .mrpTable :deep(.ant-image) {
+  margin: 0 2px;
+}
+
+body .mrpTable .center-center {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+}
+
+body .mrpTable .table-cell {
+  height: 60px;
+  border: 1px solid #d9d9d9;
+  padding: 5px;
+  word-break: break-all;
+  color: #333;
+  font-size: 13px;
+  font-weight: 400;
+  text-align: center;
+}
+body .mrpTable .table-footer {
+  position: relative;
+  display: table-footer-group;
+  width: 100%;
+  height: 200px;
+  border: 1px solid #d9d9d9;
+  
+}
+body .mrpTable .table-footer .centent {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  font-size: 14px;
+  text-align: center;
+  color: rgba(0, 0, 0, 0.25);
+}
+body .mrpTable table {
+  border-collapse: collapse;
+}
+body .mrpTable #top {
+  position: fixed;
+  top: 65px;
+  z-index: 999;
+}
+body .mrpTable .pagination {
+  position: fixed;
+  bottom: -80px;
+  z-index: 999;
+  height: 45px;
+  background-color: #fff;
+}
+body .mrpTable {
+  position: relative;
+  margin-bottom: 80px;
+}

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

@@ -1,4 +1,4 @@
-import { defineComponent, watch, computed, resolveComponent, openBlock, createBlock, unref, isRef, withCtx, renderSlot, createVNode, ref, onMounted, onBeforeUnmount, createElementBlock, Fragment, createCommentVNode, createElementVNode, normalizeStyle, renderList, normalizeClass, createTextVNode, toDisplayString, pushScopeId, popScopeId, createStaticVNode, reactive, watchEffect, onBeforeMount, withKeys, withModifiers } from 'vue';
+import { defineComponent, computed, resolveComponent, openBlock, createBlock, unref, isRef, withCtx, renderSlot, createVNode, ref, onMounted, onBeforeUnmount, createElementBlock, Fragment, createCommentVNode, createElementVNode, normalizeStyle, renderList, normalizeClass, createTextVNode, toDisplayString, pushScopeId, popScopeId, createStaticVNode, reactive, watch, watchEffect, onBeforeMount, withKeys, withModifiers } from 'vue';
 
 /**
  * show:Boolean                 是否显示弹窗  v-model:show="Visible"
@@ -30,11 +30,6 @@ var script$9 = /*#__PURE__*/defineComponent({
   setup: function setup(__props, _ref) {
     var emit = _ref.emit;
     var props = __props;
-    watch(function () {
-      return props.show;
-    }, function () {
-      return console.log(props.show);
-    });
     var inputV = computed({
       get: function get() {
         return props.show;
@@ -642,6 +637,11 @@ var script$8 = /*#__PURE__*/defineComponent({
     setHeight: {
       type: Number,
       required: false
+    },
+    isTableControl: {
+      type: Boolean,
+      required: false,
+      "default": true
     }
   },
   emits: ["onPageChange", "onShowSizeChange", "upth"],
@@ -763,13 +763,14 @@ var script$8 = /*#__PURE__*/defineComponent({
       /* UNKEYED_FRAGMENT */
       ))])], 4
       /* STYLE */
-      ), createVNode(unref(script$7), {
+      ), __props.isTableControl ? (openBlock(), createBlock(unref(script$7), {
+        key: 0,
         setHeight: __props.setHeight,
         onDensity: density,
         onChangeS: tableControlChange
       }, null, 8
       /* PROPS */
-      , ["setHeight"])])) : createCommentVNode("v-if", true), createElementVNode("div", _hoisted_8$1, [createElementVNode("table", _hoisted_9$1, [createElementVNode("tr", null, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.dataTh, function (item, index) {
+      , ["setHeight"])) : createCommentVNode("v-if", true)])) : createCommentVNode("v-if", true), createElementVNode("div", _hoisted_8$1, [createElementVNode("table", _hoisted_9$1, [createElementVNode("tr", null, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.dataTh, function (item, index) {
         return openBlock(), createElementBlock(Fragment, {
           key: index
         }, [item.show ? (openBlock(), createElementBlock("th", {
@@ -869,13 +870,14 @@ var script$8 = /*#__PURE__*/defineComponent({
         ))]);
       }), 128
       /* KEYED_FRAGMENT */
-      )) : (openBlock(), createElementBlock("div", _hoisted_19$1, _hoisted_21$1))]), createVNode(unref(script$7), {
+      )) : (openBlock(), createElementBlock("div", _hoisted_19$1, _hoisted_21$1))]), __props.isTableControl ? (openBlock(), createBlock(unref(script$7), {
+        key: 0,
         setHeight: __props.setHeight,
         onDensity: density,
         onChangeS: tableControlChange
       }, null, 8
       /* PROPS */
-      , ["setHeight"])]), createCommentVNode(" 分页 "), __props.totalPages ? (openBlock(), createElementBlock("div", {
+      , ["setHeight"])) : createCommentVNode("v-if", true)]), createCommentVNode(" 分页 "), __props.totalPages ? (openBlock(), createElementBlock("div", {
         key: 1,
         "class": "flex justify-center h-full mt-4 mb-20 pagination",
         style: normalizeStyle({
@@ -1358,6 +1360,25 @@ var script$6 = /*#__PURE__*/defineComponent({
           value: "id"
         };
       }
+    },
+    inputStyle: {
+      type: Object,
+      required: true,
+      "default": function _default() {
+        return {
+          width: "300px"
+        };
+      }
+    },
+    isRequired: {
+      type: Boolean,
+      required: true,
+      "default": true
+    },
+    multiple: {
+      type: Boolean,
+      required: false,
+      "default": false
     }
   },
   emits: ["update:value", "change"],
@@ -1448,7 +1469,7 @@ var script$6 = /*#__PURE__*/defineComponent({
       return openBlock(), createBlock(_component_a_form_item, {
         name: "organizationId",
         rules: [{
-          required: true,
+          required: __props.isRequired,
           message: '请选择所属组织'
         }]
       }, {
@@ -1468,23 +1489,24 @@ var script$6 = /*#__PURE__*/defineComponent({
             placeholder: "请选择",
             showArrow: "",
             showSearch: "",
+            multiple: __props.multiple,
             "filter-option": unref(filterOptionHeadle),
             treeDefaultExpandAll: "",
-            style: {
-              "width": "300px"
-            },
+            style: normalizeStyle(__props.inputStyle),
             onChange: _cache[1] || (_cache[1] = function ($event) {
               return _ctx.$emit('change', $event);
             }),
             replaceFields: __props.replaceFields
           }, null, 8
           /* PROPS */
-          , ["value", "tree-data", "getPopupContainer", "filter-option", "replaceFields"])];
+          , ["value", "tree-data", "getPopupContainer", "multiple", "filter-option", "style", "replaceFields"])];
         }),
         _: 1
         /* STABLE */
 
-      });
+      }, 8
+      /* PROPS */
+      , ["rules"]);
     };
   }
 });
@@ -1524,6 +1546,11 @@ var script$5 = /*#__PURE__*/defineComponent({
           value: "id"
         };
       }
+    },
+    multiple: {
+      type: Boolean,
+      required: false,
+      "default": true
     }
   },
   emits: ["update:value", "change"],
@@ -1627,7 +1654,7 @@ var script$5 = /*#__PURE__*/defineComponent({
             "onUpdate:value": _cache[0] || (_cache[0] = function ($event) {
               return isRef(inputV) ? inputV.value = $event : null;
             }),
-            mode: "multiple",
+            mode: __props.multiple ? 'multiple' : '',
             style: {
               "width": "100%"
             },
@@ -1641,7 +1668,7 @@ var script$5 = /*#__PURE__*/defineComponent({
             "filter-option": unref(filterOptionHeadle)
           }, null, 8
           /* PROPS */
-          , ["getPopupContainer", "value", "options", "fieldNames", "filter-option"])];
+          , ["getPopupContainer", "value", "mode", "options", "fieldNames", "filter-option"])];
         }),
         _: 1
         /* STABLE */
@@ -1686,6 +1713,25 @@ var script$4 = /*#__PURE__*/defineComponent({
           value: "id"
         };
       }
+    },
+    inputStyle: {
+      type: Object,
+      required: true,
+      "default": function _default() {
+        return {
+          width: "100%"
+        };
+      }
+    },
+    isRequired: {
+      type: Boolean,
+      required: true,
+      "default": true
+    },
+    multiple: {
+      type: Boolean,
+      required: false,
+      "default": true
     }
   },
   emits: ["update:value", "change"],
@@ -1777,7 +1823,7 @@ var script$4 = /*#__PURE__*/defineComponent({
           span: 8
         },
         rules: [{
-          required: true,
+          required: __props.isRequired,
           message: '请选择所属条线'
         }]
       }, {
@@ -1793,12 +1839,12 @@ var script$4 = /*#__PURE__*/defineComponent({
             "onUpdate:value": _cache[0] || (_cache[0] = function ($event) {
               return isRef(inputV) ? inputV.value = $event : null;
             }),
-            mode: "multiple",
-            style: {
+            style: normalizeStyle([__props.inputStyle, {
               "width": "100%"
-            },
+            }]),
             placeholder: "请选择",
             options: dataV.value,
+            mode: __props.multiple ? 'multiple' : '',
             fieldNames: __props.fieldNames,
             showSearch: "",
             onChange: _cache[1] || (_cache[1] = function ($event) {
@@ -1807,12 +1853,14 @@ var script$4 = /*#__PURE__*/defineComponent({
             "filter-option": unref(filterOptionHeadle)
           }, null, 8
           /* PROPS */
-          , ["getPopupContainer", "value", "options", "fieldNames", "filter-option"])];
+          , ["getPopupContainer", "value", "style", "options", "mode", "fieldNames", "filter-option"])];
         }),
         _: 1
         /* STABLE */
 
-      });
+      }, 8
+      /* PROPS */
+      , ["rules"]);
     };
   }
 });
@@ -2029,6 +2077,25 @@ var script$2 = /*#__PURE__*/defineComponent({
           value: "id"
         };
       }
+    },
+    inputStyle: {
+      type: Object,
+      required: true,
+      "default": function _default() {
+        return {
+          width: "300px"
+        };
+      }
+    },
+    isRequired: {
+      type: Boolean,
+      required: true,
+      "default": true
+    },
+    multiple: {
+      type: Boolean,
+      required: false,
+      "default": false
     }
   },
   emits: ["update:value", "change"],
@@ -2117,7 +2184,7 @@ var script$2 = /*#__PURE__*/defineComponent({
       return openBlock(), createBlock(_component_a_form_item, {
         name: "positionId",
         rules: [{
-          required: true,
+          required: __props.isRequired,
           message: '请选择岗位'
         }]
       }, {
@@ -2134,11 +2201,10 @@ var script$2 = /*#__PURE__*/defineComponent({
               return triggerNode.parentNode;
             },
             allowClear: "",
-            style: {
-              "width": "300px"
-            },
+            style: normalizeStyle(__props.inputStyle),
             placeholder: "请选择",
             showSearch: "",
+            mode: __props.multiple ? 'multiple' : '',
             showArrow: "",
             options: dataV.value,
             "filter-option": unref(filterOptionHeadle),
@@ -2148,12 +2214,14 @@ var script$2 = /*#__PURE__*/defineComponent({
             fieldNames: __props.fieldNames
           }, null, 8
           /* PROPS */
-          , ["value", "getPopupContainer", "options", "filter-option", "fieldNames"])];
+          , ["value", "getPopupContainer", "style", "mode", "options", "filter-option", "fieldNames"])];
         }),
         _: 1
         /* STABLE */
 
-      });
+      }, 8
+      /* PROPS */
+      , ["rules"]);
     };
   }
 });
@@ -2492,11 +2560,6 @@ var script = /*#__PURE__*/defineComponent({
         emit("update:show", value);
       }
     });
-    watch(function () {
-      return props.show;
-    }, function () {
-      return console.log(props.show);
-    });
     return function (_ctx, _cache) {
       var _component_a_input = resolveComponent("a-input");
 
@@ -2526,7 +2589,12 @@ var script = /*#__PURE__*/defineComponent({
             "onUpdate:value": _cache[0] || (_cache[0] = function ($event) {
               return formData.organizationId = $event;
             }),
-            onChange: onSearch
+            onChange: onSearch,
+            "is-required": false,
+            "input-style": {
+              width: '178px',
+              marginRight: '15px'
+            }
           }, null, 8
           /* PROPS */
           , ["value"]), createVNode(unref(script$4), {
@@ -2534,7 +2602,13 @@ var script = /*#__PURE__*/defineComponent({
             "onUpdate:value": _cache[1] || (_cache[1] = function ($event) {
               return formData.lineId = $event;
             }),
-            onChange: onSearch
+            onChange: onSearch,
+            multiple: false,
+            "is-required": false,
+            "input-style": {
+              width: '170px',
+              marginRight: '15px'
+            }
           }, null, 8
           /* PROPS */
           , ["value"]), createVNode(unref(script$2), {
@@ -2542,7 +2616,12 @@ var script = /*#__PURE__*/defineComponent({
             "onUpdate:value": _cache[2] || (_cache[2] = function ($event) {
               return formData.positionId = $event;
             }),
-            onChange: onSearch
+            onChange: onSearch,
+            "is-required": false,
+            "input-style": {
+              width: '170px',
+              marginRight: '15px'
+            }
           }, null, 8
           /* PROPS */
           , ["value"]), createVNode(_component_a_input, {
@@ -2642,6 +2721,7 @@ var script = /*#__PURE__*/defineComponent({
             totalPages: totalPages.value,
             formData: formData,
             setHeight: 40,
+            isTableControl: false,
             onOnPageChange: onPageChange,
             onOnShowSizeChange: onShowSizeChange,
             onUpth: upth

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

@@ -200,4 +200,74 @@ body .detail-class {
     .ant-modal-content
     .ant-modal-body::-webkit-scrollbar-thumb:hover {
     background: #c0a0b9;
-  }
+  }
+
+  /* 表格 */
+  
+body .mrpTable .active {
+  background-color: #bd9e55;
+  font-size: 13px;
+  color: white;
+}
+
+body .mrpTable :deep(.ant-btn-primary) {
+  background: #006ab2;
+}
+
+body .mrpTable :deep(.ant-image) {
+  margin: 0 2px;
+}
+
+body .mrpTable .center-center {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+}
+
+body .mrpTable .table-cell {
+  height: 60px;
+  border: 1px solid #d9d9d9;
+  padding: 5px;
+  word-break: break-all;
+  color: #333;
+  font-size: 13px;
+  font-weight: 400;
+  text-align: center;
+}
+body .mrpTable .table-footer {
+  position: relative;
+  display: table-footer-group;
+  width: 100%;
+  height: 200px;
+  border: 1px solid #d9d9d9;
+  
+}
+body .mrpTable .table-footer .centent {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  font-size: 14px;
+  text-align: center;
+  color: rgba(0, 0, 0, 0.25);
+}
+body .mrpTable table {
+  border-collapse: collapse;
+}
+body .mrpTable #top {
+  position: fixed;
+  top: 65px;
+  z-index: 999;
+}
+body .mrpTable .pagination {
+  position: fixed;
+  bottom: -80px;
+  z-index: 999;
+  height: 45px;
+  background-color: #fff;
+}
+body .mrpTable {
+  position: relative;
+  margin-bottom: 80px;
+}