@dckj-npm/dc-material 0.1.358 → 0.1.360

package/lib/components/grid-nav/grid-nav.js

@@ -7,8 +7,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _react = _interopRequireWildcard(require("react"));
 var React = _react;
 var _right = _interopRequireDefault(require("../../assets/icon/grid-nav/right.png"));
-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 _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var ExampleComponent = function ExampleComponent(props, ref) {
   var columns = props.columns,
     _props$iconSize = props.iconSize,

package/lib/components/grid-nav/index.d.ts

@@ -1,3 +1,3 @@
-import GridNav from "./grid-nav";
-export type { GridNavProps } from './grid-nav';
-export default GridNav;
+import GridNav from "./grid-nav";
+export type { GridNavProps } from './grid-nav';
+export default GridNav;

package/lib/components/grid-nav/index.scss

@@ -1,50 +1,50 @@
-/* write style here */
-.dc-grid-nav {
-  width: 100%;
-  display: grid;
-  // gap: 14px 38px;
-  margin: 0;
-  grid-row-gap: 14px;
-  &-item {
-    &-title {
-      color: #222222;
-    }
-    &-right {
-      position: absolute;
-      top: -10px;
-      right: 2px;
-      z-index: 9;
-      &-title {
-        font-size: 8px;
-        color: #fff;
-        position: absolute;
-        left: 8px;
-        top: 2px;
-        z-index: 10;
-      }
-      &-img {
-        width: 32px;
-        height: 19.5px;
-      }
-    }
-  }
-}
-
-.grid-item {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  text-align: center;
-  text-decoration: none;
-  color: #333;
-  position: relative;
-
-  img {
-    object-fit: cover;
-    margin-bottom: 3px;
-  }
-
-  &:hover {
-    color: #007bff;
-  }
-}
+/* write style here */
+.dc-grid-nav {
+  width: 100%;
+  display: grid;
+  // gap: 14px 38px;
+  margin: 0;
+  grid-row-gap: 14px;
+  &-item {
+    &-title {
+      color: #222222;
+    }
+    &-right {
+      position: absolute;
+      top: -10px;
+      right: 2px;
+      z-index: 9;
+      &-title {
+        font-size: 8px;
+        color: #fff;
+        position: absolute;
+        left: 8px;
+        top: 2px;
+        z-index: 10;
+      }
+      &-img {
+        width: 32px;
+        height: 19.5px;
+      }
+    }
+  }
+}
+
+.grid-item {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  text-align: center;
+  text-decoration: none;
+  color: #333;
+  position: relative;
+
+  img {
+    object-fit: cover;
+    margin-bottom: 3px;
+  }
+
+  &:hover {
+    color: #007bff;
+  }
+}

package/lib/components/image/image.d.ts

@@ -0,0 +1,17 @@
+import * as React from 'react';
+export interface ImageProps {
+    /**
+     * 数据
+     */
+    imgSrc: string;
+    /**
+     * 点击事件
+     */
+    onClick: () => void;
+    /**
+     * 子节点
+     */
+    children: React.ReactChild;
+}
+declare const Image: React.FC<ImageProps>;
+export default Image;

package/lib/components/image/image.js

@@ -0,0 +1,27 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports["default"] = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+var React = _interopRequireWildcard(require("react"));
+var _excluded = ["imgSrc", "onClick", "children"];
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+var Image = function Image(_ref) {
+  var imgSrc = _ref.imgSrc,
+    onClick = _ref.onClick,
+    children = _ref.children,
+    otherProps = (0, _objectWithoutPropertiesLoose2["default"])(_ref, _excluded);
+  var _otherProps = otherProps || {};
+  return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({
+    className: "image"
+  }, _otherProps, {
+    onClick: onClick
+  }), imgSrc ? /*#__PURE__*/React.createElement("img", {
+    src: imgSrc,
+    alt: ""
+  }) : /*#__PURE__*/React.createElement("div", null, "\u6682\u65E0\u6570\u636E"));
+};
+Image.displayName = 'Image';
+var _default = exports["default"] = Image;

package/lib/components/image/index.d.ts

@@ -0,0 +1,3 @@
+import Image from './image';
+export type { ImageProps } from './image';
+export default Image;

package/lib/components/image/index.js

@@ -0,0 +1,7 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports["default"] = void 0;
+var _image = _interopRequireDefault(require("./image"));
+var _default = exports["default"] = _image["default"];

package/lib/components/image/index.scss

@@ -0,0 +1,3 @@
+.image {
+    
+}

package/lib/components/input/index.d.ts

@@ -0,0 +1,6 @@
+/**
+ * 输入框
+ */
+import Input from './input';
+export type { InputProps } from './input';
+export { Input };

package/lib/components/input/index.js

@@ -0,0 +1,6 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+var _input = _interopRequireDefault(require("./input"));
+exports.Input = _input["default"];

package/lib/components/input/index.scss

@@ -0,0 +1,3 @@
+.input {
+    
+}

package/lib/components/input/input.d.ts

@@ -0,0 +1,42 @@
+import * as React from 'react';
+import './index.scss';
+export interface InputProps {
+    /**
+     * 数据源绑定
+     */
+    value?: string | number | null;
+    /**
+     * 点击事件
+     */
+    onClick?: () => void;
+    /**
+     * 值改变事件
+     */
+    onChange?: (value: string | number, event: unknown, reason?: string) => void;
+    /**
+     * 清除事件
+     */
+    onClear?: () => void;
+    /**
+     * 按下回车事件
+     */
+    onPressEnter?: () => void;
+    /**
+     * 聚焦事件
+     */
+    onFocus?: () => void;
+    /**
+     * 失去焦点事件
+     */
+    onBlur?: () => void;
+    /**
+     * 子节点
+     */
+    children?: React.ReactNode;
+    /**
+     * 允许透传 Next Input 的任意属性
+     */
+    [key: string]: any;
+}
+declare const Input: React.FC<InputProps>;
+export default Input;

package/lib/components/input/input.js

@@ -0,0 +1,101 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports["default"] = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _icon = _interopRequireDefault(require("@alifd/next/lib/icon"));
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+var _react = _interopRequireWildcard(require("react"));
+var React = _react;
+require("./index.scss");
+var _excluded = ["value", "onClick", "children", "onChange", "onClear", "onPressEnter", "onFocus", "onBlur"];
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+var Input = function Input(_ref) {
+  var _otherProps$hasClear, _otherProps$readOnly, _otherProps$hasBorder;
+  var value = _ref.value,
+    onClick = _ref.onClick,
+    children = _ref.children,
+    onChange = _ref.onChange,
+    onClear = _ref.onClear,
+    onPressEnter = _ref.onPressEnter,
+    onFocus = _ref.onFocus,
+    onBlur = _ref.onBlur,
+    otherProps = (0, _objectWithoutPropertiesLoose2["default"])(_ref, _excluded);
+  var _otherProps = otherProps || {};
+
+  // legacy schema 兼容：旧属性不再在面板暴露，但历史页面可能仍存在
+  var legacyClearable = _otherProps.clearable;
+  var legacyReadonly = _otherProps.readonly;
+  var legacyBorder = _otherProps.border;
+  var legacyPrefix = _otherProps.prefix;
+  var legacySuffix = _otherProps.suffix;
+  var legacyPrefixIcon = _otherProps.prefixIcon;
+  var legacySuffixIcon = _otherProps.suffixIcon;
+  var legacyIconSize = _otherProps.iconSize;
+
+  // 兼容旧属性命名（优先使用 Next 原生属性名）
+  var hasClear = (_otherProps$hasClear = _otherProps.hasClear) !== null && _otherProps$hasClear !== void 0 ? _otherProps$hasClear : legacyClearable;
+  var readOnly = (_otherProps$readOnly = _otherProps.readOnly) !== null && _otherProps$readOnly !== void 0 ? _otherProps$readOnly : legacyReadonly;
+  var hasBorder = (_otherProps$hasBorder = _otherProps.hasBorder) !== null && _otherProps$hasBorder !== void 0 ? _otherProps$hasBorder : legacyBorder;
+
+  // legacy props 不应透传给 Next，否则会被当作 DOM attribute 下发
+  delete _otherProps.clearable;
+  delete _otherProps.readonly;
+  delete _otherProps.border;
+  delete _otherProps.prefix;
+  delete _otherProps.suffix;
+  delete _otherProps.prefixIcon;
+  delete _otherProps.suffixIcon;
+  delete _otherProps.iconSize;
+  // 构建addonBefore内容
+  var innerBefore = legacyPrefixIcon || legacyPrefix ? /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: 'flex',
+      alignItems: 'center'
+    }
+  }, legacyPrefixIcon && /*#__PURE__*/(0, _react.createElement)(_icon["default"], {
+    type: legacyPrefixIcon,
+    size: legacyIconSize
+  }), legacyPrefix && /*#__PURE__*/React.createElement("span", null, legacyPrefix)) : null;
+
+  // 构建addonAfter内容
+  var innerAfter = legacySuffix || legacySuffixIcon ? /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: 'flex',
+      alignItems: 'center'
+    }
+  }, legacySuffix && /*#__PURE__*/React.createElement("span", null, legacySuffix), legacySuffixIcon && /*#__PURE__*/(0, _react.createElement)(_icon["default"], {
+    type: legacySuffixIcon,
+    size: legacyIconSize
+  })) : null;
+  var nextProps = (0, _extends2["default"])({}, _otherProps);
+  if (hasClear !== undefined) nextProps.hasClear = hasClear;
+  if (readOnly !== undefined) nextProps.readOnly = readOnly;
+  if (hasBorder !== undefined) nextProps.hasBorder = hasBorder;
+
+  // 仅在用户未显式传 innerBefore/innerAfter 时，才使用旧属性构造的内容
+  if (innerBefore && nextProps.innerBefore == null) nextProps.innerBefore = innerBefore;
+  if (innerAfter && nextProps.innerAfter == null) nextProps.innerAfter = innerAfter;
+  if (onClick) nextProps.onClick = onClick;
+  if (children != null) nextProps.children = children;
+  if (onChange) nextProps.onChange = onChange;
+  if (onClear) nextProps.onClear = onClear;
+  if (onPressEnter) nextProps.onPressEnter = onPressEnter;
+  if (onFocus) nextProps.onFocus = onFocus;
+  if (onBlur) nextProps.onBlur = onBlur;
+
+  // Next Input 通过 `'value' in props` 判断是否受控。
+  // 低代码场景下 value 可能为 undefined（表达式未初始化），此时传入 value 会导致“受控但不更新”，表现为无法输入/无法联动。
+  // 因此仅在 value 非 null/undefined 时才下传 value。
+  if (value !== undefined && value !== null) {
+    nextProps.value = value;
+    // 受控模式下避免同时存在 defaultValue
+    if ('defaultValue' in nextProps) {
+      delete nextProps.defaultValue;
+    }
+  }
+  return /*#__PURE__*/(0, _react.createElement)(NextInput, nextProps);
+};
+Input.displayName = 'Input';
+var _default = exports["default"] = Input;

package/lib/components/integral-task/index.d.ts

@@ -1,6 +1,6 @@
-/**
- * 标签tag
- */
-import IntegralTask from './integral-task';
-export type { IntegralTaskProps } from './integral-task';
-export default IntegralTask;
+/**
+ * 标签tag
+ */
+import IntegralTask from './integral-task';
+export type { IntegralTaskProps } from './integral-task';
+export default IntegralTask;

package/lib/components/integral-task/index.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports["default"] = void 0;
 var _integralTask = _interopRequireDefault(require("./integral-task"));
-/**
- * 标签tag
+/**
+ * 标签tag
  */
 var _default = exports["default"] = _integralTask["default"];

package/lib/components/integral-task/index.scss

@@ -1,35 +1,35 @@
-.integral-task__container {
-  padding: 0 12px;
-  &__item {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    &__left {
-      display: flex;
-      align-items: center;
-      &__img {
-        width: 53px;
-        height: 53px;
-        margin-right: 9px;
-      }
-      &__content {
-        &__title {
-          font-size: 15px;
-          color: #333333;
-        }
-        &__integral {
-          display: flex;
-          align-items: center;
-          &--icon {
-            width: 15px;
-            height: 15px;
-          }
-          &--number {
-            font-size: 12px;
-            color: #EA6A3D;
-          }
-        }
-      }
-    }
-  }
-}
+.integral-task__container {
+  padding: 0 12px;
+  &__item {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    &__left {
+      display: flex;
+      align-items: center;
+      &__img {
+        width: 53px;
+        height: 53px;
+        margin-right: 9px;
+      }
+      &__content {
+        &__title {
+          font-size: 15px;
+          color: #333333;
+        }
+        &__integral {
+          display: flex;
+          align-items: center;
+          &--icon {
+            width: 15px;
+            height: 15px;
+          }
+          &--number {
+            font-size: 12px;
+            color: #EA6A3D;
+          }
+        }
+      }
+    }
+  }
+}

package/lib/components/integral-task/integral-task.d.ts

@@ -1,40 +1,40 @@
-import * as React from 'react';
-import './index.scss';
-interface DataProps {
-    /**
-     * 任务名称
-     */
-    name: string;
-    /**
-     * 积分
-     */
-    integral: number;
-    /**
-     * 状态 0 未完成 1 已完成
-     */
-    status: number;
-}
-export interface IntegralTaskProps {
-    /**
-     * 任务名称
-     */
-    list: DataProps[];
-    /**
-     * 图标
-     */
-    icon: string;
-    /**
-     * 图片
-     */
-    images: string[];
-    /**
-     * 完成文案
-     */
-    completeLabel: string;
-    /**
-     * 未完成文案
-     */
-    undoneLabel: string;
-}
-declare const IntegralTask: React.FC<IntegralTaskProps>;
-export default IntegralTask;
+import * as React from 'react';
+import './index.scss';
+interface DataProps {
+    /**
+     * 任务名称
+     */
+    name: string;
+    /**
+     * 积分
+     */
+    integral: number;
+    /**
+     * 状态 0 未完成 1 已完成
+     */
+    status: number;
+}
+export interface IntegralTaskProps {
+    /**
+     * 任务名称
+     */
+    list: DataProps[];
+    /**
+     * 图标
+     */
+    icon: string;
+    /**
+     * 图片
+     */
+    images: string[];
+    /**
+     * 完成文案
+     */
+    completeLabel: string;
+    /**
+     * 未完成文案
+     */
+    undoneLabel: string;
+}
+declare const IntegralTask: React.FC<IntegralTaskProps>;
+export default IntegralTask;

package/lib/components/integral-task/integral-task.js

@@ -9,8 +9,7 @@ var React = _interopRequireWildcard(require("react"));
 require("./index.scss");
 var _childrenNodeHandle = require("../../utils/children-node-handle");
 var _excluded = ["list", "icon", "images", "undoneLabel", "completeLabel", "children"];
-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 _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var Status = /*#__PURE__*/function (Status) {
   Status[Status["undone"] = 0] = "undone";
   Status[Status["complete"] = 1] = "complete";

package/lib/components/member-card/index.d.ts

@@ -1,6 +1,6 @@
-/**
- * 菜单列表
- */
-import MemberCard from './member-card';
-export type { MemberInfoModel } from './type';
-export { MemberCard };
+/**
+ * 菜单列表
+ */
+import MemberCard from './member-card';
+export type { MemberInfoModel } from './type';
+export { MemberCard };