@zykj2024/much-library 1.1.7-beta.4 → 1.1.7-beta.5

package/dist/McTreePanel/index.css

@@ -0,0 +1,110 @@
+.mc-tree-panel {
+  width: 100%;
+  height: 382px;
+}
+.mc-tree-panel__wrapper {
+  height: calc(100% - 40px);
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-column-gap: 8px;
+  -moz-column-gap: 8px;
+  column-gap: 8px;
+}
+.mc-tree-panel__card-header {
+  height: 40px;
+  background: #fafafa;
+  padding: 0 16px;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-box-pack: justify;
+  -ms-flex-pack: justify;
+  justify-content: space-between;
+}
+.mc-tree-panel__card-title {
+  color: rgba(0, 0, 0, 0.847);
+  font-weight: 600;
+}
+.mc-tree-panel__card-body {
+  height: calc(100% - 40px);
+  overflow: auto;
+  padding: 8px;
+}
+.mc-tree-panel__options {
+  border-radius: 4px;
+  border: 1px solid #ebebeb;
+  overflow: hidden;
+  -webkit-box-flex: 1;
+  -ms-flex: 1;
+  flex: 1;
+}
+.mc-tree-panel__selected {
+  border-radius: 4px;
+  border: 1px solid #ebebeb;
+  overflow: hidden;
+  width: 240px;
+  position: relative;
+}
+.mc-tree-panel__selected-item {
+  width: 208px;
+  height: 40px;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  padding: 0 8px;
+  background: #f5f5f5;
+  border-radius: 4px;
+  overflow: hidden;
+}
+.mc-tree-panel__selected-item:not(:first-child) {
+  margin-top: 8px;
+}
+.mc-tree-panel__selected-item__drag {
+  -ms-flex-negative: 0;
+  flex-shrink: 0;
+  color: #8c8c8c;
+  padding: 5px 0 3px;
+}
+.mc-tree-panel__selected-item__drag:hover {
+  background: rgba(38, 38, 38, 0.15) !important;
+  cursor: move;
+}
+.mc-tree-panel__selected-item__remove {
+  -ms-flex-negative: 0;
+  flex-shrink: 0;
+  color: #8c8c8c;
+  margin-left: 8px;
+}
+.mc-tree-panel__selected-item__remove:hover {
+  cursor: pointer;
+  color: #262626;
+}
+.mc-tree-panel__selected-item--disabled {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 9;
+  border-radius: 4px;
+  background: rgba(246, 246, 246, 0.66);
+  cursor: no-drop;
+}
+.mc-tree-panel__selected--disabled {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 9;
+  border-radius: 4px;
+  background: rgba(228, 228, 228, 0.3);
+  cursor: no-drop;
+}

package/dist/{esm/McTreePanel → McTreePanel}/index.js

@@ -7,7 +7,7 @@ import { SortableContext, arrayMove, verticalListSortingStrategy } from '@dnd-ki
 import { Button, Checkbox, Empty, Tree } from 'antd';
 import { useEffect, useMemo, useState } from 'react';
 import SelectedItem from "./SelectedItem";
-import "./index.less";
+import "./index.css";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 var McTreePanel = function McTreePanel(props) {

package/dist/McTreeSelect/demo/base.d.ts

@@ -0,0 +1,5 @@
+/**
+ * title: 基本使用
+ */
+declare const _default: () => import("react/jsx-runtime").JSX.Element;
+export default _default;

package/dist/McTreeSelect/demo/base.js

@@ -0,0 +1,58 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+/**
+ * title: 基本使用
+ */
+
+import { Space } from 'antd';
+import { McTreeSelect } from "../..";
+import { useState } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export default (function () {
+  var _useState = useState(1),
+    _useState2 = _slicedToArray(_useState, 2),
+    value = _useState2[0],
+    setValue = _useState2[1];
+  var options = [{
+    label: '部门1',
+    value: 1,
+    children: [{
+      label: '部门1-1',
+      value: 11
+    }, {
+      label: '部门1-2',
+      value: 12
+    }]
+  }, {
+    label: '部门2',
+    value: 2,
+    children: [{
+      label: '部门2-1',
+      value: 21
+    }, {
+      label: '部门2-2',
+      value: 22
+    }]
+  }];
+  var handelChange = function handelChange(v) {
+    setValue(v);
+  };
+  return /*#__PURE__*/_jsxs(Space, {
+    size: 16,
+    direction: "vertical",
+    children: [/*#__PURE__*/_jsx(McTreeSelect, {
+      value: value,
+      style: {
+        width: 270
+      },
+      options: options,
+      onChange: handelChange
+    }), /*#__PURE__*/_jsx(McTreeSelect, {
+      style: {
+        width: 270
+      },
+      disabled: true,
+      options: []
+    })]
+  });
+});

package/dist/McTreeSelect/demo/inexistent.d.ts

@@ -0,0 +1,5 @@
+/**
+ * title: 回显不存在的选项
+ */
+declare const _default: () => import("react/jsx-runtime").JSX.Element;
+export default _default;

package/dist/McTreeSelect/demo/inexistent.js

@@ -0,0 +1,63 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+/**
+ * title: 回显不存在的选项
+ */
+
+import { Col, Space } from 'antd';
+import { McTreeSelect } from "../..";
+import { useState } from 'react';
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
+export default (function () {
+  var _useState = useState(3),
+    _useState2 = _slicedToArray(_useState, 2),
+    value = _useState2[0],
+    setValue = _useState2[1];
+  var options = [{
+    label: '部门1',
+    value: 1,
+    children: [{
+      label: '部门1-1',
+      value: 11
+    }, {
+      label: '部门1-2',
+      value: 12
+    }]
+  }, {
+    label: '部门2',
+    value: 2,
+    children: [{
+      label: '部门2-1',
+      value: 21
+    }, {
+      label: '部门2-2',
+      value: 22
+    }]
+  }];
+  var handelChange = function handelChange(v) {
+    setValue(v);
+  };
+  return /*#__PURE__*/_jsxs(Space, {
+    size: 16,
+    direction: "vertical",
+    children: [/*#__PURE__*/_jsxs(Col, {
+      children: ["\u5F53\u524D\u503C: ", value]
+    }), /*#__PURE__*/_jsx(McTreeSelect, {
+      value: value,
+      label: "\u90E8\u95E8",
+      style: {
+        width: 270
+      },
+      options: options,
+      onChange: handelChange
+    }), /*#__PURE__*/_jsx(McTreeSelect, {
+      label: "\u90E8\u95E8",
+      value: 3,
+      style: {
+        width: 270
+      },
+      disabled: true,
+      options: options
+    })]
+  });
+});

package/dist/McTreeSelect/demo/label.d.ts

@@ -0,0 +1,5 @@
+/**
+ * title: 配置标签
+ */
+declare const _default: () => import("react/jsx-runtime").JSX.Element;
+export default _default;

package/dist/McTreeSelect/demo/label.js

@@ -0,0 +1,60 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+/**
+ * title: 配置标签
+ */
+
+import { Space } from 'antd';
+import { McTreeSelect } from "../..";
+import { useState } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export default (function () {
+  var _useState = useState(2),
+    _useState2 = _slicedToArray(_useState, 2),
+    value = _useState2[0],
+    setValue = _useState2[1];
+  var options = [{
+    label: '部门1',
+    value: 1,
+    children: [{
+      label: '部门1-1',
+      value: 11
+    }, {
+      label: '部门1-2',
+      value: 12
+    }]
+  }, {
+    label: '部门2',
+    value: 2,
+    children: [{
+      label: '部门2-1',
+      value: 21
+    }, {
+      label: '部门2-2',
+      value: 22
+    }]
+  }];
+  var handelChange = function handelChange(v) {
+    setValue(v);
+  };
+  return /*#__PURE__*/_jsxs(Space, {
+    size: 16,
+    direction: "vertical",
+    children: [/*#__PURE__*/_jsx(McTreeSelect, {
+      label: "\u90E8\u95E8",
+      value: value,
+      style: {
+        width: 270
+      },
+      options: options,
+      onChange: handelChange
+    }), /*#__PURE__*/_jsx(McTreeSelect, {
+      label: "\u90E8\u95E8",
+      style: {
+        width: 270
+      },
+      disabled: true,
+      options: []
+    })]
+  });
+});

package/dist/McTreeSelect/demo/multiple.d.ts

@@ -0,0 +1,5 @@
+/**
+ * title: 多选
+ */
+declare const _default: () => import("react/jsx-runtime").JSX.Element;
+export default _default;

package/dist/McTreeSelect/demo/multiple.js

@@ -0,0 +1,71 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+/**
+ * title: 多选
+ */
+
+import { Space } from 'antd';
+import { McTreeSelect } from "../..";
+import { useState } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export default (function () {
+  var _useState = useState([11, 21]),
+    _useState2 = _slicedToArray(_useState, 2),
+    fValue = _useState2[0],
+    setFValue = _useState2[1];
+  var _useState3 = useState([12]),
+    _useState4 = _slicedToArray(_useState3, 2),
+    sValue = _useState4[0],
+    setSValue = _useState4[1];
+  var options = [{
+    label: '部门1',
+    value: 1,
+    children: [{
+      label: '部门1-1',
+      value: 11
+    }, {
+      label: '部门1-2',
+      value: 12
+    }]
+  }, {
+    label: '部门2',
+    value: 2,
+    children: [{
+      label: '部门2-1',
+      value: 21
+    }, {
+      label: '部门2-2',
+      value: 22
+    }]
+  }];
+  var handelFChange = function handelFChange(v) {
+    setFValue(v);
+  };
+  var handelSChange = function handelSChange(v) {
+    setSValue(v);
+  };
+  return /*#__PURE__*/_jsxs(Space, {
+    size: 16,
+    direction: "vertical",
+    children: [/*#__PURE__*/_jsx(McTreeSelect, {
+      value: fValue,
+      treeCheckable: true,
+      maxTagCount: 1,
+      style: {
+        width: 270
+      },
+      options: options,
+      onChange: handelFChange
+    }), /*#__PURE__*/_jsx(McTreeSelect, {
+      label: "\u90E8\u95E8",
+      value: sValue,
+      treeCheckable: true,
+      maxTagCount: 1,
+      style: {
+        width: 270
+      },
+      options: options,
+      onChange: handelSChange
+    })]
+  });
+});

package/dist/McTreeSelect/index.css

@@ -0,0 +1,60 @@
+.mc-tree-select__label {
+  position: absolute;
+  top: 1px;
+  left: 11px;
+  z-index: 2;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  height: 100%;
+  color: #262626;
+  font-size: 14px;
+}
+.mc-tree-select__label::after {
+  margin-left: 2px;
+  content: '\FF1A';
+}
+.mc-tree-select__label .mc-tree-select--disabled {
+  color: rgba(0, 0, 0, 0.25);
+  cursor: no-drop;
+}
+.mc-tree-select__content {
+  width: 100%;
+  height: 100%;
+}
+.mc-tree-select__content.ant-tree-select.ant-select .ant-select-selector {
+  padding-left: var(--selector-pl);
+}
+.mc-tree-select__content.ant-tree-select.ant-select .ant-select-selector .ant-select-selection-overflow-item-rest .ant-select-selection-item {
+  padding-left: 4px;
+  color: #fff;
+  background: #325cf7;
+}
+.mc-tree-select__content.ant-tree-select.ant-select .ant-select-selector .ant-select-selection-overflow-item-rest .ant-select-selection-item .ant-select-selection-item-content {
+  margin-right: 0;
+}
+.mc-tree-select__content.ant-tree-select.ant-select .ant-select-selector .ant-select-selection-item[title*='不存在'] {
+  color: #ff4d4f;
+}
+.mc-tree-select__content.ant-tree-select.ant-select.ant-select-single .ant-select-selector .ant-select-selection-search {
+  left: var(--selector-pl);
+}
+.mc-tree-select__content.ant-tree-select.ant-select.ant-select-multiple .ant-select-selector .ant-select-selection-placeholder {
+  left: var(--selector-pl);
+}
+.mc-tree-select__content.ant-tree-select.ant-select.ant-select-multiple .ant-select-selector .ant-select-selection-search {
+  margin-left: 0;
+}
+.mc-tree-select--inline .mc-tree-select.ant-select-selection-overflow-item:not(
+      .ant-select-selection-overflow-item-rest,
+      .ant-select-selection-overflow-item-suffix
+    ) {
+  -webkit-box-flex: 1;
+  -ms-flex: 1;
+  flex: 1;
+  min-width: 0;
+  margin-right: 4px;
+}

package/dist/{esm/McTreeSelect → McTreeSelect}/index.js

@@ -5,7 +5,7 @@ import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutPr
 var _excluded = ["style", "className", "label", "inexistent", "value", "onChange", "options", "multiple", "disabled", "fieldNames", "maxTagCount", "treeCheckable"];
 import { Popover, TreeSelect } from 'antd';
 import { forwardRef, useEffect, useMemo, useRef, useState } from 'react';
-import "./index.less";
+import "./index.css";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 var McTreeSelect = /*#__PURE__*/forwardRef(function (props, ref) {

package/dist/McUpload/comps/McFormUpload/comps/UploadForVal/index.css

@@ -0,0 +1,11 @@
+.uploadContainer {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-flow: nowrap;
+  flex-flow: nowrap;
+  gap: 10px;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+}

package/dist/{esm/McUpload → McUpload}/comps/McFormUpload/comps/UploadForVal/index.js

@@ -11,7 +11,7 @@ import { isEqual } from 'lodash';
 import { useEffect, useState } from 'react';
 import { isNumber } from "../../../../tools/materialVerification";
 import { E_McUploadTriggerStatus, E_McUploadTriggerType } from "../../../McUploadTrigger";
-import "./index.less";
+import "./index.css";
 import { jsx as _jsx } from "react/jsx-runtime";
 var defaultProps = {
   listType: E_McUploadTriggerType.BUTTON

package/dist/McUpload/comps/McUploadCmp/index.css

@@ -0,0 +1,47 @@
+.mc-upload-cmp {
+  width: 100%;
+}
+.mc-upload-cmp :global .ant-upload-select {
+  border: none !important;
+}
+.mc-upload-cmp :global .ant-upload-select > .ant-upload {
+  -webkit-box-align: start !important;
+  -ms-flex-align: start !important;
+  align-items: flex-start !important;
+}
+.mc-upload-cmp .ant-upload-select {
+  border: none !important;
+}
+.mc-upload-cmp .ant-upload-select > .ant-upload {
+  -webkit-box-align: start !important;
+  -ms-flex-align: start !important;
+  align-items: flex-start !important;
+}
+.mc-upload-cmp__rectangle :global .ant-upload-select,
+.mc-upload-cmp__rectangle :global .ant-upload-list-item-container {
+  width: 90px !important;
+  height: 120px !important;
+}
+.mc-upload-cmp__rectangle :global .ant-upload-select > .ant-upload {
+  width: 90px !important;
+  height: 120px !important;
+}
+.mc-upload-cmp__rectangle .ant-upload-select,
+.mc-upload-cmp__rectangle .ant-upload-list-item-container {
+  width: 90px !important;
+  height: 120px !important;
+}
+.mc-upload-cmp__rectangle .ant-upload-select > .ant-upload {
+  width: 90px !important;
+  height: 120px !important;
+}
+.mc-upload-cmp__max :global .ant-upload.ant-upload-select {
+  display: none !important;
+}
+.mc-upload-cmp__max .ant-upload.ant-upload-select {
+  display: none !important;
+}
+.mc-upload-cmp__placeholder {
+  margin-top: 5px;
+  color: #ccc;
+}

package/dist/{esm/McUpload → McUpload}/comps/McUploadCmp/index.js

@@ -3,7 +3,7 @@ import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["itemRender", "listType"];
-import { useLazyRef } from '@zykj2024/much-hooks';
+import { useLazyRef } from "../../../../packages/hooks/src";
 import { message, Upload } from 'antd';
 import { useEffect, useRef } from 'react';
 import { calculateMD5, getIdleCPUCores } from "../../tools/calculateMD5";
@@ -11,7 +11,7 @@ import { checkFile } from "../../tools/materialVerification";
 import classNames from 'classnames';
 import { TaskQueue } from "../../../Utils";
 import { E_McUploadTriggerStatus, E_McUploadTriggerType, McUploadTriggerButton, McUploadTriggerPicture } from "../McUploadTrigger";
-import "./index.less";
+import "./index.css";
 
 // 非必传函数返回值类型提取
 

package/dist/{esm/McUpload → McUpload}/comps/McUploadDragger/index.js

@@ -3,7 +3,7 @@ import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["maxTaskCounts", "batchProcess", "verifierConfig"];
-import { useLazyRef } from '@zykj2024/much-hooks';
+import { useLazyRef } from "../../../../packages/hooks/src";
 import { forwardRef, useEffect, useImperativeHandle, useRef } from 'react';
 import { useDropzone } from 'react-dropzone';
 import { TaskQueue } from "../../../Utils";