tntd 3.0.67 → 3.0.69

package/lib/tntd-checkbox-select/index.js

@@ -0,0 +1,354 @@
+"use strict";
+
+function _typeof(o) {
+  "@babel/helpers - typeof";
+
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
+    return typeof o;
+  } : function (o) {
+    return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
+  }, _typeof(o);
+}
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _prevLocale = require("../prev-locale");
+var _rcVirtualList = _interopRequireDefault(require("rc-virtual-list"));
+var _tntdRcSelect = _interopRequireDefault(require("../tntd-rc-select"));
+var _icon = _interopRequireDefault(require("../icon"));
+var _select = _interopRequireDefault(require("../select"));
+var _tag = _interopRequireDefault(require("../tag"));
+var _checkbox = _interopRequireDefault(require("../checkbox"));
+var _empty = _interopRequireDefault(require("../empty"));
+var _ellipsis = _interopRequireDefault(require("../ellipsis"));
+require("./index.less");
+function _interopRequireDefault(e) {
+  return e && e.__esModule ? e : {
+    "default": e
+  };
+}
+function _getRequireWildcardCache(e) {
+  if ("function" != typeof WeakMap) return null;
+  var r = new WeakMap(),
+    t = new WeakMap();
+  return (_getRequireWildcardCache = function _getRequireWildcardCache(e) {
+    return e ? t : r;
+  })(e);
+}
+function _interopRequireWildcard(e, r) {
+  if (!r && e && e.__esModule) return e;
+  if (null === e || "object" != _typeof(e) && "function" != typeof e) return {
+    "default": e
+  };
+  var t = _getRequireWildcardCache(r);
+  if (t && t.has(e)) return t.get(e);
+  var n = {
+      __proto__: null
+    },
+    a = Object.defineProperty && Object.getOwnPropertyDescriptor;
+  for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) {
+    var i = a ? Object.getOwnPropertyDescriptor(e, u) : null;
+    i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u];
+  }
+  return n["default"] = e, t && t.set(e, n), n;
+}
+function _toConsumableArray(r) {
+  return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread();
+}
+function _nonIterableSpread() {
+  throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _iterableToArray(r) {
+  if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r);
+}
+function _arrayWithoutHoles(r) {
+  if (Array.isArray(r)) return _arrayLikeToArray(r);
+}
+function _slicedToArray(r, e) {
+  return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();
+}
+function _nonIterableRest() {
+  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _unsupportedIterableToArray(r, a) {
+  if (r) {
+    if ("string" == typeof r) return _arrayLikeToArray(r, a);
+    var t = {}.toString.call(r).slice(8, -1);
+    return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;
+  }
+}
+function _arrayLikeToArray(r, a) {
+  (null == a || a > r.length) && (a = r.length);
+  for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
+  return n;
+}
+function _iterableToArrayLimit(r, l) {
+  var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
+  if (null != t) {
+    var e,
+      n,
+      i,
+      u,
+      a = [],
+      f = !0,
+      o = !1;
+    try {
+      if (i = (t = t.call(r)).next, 0 === l) {
+        if (Object(t) !== t) return;
+        f = !1;
+      } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
+    } catch (r) {
+      o = !0, n = r;
+    } finally {
+      try {
+        if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return;
+      } finally {
+        if (o) throw n;
+      }
+    }
+    return a;
+  }
+}
+function _arrayWithHoles(r) {
+  if (Array.isArray(r)) return r;
+}
+var __rest = void 0 && (void 0).__rest || function (s, e) {
+  var t = {};
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+/*
+ * @Descripttion: antd3 select 增加checkbox
+ * @Author: 郑泳健
+ * @Date: 2025-08-05 10:50:17
+ * @LastEditors: 郑泳健
+ * @LastEditTime: 2025-08-12 14:12:15
+ */
+
+var all = (0, _prevLocale.getText)('all', (0, _prevLocale.getLanguage)());
+var TntdCheckboxSelect = function TntdCheckboxSelect(_a) {
+  var mode = _a.mode,
+    value = _a.value,
+    onChange = _a.onChange,
+    options = _a.options,
+    dropdownClassName = _a.dropdownClassName,
+    _a$filterOption = _a.filterOption,
+    filterOption = _a$filterOption === void 0 ? function (inputValue, option) {
+      var _a;
+      return (_a = option === null || option === void 0 ? void 0 : option.label) === null || _a === void 0 ? void 0 : _a.toLowerCase().includes(inputValue === null || inputValue === void 0 ? void 0 : inputValue.toLowerCase());
+    } : _a$filterOption,
+    restProps = __rest(_a, ["mode", "value", "onChange", "options", "dropdownClassName", "filterOption"]);
+  // 搜索
+  var _useState = (0, _react.useState)(undefined),
+    _useState2 = _slicedToArray(_useState, 2),
+    searchValue = _useState2[0],
+    setSearchValue = _useState2[1];
+  /** 根据搜索过滤，dropDown的渲染数据 */
+  var renderData = (0, _react.useMemo)(function () {
+    if (!Array.isArray(options)) {
+      return [];
+    }
+    if (['', undefined, null].includes(searchValue)) {
+      return options;
+    }
+    return options.filter(function (item) {
+      return filterOption(searchValue, item);
+    });
+  }, [options, filterOption, searchValue]);
+  /** 全选中 */
+  var checkedAll = (0, _react.useMemo)(function () {
+    if (!Array.isArray(value) || !Array.isArray(value)) {
+      return false;
+    }
+    // 过滤掉disabled的选中情况
+    var filterDisabled = renderData.filter(function (item) {
+      return !item.disabled;
+    });
+    return filterDisabled.every(function (i) {
+      return value.includes(i.value);
+    });
+  }, [value, renderData]);
+  /** 半选中 */
+  var indeterminate = (0, _react.useMemo)(function () {
+    if (!Array.isArray(value) || !Array.isArray(value)) {
+      return false;
+    } // 过滤掉disabled的选中情况
+    var filterDisabled = renderData.filter(function (item) {
+      return !item.disabled;
+    });
+    /** 非disable既有选中的，也有没选中的 */
+    return filterDisabled.some(function (i) {
+      return value.includes(i.value);
+    }) && filterDisabled.some(function (i) {
+      return !value.includes(i.value);
+    });
+  }, [value, renderData]);
+  var handleSearch = function handleSearch(val) {
+    setSearchValue(val);
+  };
+  /** 全选情况 */
+  var handleAllClick = function handleAllClick(item, checked) {
+    // 筛选出非disabled的数组
+    var noDisabledChoosedList = Array.isArray(renderData) ? renderData.reduce(function (total, item) {
+      if (!item.disabled) {
+        total.push(item.value);
+      }
+      return total;
+    }, []) : [];
+    if (checked) {
+      // 这里加value的原因是有可能是搜索的时候点击了全选
+      var list = Array.isArray(value) ? Array.from(new Set([].concat(_toConsumableArray(value), _toConsumableArray(noDisabledChoosedList)))) : _toConsumableArray(noDisabledChoosedList);
+      onChange(list);
+    } else {
+      var _list = Array.isArray(value) ? value.filter(function (i) {
+        return !noDisabledChoosedList.includes(i);
+      }) : [];
+      onChange(_list);
+    }
+    setSearchValue(undefined);
+  };
+  var handleClick = function handleClick(item, checked) {
+    if (!Array.isArray(value)) {
+      value = [];
+    }
+    if (checked) {
+      onChange([].concat(_toConsumableArray(value), [item.value]));
+    } else {
+      onChange(value.filter(function (v) {
+        return v !== item.value;
+      }));
+    }
+    setSearchValue(undefined);
+  };
+  var handleStopPropagation = function handleStopPropagation(e) {
+    var _a;
+    (_a = e === null || e === void 0 ? void 0 : e.nativeEvent) === null || _a === void 0 ? void 0 : _a.stopImmediatePropagation();
+    e === null || e === void 0 ? void 0 : e.stopPropagation();
+    e === null || e === void 0 ? void 0 : e.preventDefault();
+  };
+  return _react["default"].createElement(_react["default"].Fragment, null, _react["default"].createElement(_select["default"], {
+    mode: mode || 'multiple',
+    value: value,
+    onChange: onChange,
+    options: options
+  }), _react["default"].createElement(_tntdRcSelect["default"], Object.assign({
+    showSearch: true,
+    searchValue: searchValue,
+    onSearch: handleSearch,
+    tagRender: function tagRender(item) {
+      var onClose = item.onClose,
+        value = item.value;
+      var _ref = Array.isArray(options) ? options.find(function (opt) {
+          return opt.value === value;
+        }) || {} : {},
+        label = _ref.label,
+        disabled = _ref.disabled;
+      return _react["default"].createElement(_tag["default"], {
+        size: "small",
+        className: "tntd-checkbox-select-item-tag"
+      }, _react["default"].createElement("div", {
+        className: 'tntd-checkbox-select-item-tag-label'
+      }, _react["default"].createElement(_ellipsis["default"], {
+        title: label,
+        widthLimit: "100%"
+      })), !disabled ? _react["default"].createElement(_icon["default"], {
+        type: "close",
+        onClick: onClose
+      }) : '');
+    },
+    value: value,
+    onChange: onChange
+  }, restProps, {
+    mode: mode || 'multiple',
+    dropdownClassName: "".concat(dropdownClassName || '', " tntd-checkbox-select-dropdown-wrap"),
+    dropdownRender: function dropdownRender() {
+      if (!Array.isArray(renderData) || !(renderData === null || renderData === void 0 ? void 0 : renderData.length)) {
+        return _react["default"].createElement("div", {
+          className: "tntd-checkbox-select-dropdown-render-wrapper"
+        }, _react["default"].createElement(_empty["default"], {
+          className: "tntd-rc-select-item-empty",
+          size: "mini"
+        }));
+      }
+      var renderList = [{
+        label: all,
+        value: 'all',
+        isAll: true
+      }].concat(_toConsumableArray(renderData));
+      return _react["default"].createElement("div", {
+        className: "tntd-checkbox-select-dropdown-render-wrapper",
+        onClick: function onClick(e) {
+          return handleStopPropagation(e);
+        }
+      }, _react["default"].createElement(_rcVirtualList["default"], {
+        height: renderData.length > 8 ? 250 : 'auto',
+        itemHeight: 32,
+        data: renderList,
+        itemKey: 'value'
+      }, function (item) {
+        var isAll = item.isAll,
+          disabled = item.disabled;
+        // 是否全部disabled
+        var allDisabled = renderData.filter(function (i) {
+          return i.disabled;
+        }).length === renderData.length;
+        var checked = Array.isArray(value) ? value.includes(item.value) : false;
+        if (isAll) {
+          return _react["default"].createElement("div", {
+            className: "tntd-checkbox-select-item ".concat(checkedAll ? 'tntd-checkbox-select-item_choosed' : '', " ").concat(allDisabled ? 'tntd-checkbox-select-item_disabled' : ''),
+            onMouseDown: function onMouseDown(e) {
+              handleStopPropagation(e);
+            },
+            onClick: function onClick() {
+              if (!allDisabled) {
+                handleAllClick(item, !checkedAll);
+              }
+            }
+          }, _react["default"].createElement(_checkbox["default"], {
+            disabled: allDisabled,
+            size: "small",
+            indeterminate: indeterminate,
+            checked: checkedAll,
+            onChange: function onChange(e) {
+              handleStopPropagation(e);
+            }
+          }), _react["default"].createElement("div", {
+            className: "tntd-checkbox-select-content"
+          }, _react["default"].createElement(_ellipsis["default"], {
+            title: item.label,
+            widthLimit: "100%"
+          })));
+        }
+        return _react["default"].createElement("div", {
+          className: "tntd-checkbox-select-item ".concat(checked ? 'tntd-checkbox-select-item_choosed' : '', " ").concat(disabled ? 'tntd-checkbox-select-item_disabled' : ''),
+          onMouseDown: function onMouseDown(e) {
+            handleStopPropagation(e);
+          },
+          onClick: function onClick() {
+            if (!disabled) {
+              handleClick(item, !checked);
+            }
+          }
+        }, _react["default"].createElement(_checkbox["default"], {
+          disabled: disabled,
+          size: "small",
+          checked: checked,
+          onChange: function onChange(e) {
+            return handleStopPropagation(e);
+          }
+        }), _react["default"].createElement("div", {
+          className: "tntd-checkbox-select-content"
+        }, _react["default"].createElement(_ellipsis["default"], {
+          title: item.label,
+          widthLimit: "100%"
+        })));
+      }));
+    }
+  })));
+};
+var _default = exports["default"] = TntdCheckboxSelect;

package/lib/tntd-checkbox-select/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/tntd-checkbox-select/index.jsx"],"names":[],"mappings":"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","sourcesContent":["/*\n * @Descripttion: antd3 select 增加checkbox\n * @Author: 郑泳健\n * @Date: 2025-08-05 10:50:17\n * @LastEditors: 郑泳健\n * @LastEditTime: 2025-08-12 14:12:15\n */\nimport React, { useState, useMemo } from 'react';\nimport { getLanguage, getText } from '../prev-locale';\nimport List from 'rc-virtual-list';\nimport Select from '../tntd-rc-select';\nimport Icon from '../icon';\nimport AntSelect from '../select';\nimport Tag from '../tag';\nimport Checkbox from '../checkbox';\nimport Empty from '../empty';\nimport Ellipsis from '../ellipsis';\nimport './index.less';\n\nconst all = getText('all', getLanguage());\n\nconst TntdCheckboxSelect = ({\n  mode,\n  value,\n  onChange,\n  options,\n  dropdownClassName,\n  filterOption = (inputValue, option) => {\n    return option?.label?.toLowerCase().includes(inputValue?.toLowerCase());\n  },\n  ...restProps\n}) => {\n  // 搜索\n  const [searchValue, setSearchValue] = useState(undefined);\n\n  /** 根据搜索过滤，dropDown的渲染数据 */\n  const renderData = useMemo(() => {\n    if (!Array.isArray(options)) {\n      return [];\n    }\n    if (['', undefined, null].includes(searchValue)) {\n      return options;\n    }\n    return options.filter((item) => filterOption(searchValue, item));\n  }, [options, filterOption, searchValue]);\n\n  /** 全选中 */\n  const checkedAll = useMemo(() => {\n    if (!Array.isArray(value) || !Array.isArray(value)) {\n      return false;\n    }\n    // 过滤掉disabled的选中情况\n    const filterDisabled = renderData.filter((item) => !item.disabled);\n    return filterDisabled.every((i) => value.includes(i.value));\n  }, [value, renderData]);\n\n  /** 半选中 */\n  const indeterminate = useMemo(() => {\n    if (!Array.isArray(value) || !Array.isArray(value)) {\n      return false;\n    } // 过滤掉disabled的选中情况\n    const filterDisabled = renderData.filter((item) => !item.disabled);\n    /** 非disable既有选中的，也有没选中的 */\n    return filterDisabled.some((i) => value.includes(i.value)) && filterDisabled.some((i) => !value.includes(i.value));\n  }, [value, renderData]);\n\n  const handleSearch = (val) => {\n    setSearchValue(val);\n  };\n\n  /** 全选情况 */\n  const handleAllClick = (item, checked) => {\n    // 筛选出非disabled的数组\n    const noDisabledChoosedList = Array.isArray(renderData)\n      ? renderData.reduce((total, item) => {\n          if (!item.disabled) {\n            total.push(item.value);\n          }\n          return total;\n        }, [])\n      : [];\n\n    if (checked) {\n      // 这里加value的原因是有可能是搜索的时候点击了全选\n      const list = Array.isArray(value) ? Array.from(new Set([...value, ...noDisabledChoosedList])) : [...noDisabledChoosedList];\n      onChange(list);\n    } else {\n      const list = Array.isArray(value) ? value.filter((i) => !noDisabledChoosedList.includes(i)) : [];\n      onChange(list);\n    }\n    setSearchValue(undefined);\n  };\n\n  const handleClick = (item, checked) => {\n    if (!Array.isArray(value)) {\n      value = [];\n    }\n    if (checked) {\n      onChange([...value, item.value]);\n    } else {\n      onChange(value.filter((v) => v !== item.value));\n    }\n    setSearchValue(undefined);\n  };\n\n  const handleStopPropagation = (e) => {\n    e?.nativeEvent?.stopImmediatePropagation();\n    e?.stopPropagation();\n    e?.preventDefault();\n  };\n\n  return (\n    <>\n      <AntSelect  \n        mode={mode || 'multiple'}\n      value={value}\n      onChange={onChange}\n      options={options} />\n\n    <Select\n      showSearch\n      searchValue={searchValue}\n      onSearch={handleSearch}\n      tagRender={(item) => {\n        const { onClose, value } = item;\n        const { label, disabled } = Array.isArray(options) ? options.find((opt) => opt.value === value) || {} : {};\n        return (\n          <Tag size=\"small\" className=\"tntd-checkbox-select-item-tag\">\n            <div className='tntd-checkbox-select-item-tag-label'>\n              <Ellipsis title={label} widthLimit={\"100%\"} />\n            </div>\n            {!disabled ? <Icon type=\"close\" onClick={onClose} /> : ''}\n          </Tag>\n        );\n      }}\n      value={value}\n      onChange={onChange}\n      {...restProps}\n      mode={mode || 'multiple'}\n      dropdownClassName={`${dropdownClassName || ''} tntd-checkbox-select-dropdown-wrap`}\n      dropdownRender={() => {\n        if (!Array.isArray(renderData) || !renderData?.length) {\n          return (\n            <div className=\"tntd-checkbox-select-dropdown-render-wrapper\">\n              <Empty className=\"tntd-rc-select-item-empty\" size=\"mini\" />\n            </div>\n          );\n        }\n        const renderList = [{ label: all, value: 'all', isAll: true }, ...renderData];\n        return (\n          <div className=\"tntd-checkbox-select-dropdown-render-wrapper\" onClick={(e) => handleStopPropagation(e)}>\n            <List height={renderData.length > 8 ? 250 : 'auto'} itemHeight={32} data={renderList} itemKey={'value'}>\n              {(item) => {\n                const { isAll, disabled } = item;\n                // 是否全部disabled\n                const allDisabled = renderData.filter((i) => i.disabled).length === renderData.length;\n                const checked = Array.isArray(value) ? value.includes(item.value) : false;\n\n                if (isAll) {\n                  return (\n                    <div\n                      className={`tntd-checkbox-select-item ${checkedAll ? 'tntd-checkbox-select-item_choosed' : ''} ${\n                        allDisabled ? 'tntd-checkbox-select-item_disabled' : ''\n                      }`}\n                      onMouseDown={(e) => {\n                        handleStopPropagation(e);\n                      }}\n                      onClick={() => {\n                        if (!allDisabled) {\n                          handleAllClick(item, !checkedAll);\n                        }\n                      }}>\n                      <Checkbox\n                        disabled={allDisabled}\n                        size=\"small\"\n                        indeterminate={indeterminate}\n                        checked={checkedAll}\n                        onChange={(e) => {\n                          handleStopPropagation(e);\n                        }}\n                      />\n                      <div className=\"tntd-checkbox-select-content\">\n                        <Ellipsis title={item.label} widthLimit=\"100%\" />\n                      </div>\n                    </div>\n                  );\n                }\n\n                return (\n                  <div\n                    className={`tntd-checkbox-select-item ${checked ? 'tntd-checkbox-select-item_choosed' : ''} ${\n                      disabled ? 'tntd-checkbox-select-item_disabled' : ''\n                    }`}\n                    onMouseDown={(e) => {\n                      handleStopPropagation(e);\n                    }}\n                    onClick={() => {\n                      if (!disabled) {\n                        handleClick(item, !checked);\n                      }\n                    }}>\n                    <Checkbox disabled={disabled} size=\"small\" checked={checked} onChange={(e) => handleStopPropagation(e)} />\n                    <div className=\"tntd-checkbox-select-content\">\n                      <Ellipsis title={item.label} widthLimit=\"100%\" />\n                    </div>\n                  </div>\n                );\n              }}\n            </List>\n          </div>\n        );\n      }}\n    />\n        </>\n  );\n};\n\nexport default TntdCheckboxSelect;\n"]}

package/lib/tntd-checkbox-select/index.less

@@ -0,0 +1,68 @@
+.tntd-checkbox-select-dropdown-render-wrapper {
+  padding: 0 0;
+  border-radius: 8px;
+
+  .tntd-rc-select-item-empty {
+    .ant-empty-description {
+      color: rgba(0, 0, 0, 0.25);
+    }
+  }
+
+  .tntd-checkbox-select-item {
+    display: flex;
+    font-size: 14px;
+    color: #454F64;
+    padding: 5px 8px 5px 16px;
+    cursor: pointer;
+
+    &:hover {
+      background: var(--blue-1);
+    }
+
+    &_choosed {
+      background: var(--blue-1);
+    }
+
+    &_disabled {
+      color: rgba(23, 35, 61, 0.3);
+      cursor: not-allowed;
+      background: #fafafa !important;
+
+      &:hover {
+        background: #fafafa !important;
+      }
+    }
+
+    .tntd-checkbox-select-content {
+      flex: 1;
+      overflow: hidden;
+      margin-left: 8px;
+    }
+  }
+}
+
+.tntd-checkbox-select-dropdown-wrap{
+  border-radius: 8px;
+}
+
+.tntd-checkbox-select-item-tag {
+  margin-right: 4px;
+  font-size: 14px;
+  margin-top: 2px;
+  margin-bottom: 2px;
+  max-width: 100%;
+  display: flex;
+  align-items: center;
+  border: none;
+  .tntd-checkbox-select-item-tag-label{
+    flex: 1;
+    overflow: hidden;
+  }
+
+  .anticon-close{
+    color: rgba(23, 35, 61, 0.8);
+    font-size: 12px !important;
+    font-weight: bold;
+    margin-top: 2px;
+  }
+}

package/lib/utils/simple-template.d.ts

@@ -0,0 +1,9 @@
+/**
+ * 简单的模板替换
+ *
+ * @param template
+ * @param data
+ * @returns
+ */
+export declare function simpleTemplate(template?: string, data?: Record<string, string | number>): string | undefined;
+//# sourceMappingURL=simple-template.d.ts.map

package/lib/utils/simple-template.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"simple-template.d.ts","sourceRoot":"","sources":["../../src/utils/simple-template.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,wBAAgB,cAAc,CAAC,QAAQ,CAAC,EAAE,MAAM,EAAE,IAAI,GAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAM,sBAE3F"}

package/lib/utils/simple-template.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.simpleTemplate = simpleTemplate;
+/**
+ * 简单的模板替换
+ *
+ * @param template
+ * @param data
+ * @returns
+ */
+function simpleTemplate(template) {
+  var data = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  return template === null || template === void 0 ? void 0 : template.replace(/\${(.*?)}/g, function (match, key) {
+    return data[key.trim()].toString();
+  });
+}

package/lib/utils/simple-template.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"simple-template.js","sourceRoot":"","sources":["../../src/utils/simple-template.ts"],"names":[],"mappings":";;;AAAA;;;;;;GAMG;AACH,SAAgB,cAAc,CAAC,QAAiB,EAAE,OAAwC,EAAE;IAC1F,OAAO,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,OAAO,CAAC,YAAY,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC,CAAC,QAAQ,EAAE,CAAC,CAAA;AACrF,CAAC;AAFD,wCAEC","sourcesContent":["/**\n * 简单的模板替换\n *\n * @param template\n * @param data\n * @returns\n */\nexport function simpleTemplate(template?: string, data: Record<string, string | number> = {}) {\n  return template?.replace(/\\${(.*?)}/g, (match, key) => data[key.trim()].toString())\n}\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "tntd",
-    "version": "3.0.67",
+    "version": "3.0.69",
     "license": "MIT",
     "scripts": {
         "start": "heft start --storybook",
@@ -113,4 +113,4 @@
     "main": "lib/index.js",
     "module": "es/index.js",
     "typings": "lib/index.d.ts"
-}
+}