@chaoswise/ui 3.0.6 → 3.0.8

package/lib/IconSelect/index.js

@@ -0,0 +1,144 @@
+import _Dropdown from "@chaoswise/ui/lib/Dropdown";
+import _Button from "@chaoswise/ui/lib/Button";
+import _Space from "@chaoswise/ui/lib/Space";
+import _Tabs from "@chaoswise/ui/lib/Tabs";
+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; }
+import React, { useEffect, useState } from "react";
+import Icon from "@icon-park/react/es/all";
+import CustomImg from "./components/CustomImg";
+import SearchIcon from "./components/SearchIcon";
+import useConfigContext from "../useConfigContext";
+import PropTypes from "prop-types";
+import useStyle from "./index.style";
+import { useIntl } from "../locales";
+import classnames from "classnames";
+function IconSelect(_ref) {
+  var value = _ref.value,
+    defaultValue = _ref.defaultValue,
+    _ref$onChange = _ref.onChange,
+    onChange = _ref$onChange === void 0 ? function () {} : _ref$onChange,
+    _ref$category = _ref.category,
+    category = _ref$category === void 0 ? [] : _ref$category,
+    iconSelectRender = _ref.iconSelectRender;
+  var intl = useIntl();
+  var _useConfigContext = useConfigContext(),
+    getPrefixCls = _useConfigContext.getPrefixCls;
+  var prefixCls = getPrefixCls("icon-select");
+  var _useStyle = useStyle(),
+    _useStyle2 = _slicedToArray(_useStyle, 3),
+    wrapCSSVar = _useStyle2[0],
+    hashId = _useStyle2[1],
+    cssVarCls = _useStyle2[2];
+  var _useState = useState("icon"),
+    _useState2 = _slicedToArray(_useState, 2),
+    iconType = _useState2[0],
+    setIconType = _useState2[1]; //选中key  图标库 icon 自定义图片 customImg
+  var _useState3 = useState(null),
+    _useState4 = _slicedToArray(_useState3, 2),
+    iconInfo = _useState4[0],
+    setIconInfo = _useState4[1]; //组件图标数据集合
+  var _useState5 = useState(null),
+    _useState6 = _slicedToArray(_useState5, 2),
+    customFileInfo = _useState6[0],
+    setCustomFileInfo = _useState6[1]; //组件图标数据集合
+  var _value = value || defaultValue;
+  //切换tab
+  var changeTab = function changeTab(activeKey) {
+    setIconType(activeKey);
+    onChange({
+      iconInfo: iconInfo,
+      customFileInfo: customFileInfo,
+      iconType: activeKey
+    });
+  };
+  useEffect(function () {
+    if (_value) {
+      var _iconInfo = _value.iconInfo,
+        _customFileInfo = _value.customFileInfo;
+      setIconInfo(_iconInfo);
+      setCustomFileInfo(_customFileInfo);
+    }
+  }, [_value]);
+  var items = [{
+    key: "icon",
+    label: intl.get("703fc2b8-0d1b-43ce-a7f8-9ea38de6c293").d("图标库"),
+    children: /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(SearchIcon, {
+      category: category,
+      iconInfo: iconInfo,
+      customFileInfo: customFileInfo,
+      setIconInfo: setIconInfo,
+      onChange: onChange,
+      prefixCls: prefixCls
+    }))
+  }, {
+    key: "customImg",
+    label: intl.get("a3a25b03-18bc-4b75-b795-0c16fd0dcc22").d("自定义图片"),
+    children: /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(CustomImg, {
+      iconInfo: iconInfo,
+      customFileInfo: customFileInfo,
+      setCustomFileInfo: setCustomFileInfo,
+      onChange: onChange
+    }))
+  }];
+  var menu = /*#__PURE__*/React.createElement("div", {
+    className: classnames(hashId, cssVarCls, "".concat(prefixCls, "-dropdown")),
+    onClick: function onClick(e) {
+      e.preventDefault();
+      e.stopPropagation();
+    }
+  }, /*#__PURE__*/React.createElement(_Tabs, {
+    activeKey: iconType,
+    onChange: changeTab,
+    className: "".concat(prefixCls, "-dropdown-tabs"),
+    items: items
+  }));
+  return wrapCSSVar( /*#__PURE__*/React.createElement("div", {
+    className: classnames(hashId, cssVarCls, "".concat(prefixCls, "-img-setting-box"))
+  }, /*#__PURE__*/React.createElement(_Dropdown, {
+    trigger: ["click"],
+    overlay: menu
+  }, iconSelectRender ? iconSelectRender({
+    customFileInfo: customFileInfo,
+    iconInfo: iconInfo
+  }) : /*#__PURE__*/React.createElement(_Button, null, /*#__PURE__*/React.createElement(_Space, null, /*#__PURE__*/React.createElement("div", {
+    className: "".concat(prefixCls, "-img-setting-box-content")
+  }, customFileInfo !== null && customFileInfo !== void 0 && customFileInfo.baseCode ? /*#__PURE__*/React.createElement("img", {
+    src: customFileInfo === null || customFileInfo === void 0 ? void 0 : customFileInfo.baseCode,
+    className: "".concat(prefixCls, "-img-setting-box-content-custom")
+  }) : (iconInfo === null || iconInfo === void 0 ? void 0 : iconInfo.name) && /*#__PURE__*/React.createElement("div", {
+    className: "".concat(prefixCls, "-img-setting-box-content-icon")
+  }, /*#__PURE__*/React.createElement(Icon, {
+    type: iconInfo === null || iconInfo === void 0 ? void 0 : iconInfo.name,
+    theme: "filled",
+    size: "14"
+  }))), /*#__PURE__*/React.createElement(Icon, {
+    type: "down"
+  }))))));
+}
+IconSelect.propTypes = {
+  defaultValue: PropTypes.shape({
+    iconType: PropTypes.string,
+    iconInfo: PropTypes.object,
+    customFileInfo: PropTypes.object
+  }),
+  value: PropTypes.shape({
+    iconType: PropTypes.string,
+    iconInfo: PropTypes.object,
+    customFileInfo: PropTypes.object
+  }),
+  /**
+   * 选中项变化时，tab切换时的回调,(value)=>{}
+   */
+  onChange: PropTypes.func,
+  category: PropTypes.arrayOf(PropTypes.string).isRequired,
+  /**
+   * 自定义Dropdown按钮内容
+   */
+  iconSelectRender: PropTypes.func
+};
+export default IconSelect;

package/lib/IconSelect/index.style.js

@@ -0,0 +1,75 @@
+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); }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { genStyleHooks } from "../Antd5/theme/internal";
+var genCustomIconSelectStyle = function genCustomIconSelectStyle(token) {
+  var prefixCls = token.antCls;
+  var iconSelectPrefix = "".concat(prefixCls, "-icon-select");
+  return _defineProperty(_defineProperty({}, "".concat(iconSelectPrefix, "-img-setting-box"), _defineProperty({}, "".concat(iconSelectPrefix, "-img-setting-box-content"), _defineProperty(_defineProperty({
+    width: "40px",
+    display: "inline-block",
+    overflow: "hidden",
+    marginTop: "5px"
+  }, "".concat(iconSelectPrefix, "-img-setting-box-content-custom"), {
+    width: "40px"
+  }), "".concat(iconSelectPrefix, "-img-setting-box-content-icon"), {
+    paddingTop: "5px",
+    textAlign: "left"
+  }))), "".concat(iconSelectPrefix, "-dropdown"), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
+    background: token.colorBgContainer,
+    width: "240px",
+    borderRadius: "4px",
+    outline: "none",
+    WebkitBoxShadow: token.boxShadow,
+    boxShadow: token.boxShadow
+  }, "".concat(prefixCls, "-tabs-nav"), {
+    margin: "0 !important",
+    padding: "0 10px"
+  }), "".concat(iconSelectPrefix, "-box"), _defineProperty(_defineProperty({
+    width: "100%"
+  }, "".concat(iconSelectPrefix, "-search"), {
+    margin: "12px 5px"
+  }), "".concat(iconSelectPrefix, "-content"), _defineProperty(_defineProperty(_defineProperty({
+    overflowY: "scroll",
+    height: "150px",
+    width: "100%",
+    paddingLeft: "10px"
+  }, "".concat(iconSelectPrefix, "-item"), {
+    padding: "10px",
+    display: "inline-block",
+    cursor: "pointer",
+    "&:hover": {
+      backgroundColor: token.colorPrimaryBg
+    }
+  }), "".concat(iconSelectPrefix, "-item-active"), {
+    backgroundColor: token.colorPrimaryBg
+  }), "".concat(iconSelectPrefix, "-content-empty"), {
+    width: "100%",
+    height: "150px",
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    overflow: "hidden"
+  }))), ".link-upload-box", {
+    height: "200px",
+    padding: "20px"
+  }), ".custom-img", {
+    height: "30px",
+    "> button": {
+      width: "100%",
+      height: "30px"
+    }
+  }), ".custom-img-tip", {
+    fontSize: "12px",
+    lineHeight: "15px",
+    color: "#ccc",
+    margin: "5px 0"
+  }));
+};
+// ============================== Export ==============================
+export default genStyleHooks("IconSelect", function (token) {
+  return [
+  //
+  genCustomIconSelectStyle(token)];
+});

package/lib/Image/index.js

@@ -0,0 +1,2 @@
+import Image from '../Antd5/image';
+export default Image;

package/lib/Input/InputComponent.js

@@ -0,0 +1,71 @@
+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); }
+var _excluded = ["componentType", "prefix", "suffixLength", "inputLabel", "label", "count"];
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], t.indexOf(o) >= 0 || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.indexOf(n) >= 0) continue; t[n] = r[n]; } return t; }
+import React, { forwardRef, useMemo } from "react";
+import Input from "../Antd5/input";
+var Password = Input.Password,
+  Search = Input.Search;
+var InputComponent = /*#__PURE__*/forwardRef(function (props, ref) {
+  var componentType = props.componentType,
+    prefix = props.prefix,
+    suffixLength = props.suffixLength,
+    inputLabel = props.inputLabel,
+    label = props.label,
+    count = props.count,
+    resProps = _objectWithoutProperties(props, _excluded);
+  var finalPrefix = useMemo(function () {
+    var _ref;
+    return (_ref = label || inputLabel) !== null && _ref !== void 0 ? _ref : prefix;
+  }, [label, inputLabel, prefix]);
+  if (componentType === "Input") {
+    return /*#__PURE__*/React.createElement(Input, _extends({
+      prefix: finalPrefix,
+      count: _objectSpread({
+        max: suffixLength
+      }, count)
+    }, resProps, {
+      ref: ref
+    }));
+  }
+  if (componentType === "Password") {
+    return /*#__PURE__*/React.createElement(Password, _extends({
+      prefix: finalPrefix,
+      count: _objectSpread({
+        max: suffixLength
+      }, count)
+    }, resProps, {
+      ref: ref
+    }));
+  }
+  if (componentType === "Search") {
+    return /*#__PURE__*/React.createElement(Search, _extends({
+      prefix: finalPrefix,
+      count: _objectSpread({
+        max: suffixLength
+      }, count)
+    }, resProps, {
+      ref: ref
+    }));
+  }
+  if (componentType === "TextArea") {
+    return /*#__PURE__*/React.createElement(Input.TextArea, _extends({
+      prefix: finalPrefix,
+      count: _objectSpread({
+        max: suffixLength
+      }, count),
+      autoSize: {
+        minRows: 4
+      }
+    }, resProps, {
+      ref: ref
+    }));
+  }
+});
+export default InputComponent;

package/lib/Input/index.js

@@ -0,0 +1,93 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+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; }
+import React, { forwardRef } from "react";
+import Input from "../Antd5/input";
+import PropTypes from "prop-types";
+import InputComponent from "./InputComponent";
+import useConfigContext from "../useConfigContext";
+import { cloneComProps } from "../utils";
+import useStyle from "./index.style";
+var CWInput = /*#__PURE__*/forwardRef(function (props, ref) {
+  var _useConfigContext = useConfigContext(),
+    getPrefixCls = _useConfigContext.getPrefixCls;
+  var prefixCls = getPrefixCls("input");
+  var _useStyle = useStyle(prefixCls),
+    _useStyle2 = _slicedToArray(_useStyle, 3),
+    wrapCSSVar = _useStyle2[0],
+    hashId = _useStyle2[1],
+    cssVarCls = _useStyle2[2];
+  return wrapCSSVar( /*#__PURE__*/React.createElement(InputComponent, _extends({
+    componentType: "Input",
+    ref: ref
+  }, props)));
+});
+var TextArea = /*#__PURE__*/forwardRef(function (props, ref) {
+  var _useConfigContext2 = useConfigContext(),
+    getPrefixCls = _useConfigContext2.getPrefixCls;
+  var prefixCls = getPrefixCls("input");
+  var _useStyle3 = useStyle(prefixCls),
+    _useStyle4 = _slicedToArray(_useStyle3, 3),
+    wrapCSSVar = _useStyle4[0],
+    hashId = _useStyle4[1],
+    cssVarCls = _useStyle4[2];
+  return wrapCSSVar( /*#__PURE__*/React.createElement(InputComponent, _extends({
+    componentType: "TextArea",
+    ref: ref
+  }, props)));
+});
+var CWPassword = /*#__PURE__*/forwardRef(function (props, ref) {
+  var _useConfigContext3 = useConfigContext(),
+    getPrefixCls = _useConfigContext3.getPrefixCls;
+  var prefixCls = getPrefixCls("input");
+  var _useStyle5 = useStyle(prefixCls),
+    _useStyle6 = _slicedToArray(_useStyle5, 3),
+    wrapCSSVar = _useStyle6[0],
+    hashId = _useStyle6[1],
+    cssVarCls = _useStyle6[2];
+  return wrapCSSVar( /*#__PURE__*/React.createElement(InputComponent, _extends({
+    componentType: "Password",
+    ref: ref
+  }, props)));
+});
+var CWSearch = /*#__PURE__*/forwardRef(function (props, ref) {
+  var _useConfigContext4 = useConfigContext(),
+    getPrefixCls = _useConfigContext4.getPrefixCls;
+  var prefixCls = getPrefixCls("input");
+  var _useStyle7 = useStyle(prefixCls),
+    _useStyle8 = _slicedToArray(_useStyle7, 3),
+    wrapCSSVar = _useStyle8[0],
+    hashId = _useStyle8[1],
+    cssVarCls = _useStyle8[2];
+  return wrapCSSVar( /*#__PURE__*/React.createElement(InputComponent, _extends({
+    componentType: "Search",
+    ref: ref
+  }, props)));
+});
+CWInput.propTypes = {
+  /**
+   * 输入框字符数限制，配合showCount可超出suffixLength值
+   */
+  suffixLength: PropTypes.number,
+  /**
+   * 自适应内容高度，可设置为 true | false 或对象：{ minRows: 2, maxRows: 6 }，默认值为{minRows:4}
+   */
+  autoSize: PropTypes.oneOfType([PropTypes.bool, PropTypes.object]),
+  /**
+   * 输入框label名称，会覆盖prefix前缀，(可以直接使用prefix属性)
+   */
+  inputLabel: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
+  /**
+   * 输入框label名称，会覆盖prefix前缀, (可以直接使用prefix属性)
+   */
+  label: PropTypes.oneOfType([PropTypes.string, PropTypes.node])
+};
+cloneComProps(Input, CWInput);
+CWInput.Password = CWPassword;
+CWInput.Search = CWSearch;
+CWInput.TextArea = TextArea;
+export default CWInput;

package/lib/Input/index.style.js

@@ -0,0 +1,23 @@
+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); }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { genStyleHooks } from "../Antd5/theme/internal";
+var genCustomCWInputStyle = function genCustomCWInputStyle(token) {
+  var prefixCls = token.antCls;
+  var inputPrefix = "".concat(prefixCls, "-input");
+  return _defineProperty({}, "".concat(inputPrefix, "-affix-wrapper").concat(inputPrefix, "-textarea-show-count"), _defineProperty({}, "".concat(inputPrefix, "-suffix"), _defineProperty({}, "".concat(inputPrefix, "-data-count"), {
+    height: "14px",
+    lineHeight: "14px",
+    fontSize: token.fontSize,
+    bottom: "6px",
+    right: "10px",
+    background: token.colorBgContainer
+  })));
+};
+// ============================== Export ==============================
+export default genStyleHooks("CWInput", function (token) {
+  return [
+  //
+  genCustomCWInputStyle(token)];
+});

package/lib/InputNumber/index.js

@@ -0,0 +1,27 @@
+var _excluded = ["label", "prefix"];
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], t.indexOf(o) >= 0 || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.indexOf(n) >= 0) continue; t[n] = r[n]; } return t; }
+import React, { forwardRef, useMemo } from "react";
+import InputNumber from "../Antd5/input-number";
+import PropTypes from "prop-types";
+var CWInputNumber = /*#__PURE__*/forwardRef(function (props, ref) {
+  var label = props.label,
+    prefix = props.prefix,
+    resProps = _objectWithoutProperties(props, _excluded);
+  var finalPrefix = useMemo(function () {
+    return label !== null && label !== void 0 ? label : prefix;
+  }, [label, prefix]);
+  return /*#__PURE__*/React.createElement(InputNumber, _extends({
+    prefix: finalPrefix
+  }, resProps, {
+    ref: ref
+  }));
+});
+CWInputNumber.propTypes = {
+  /**
+   * 选择器label名称,输入框前缀内容(可以直接使用prefix属性)
+   */
+  label: PropTypes.oneOfType([PropTypes.string, PropTypes.node])
+};
+export default CWInputNumber;

package/lib/Joyride/List.js

@@ -0,0 +1,85 @@
+import _Carousel from "@chaoswise/ui/lib/Carousel";
+import _Progress from "@chaoswise/ui/lib/Progress";
+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; }
+import React from "react";
+import { CheckCircleOutlined } from "@ant-design/icons";
+import useConfigContext from "../useConfigContext";
+import classnames from "classnames";
+import _ from "lodash-es";
+import { useIntl } from "../locales";
+import useStyle from "./style/list.style";
+function List(_ref) {
+  var _ref$pageSize = _ref.pageSize,
+    pageSize = _ref$pageSize === void 0 ? 5 : _ref$pageSize,
+    _ref$data = _ref.data,
+    data = _ref$data === void 0 ? {} : _ref$data,
+    _ref$onItemClick = _ref.onItemClick,
+    onItemClick = _ref$onItemClick === void 0 ? function () {} : _ref$onItemClick;
+  var intl = useIntl();
+  var _useConfigContext = useConfigContext(),
+    getPrefixCls = _useConfigContext.getPrefixCls;
+  var prefixCls = getPrefixCls("joyride");
+  var _useStyle = useStyle("".concat(prefixCls, "-taskCard")),
+    _useStyle2 = _slicedToArray(_useStyle, 3),
+    wrapCSSVar = _useStyle2[0],
+    hashId = _useStyle2[1],
+    cssVarCls = _useStyle2[2];
+  var getPercent = function getPercent() {
+    if (data && data.nviceGuidanceLists) {
+      var finiedNum = data.nviceGuidanceLists.filter(function (item) {
+        return item.isFinish == 1;
+      }).length;
+      return finiedNum / data.nviceGuidanceLists.length * 100;
+    }
+    return 0;
+  };
+  return wrapCSSVar( /*#__PURE__*/React.createElement("div", {
+    className: classnames(hashId, cssVarCls, "".concat(prefixCls, "-taskCard"))
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "".concat(prefixCls, "-taskCard-title")
+  }, intl.get("6b4daed5-34d2-4d1d-8a98-79b640f91259").d("我的新手任务")), /*#__PURE__*/React.createElement("div", {
+    className: "".concat(prefixCls, "-taskCard-top"),
+    style: {
+      marginBottom: 25
+    }
+  }, /*#__PURE__*/React.createElement(_Progress, {
+    width: 50,
+    percent: getPercent(),
+    type: "circle"
+  }), /*#__PURE__*/React.createElement("div", {
+    style: {
+      marginLeft: 20
+    }
+  }, intl.get("8f6f919a-a750-4389-8960-b5fae8bf2638").d("共有"), data.nviceGuidanceLists ? data.nviceGuidanceLists.length : 0, intl.get("3e75c2d9-76e5-4cd2-945b-8ff58469c434").d("项任务"))), /*#__PURE__*/React.createElement("div", {
+    className: "".concat(prefixCls, "-taskCard-bottom")
+  }, /*#__PURE__*/React.createElement(_Carousel, {
+    className: "".concat(prefixCls, "-carousel")
+  }, _.map(_.chunk(data.nviceGuidanceLists || [], pageSize), function (its, inx) {
+    return /*#__PURE__*/React.createElement("div", {
+      className: "".concat(prefixCls, "-taskCard-bottom-pad"),
+      index: inx,
+      key: inx
+    }, _.map(its, function (item, index) {
+      var isFinish = item.isFinish == 1;
+      return /*#__PURE__*/React.createElement("div", {
+        className: "".concat(prefixCls, "-carousel"),
+        index: index,
+        key: item.id || index
+      }, /*#__PURE__*/React.createElement("div", null, item.guidanceName), /*#__PURE__*/React.createElement("span", {
+        onClick: function onClick() {
+          return onItemClick(item, index);
+        },
+        className: isFinish ? "".concat(prefixCls, "-carousel-finish") : "".concat(prefixCls, "-carousel-noFinish")
+      }, isFinish ? intl.get("c630708e-719b-434f-b0fd-2e619a9b2ff0").d("已完成") : intl.get("e7097c4f-4efd-4d51-82d3-b75544fb5994").d("去完成"), isFinish && /*#__PURE__*/React.createElement(CheckCircleOutlined, {
+        theme: "filled",
+        className: "".concat(prefixCls, "-car-icon")
+      })));
+    }));
+  })))));
+}
+export default List;