@zykj2024/much-library 1.0.9

package/dist/McTreeSelect/index.js

@@ -0,0 +1,182 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+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.css";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var McTreeSelect = /*#__PURE__*/forwardRef(function (props, ref) {
+  var style = props.style,
+    className = props.className,
+    label = props.label,
+    _props$inexistent = props.inexistent,
+    inexistent = _props$inexistent === void 0 ? true : _props$inexistent,
+    value = props.value,
+    onChange = props.onChange,
+    options = props.options,
+    multiple = props.multiple,
+    disabled = props.disabled,
+    _props$fieldNames = props.fieldNames,
+    fieldNames = _props$fieldNames === void 0 ? {
+      label: 'label',
+      value: 'value',
+      children: 'children'
+    } : _props$fieldNames,
+    maxTagCount = props.maxTagCount,
+    treeCheckable = props.treeCheckable,
+    rest = _objectWithoutProperties(props, _excluded);
+  var _maxTagCount = useMemo(function () {
+    return props.hasOwnProperty('maxTagCount') ? maxTagCount : 1;
+  }, [maxTagCount]);
+  var _multiple = useMemo(function () {
+    return multiple || treeCheckable;
+  }, [treeCheckable, multiple]);
+
+  /* 获取label宽度 */
+  var labelRef = useRef();
+  var _useState = useState(11),
+    _useState2 = _slicedToArray(_useState, 2),
+    paddingLeft = _useState2[0],
+    setPaddingLeft = _useState2[1];
+  var labelResizeObserver = new ResizeObserver(function (entries) {
+    setPaddingLeft(entries[0].contentRect.width + 11);
+  });
+  useEffect(function () {
+    if (labelRef.current) {
+      labelResizeObserver.observe(labelRef.current);
+    }
+    return function () {
+      return labelResizeObserver.disconnect();
+    };
+  }, []);
+
+  /* 判断value值是否存在于options中 */
+  var _useState3 = useState(),
+    _useState4 = _slicedToArray(_useState3, 2),
+    _value = _useState4[0],
+    set_value = _useState4[1];
+  // 获取所有备选项的值列表
+  var _values = useMemo(function () {
+    var v = fieldNames.value,
+      c = fieldNames.children;
+    var values = [];
+    var loopFn = function loopFn(children, parents) {
+      children === null || children === void 0 || children.forEach(function (item) {
+        values.push([].concat(_toConsumableArray(parents), [item[v]]).join(':'));
+        if (item[c]) {
+          loopFn(item[c], [].concat(_toConsumableArray(parents), [item[v]]));
+        }
+      });
+    };
+    loopFn(options || [], []);
+    return values;
+  }, [options, fieldNames]);
+
+  /* 将树形数据扁平化 */
+  var flattenDeep = function flattenDeep() {
+    var _options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+    var children = fieldNames.children;
+    return _options.reduce(function (pre, item) {
+      var _item$children;
+      pre.push(item);
+      if ((item === null || item === void 0 || (_item$children = item[children]) === null || _item$children === void 0 ? void 0 : _item$children.length) > 0) {
+        return [].concat(_toConsumableArray(pre), _toConsumableArray(flattenDeep(item[children])));
+      } else {
+        return pre;
+      }
+    }, []);
+  };
+
+  // 监听值和值列表的变化（执行不存在值的判断逻辑）
+  useEffect(function () {
+    var _v = value;
+    /* 若inexistent为true，判断不存在情况并重置值 */
+    if (inexistent) {
+      var _value2 = fieldNames.value;
+      var _options = flattenDeep(options);
+      if (_multiple) {
+        var _v2;
+        _v = ((_v2 = _v) === null || _v2 === void 0 ? void 0 : _v2.map(function (i) {
+          return _options !== null && _options !== void 0 && _options.some(function (item) {
+            return item[_value2] === i;
+          }) ? i : i + '(不存在)';
+        })) || [];
+      } else {
+        _v = _v || _v === 0 || _v === false ? _options !== null && _options !== void 0 && _options.some(function (item) {
+          return item[_value2] === _v;
+        }) ? _v : _v + '(不存在)' : undefined;
+      }
+    }
+    set_value(_v);
+  }, [value, _values, inexistent, _multiple, JSON.stringify(options)]);
+  // 组件change事件
+  var change = function change(v, labelList, e) {
+    var _v = v;
+    // 若inexistent为true，当重新触发change事件时，将不存在的项移除（仅多选时需处理）
+    if (inexistent && _multiple) {
+      _v = v.filter(function (item) {
+        return !(('' + item).indexOf('(不存在)') !== -1);
+      });
+    }
+    if (!props.hasOwnProperty('value')) {
+      set_value(_v);
+    }
+    onChange === null || onChange === void 0 || onChange(_v, labelList, e);
+  };
+  return /*#__PURE__*/_jsxs("div", {
+    style: _objectSpread({
+      position: label ? 'relative' : 'static',
+      height: _multiple ? 'auto' : 32,
+      '--selector-pl': "".concat(paddingLeft, "px")
+    }, style),
+    className: "mc-tree-select ".concat(_multiple && _maxTagCount === 1 && 'mc-tree-select--inline', " ").concat(className),
+    children: [label && /*#__PURE__*/_jsx("span", {
+      ref: labelRef,
+      className: "mc-tree-select__label ".concat(disabled && 'mc-tree-select--disabled'),
+      children: label
+    }), /*#__PURE__*/_jsx(TreeSelect, _objectSpread({
+      ref: ref,
+      className: "mc-tree-select__content",
+      value: _value,
+      onChange: change,
+      treeData: options,
+      multiple: multiple,
+      treeCheckable: treeCheckable,
+      disabled: disabled,
+      fieldNames: fieldNames,
+      placeholder: "\u8BF7\u9009\u62E9",
+      showSearch: true,
+      allowClear: true,
+      maxTagCount: _maxTagCount,
+      maxTagPlaceholder: function maxTagPlaceholder(v) {
+        return /*#__PURE__*/_jsx(Popover, {
+          overlayStyle: {
+            maxWidth: 300
+          },
+          content: v.map(function (_ref, index) {
+            var _ref2;
+            var value = _ref.value,
+              label = _ref.label;
+            return /*#__PURE__*/_jsxs("span", {
+              children: [index !== 0 && /*#__PURE__*/_jsx("span", {
+                children: ", "
+              }), /*#__PURE__*/_jsx("span", {
+                style: {
+                  color: ((_ref2 = '' + value) === null || _ref2 === void 0 ? void 0 : _ref2.indexOf('(不存在)')) === -1 ? 'rgba(0, 0, 0, 0.88)' : '#ff4d4f'
+                },
+                children: label
+              })]
+            }, value);
+          }),
+          children: /*#__PURE__*/_jsx("span", {
+            children: '+' + v.length
+          })
+        });
+      }
+    }, rest))]
+  });
+});
+export default McTreeSelect;

package/dist/Utils/index.d.ts

@@ -0,0 +1,4 @@
+declare const _default: {
+    debounce: (fn: (...args: any[]) => any, wait: number) => (...args: any[]) => void;
+};
+export default _default;

package/dist/Utils/index.js

@@ -0,0 +1,26 @@
+/**
+ * 防抖函数
+ * @param fn 回调函数
+ * @param wait 间隔时间
+ * @returns {void}
+ */
+var debounce = function debounce(fn, wait) {
+  var timer = null;
+  return function () {
+    var _this = this;
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    if (timer) {
+      clearInterval(timer);
+    }
+    timer = setTimeout(function () {
+      fn.call(_this, args);
+      clearInterval(timer);
+      timer = null;
+    }, wait);
+  };
+};
+export default {
+  debounce: debounce
+};

package/dist/index.d.ts

@@ -0,0 +1,19 @@
+import McCascader from './McCascader';
+import McContainer from './McContainer';
+import McDateRange from './McDateRange';
+import McFonts from './McFonts';
+import McGroupPanel from './McGroupPanel';
+import McIconFont from './McIconFont';
+import McInput from './McInput';
+import McInputNumber from './McInputNumber';
+import McModalProvider from './McModalProvider';
+import McPeriodSelect from './McPeriodSelect';
+import McPopoverButton from './McPopoverButton';
+import McPopoverForm from './McPopoverForm';
+import McResult from './McResult';
+import McSelect from './McSelect';
+import McThemeConfig from './McThemeConfig';
+import McTreePanel from './McTreePanel';
+import McTreeSelect from './McTreeSelect';
+import Utils from './Utils';
+export { McCascader, McContainer, McDateRange, McFonts, McGroupPanel, McIconFont, McInput, McInputNumber, McModalProvider, McPeriodSelect, McPopoverButton, McPopoverForm, McResult, McSelect, McThemeConfig, McTreePanel, McTreeSelect, Utils, };

package/dist/index.js

@@ -0,0 +1,19 @@
+import McCascader from "./McCascader";
+import McContainer from "./McContainer";
+import McDateRange from "./McDateRange";
+import McFonts from "./McFonts";
+import McGroupPanel from "./McGroupPanel";
+import McIconFont from "./McIconFont";
+import McInput from "./McInput";
+import McInputNumber from "./McInputNumber";
+import McModalProvider from "./McModalProvider";
+import McPeriodSelect from "./McPeriodSelect";
+import McPopoverButton from "./McPopoverButton";
+import McPopoverForm from "./McPopoverForm";
+import McResult from "./McResult";
+import McSelect from "./McSelect";
+import McThemeConfig from "./McThemeConfig";
+import McTreePanel from "./McTreePanel";
+import McTreeSelect from "./McTreeSelect";
+import Utils from "./Utils";
+export { McCascader, McContainer, McDateRange, McFonts, McGroupPanel, McIconFont, McInput, McInputNumber, McModalProvider, McPeriodSelect, McPopoverButton, McPopoverForm, McResult, McSelect, McThemeConfig, McTreePanel, McTreeSelect, Utils };

package/dist/typings.d.ts

@@ -0,0 +1,20 @@
+declare module 'slash2';
+declare module '*.css';
+declare module '*.less';
+declare module '*.scss';
+declare module '*.sass';
+declare module '*.svg';
+declare module '*.png';
+declare module '*.jpg';
+declare module '*.jpeg';
+declare module '*.gif';
+declare module '*.bmp';
+declare module '*.tiff';
+declare module '*.json';
+declare module '*.otf';
+declare module 'omit.js';
+declare module 'numeral';
+declare module '@antv/data-set';
+declare module 'react-fittext';
+declare module 'bizcharts-plugin-slider';
+declare module 'much-library';

package/package.json

@@ -0,0 +1,82 @@
+{
+  "name": "@zykj2024/much-library",
+  "version": "1.0.9",
+  "description": "react library",
+  "license": "MIT",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "father build",
+    "build:watch": "father dev",
+    "dev": "dumi dev",
+    "docs:build": "dumi build",
+    "doctor": "father doctor",
+    "lint": "npm run lint:es && npm run lint:css",
+    "lint:css": "stylelint \"{src,test}/**/*.{css,less}\"",
+    "lint:es": "eslint \"{src,test}/**/*.{js,jsx,ts,tsx}\"",
+    "prepare": "husky install && dumi setup",
+    "prepublishOnly": "father doctor && npm run build",
+    "start": "npm run dev"
+  },
+  "commitlint": {
+    "extends": [
+      "@commitlint/config-conventional"
+    ]
+  },
+  "lint-staged": {
+    "*.{md,json}": [
+      "prettier --write --no-error-on-unmatched-pattern"
+    ],
+    "*.{css,less}": [
+      "stylelint --fix",
+      "prettier --write"
+    ],
+    "*.{js,jsx}": [
+      "eslint --fix",
+      "prettier --write"
+    ],
+    "*.{ts,tsx}": [
+      "eslint --fix",
+      "prettier --parser=typescript --write"
+    ]
+  },
+  "dependencies": {
+    "@babel/runtime": "^7.25.6",
+    "@dnd-kit/core": "^6.1.0",
+    "@dnd-kit/sortable": "^8.0.0",
+    "antd": "^5.16.2",
+    "antd-style": "^3.6.2",
+    "dayjs": "^1.11.12",
+    "much-icons": "1.0.5",
+    "postcss-import": "^16.1.0",
+    "postcss-less": "^6.0.0",
+    "typescript-react-svg-icon-generator": "^1.1.9"
+  },
+  "devDependencies": {
+    "@commitlint/cli": "^17.1.2",
+    "@commitlint/config-conventional": "^17.1.0",
+    "@types/react": "^18.0.0",
+    "@types/react-dom": "^18.0.0",
+    "@umijs/lint": "^4.0.0",
+    "dumi": "^2.4.4",
+    "eslint": "^8.23.0",
+    "father": "^4.1.0",
+    "husky": "^8.0.1",
+    "lint-staged": "^13.0.3",
+    "prettier": "^2.7.1",
+    "prettier-plugin-organize-imports": "^3.0.0",
+    "prettier-plugin-packagejson": "^2.2.18",
+    "stylelint": "^14.9.1"
+  },
+  "peerDependencies": {
+    "react": ">=16.9.0",
+    "react-dom": ">=16.9.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "authors": []
+}