@dckj-npm/dc-material 0.1.32 → 0.1.34

package/es/components/bottom-navigation/index.scss

@@ -5,6 +5,7 @@
   padding: 9px 0px 6px 0px;
   width: 100%;
   position: fixed;
+  left: 0;
   bottom: 0;
   background-color: #fff;
   box-sizing: border-box;

package/es/components/message-list/message-list.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
 var _excluded = ["dataList", "readDataList", "unReadDataList", "onClick", "children", "images"];
-import React from 'react';
+import React, { useEffect } from 'react';
 import "./index.scss";
 import { default as MessageListItem } from "./message-list-item";
 import { convertChildren } from "../../utils/children-node-handle";
@@ -18,17 +18,26 @@ var MessageList = function MessageList(_ref) {
   var _React$useState = React.useState(dataList),
     currentDataList = _React$useState[0],
     setCurrentDataList = _React$useState[1];
+  var _React$useState2 = React.useState('all'),
+    currentKey = _React$useState2[0],
+    setCurrentKey = _React$useState2[1];
   // 切换数据源
   var handleClick = function handleClick(key) {
     if (key === 'read') {
       setCurrentDataList(readDataList);
+      setCurrentKey('read');
     } else if (key === 'unRead') {
       setCurrentDataList(unReadDataList);
+      setCurrentKey('unRead');
     } else {
       setCurrentDataList(dataList);
+      setCurrentKey('all');
     }
   };
   images = images || [];
+  useEffect(function () {
+    handleClick(currentKey);
+  });
   return /*#__PURE__*/React.createElement("div", _extends({
     className: "message-list__panel"
   }, _otherProps), /*#__PURE__*/React.createElement("div", {

package/es/components/notice-bar/index.scss

@@ -1,4 +1,5 @@
 .notice-bar__panel {
+    width: 100%;
     display: flex;
     align-items: center;
     height: 70px;
@@ -13,6 +14,7 @@
 
     }
     .notice-bar__panel__item-list {
+        width: calc(100% - 53px);
         display: flex;
         flex-direction: column;
         align-items: start;
@@ -20,6 +22,7 @@
         border-left: 1px solid #f1f1f1;
         padding-left: 10px;
         // .notice-bar__panel__item-loop {
+        //     width: 100% !important;
         //     padding-left: 10px;
         // }
     }

package/es/components/notice-bar/notice-bar-item.d.ts

@@ -13,19 +13,6 @@ interface NoticeBarItemProps {
      * 是否置顶
     */
     isTop?: boolean;
-    /**
-     * 标签列表
-     */
-    tag: {
-        /**
-         * 标签名称
-         */
-        name: string;
-        /**
-         * 标签颜色
-         */
-        color: string;
-    };
 }
 declare const NoticeBarItem: React.FC<NoticeBarItemProps>;
 export default NoticeBarItem;

package/es/components/notice-bar/notice-bar-item.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
-var _excluded = ["content", "releaseTime", "isTop", "tag", "onClick", "children"];
+var _excluded = ["content", "releaseTime", "isTop", "children"];
 import React from 'react';
 import "./notice-bar-item.scss";
 import { convertChildren } from "../../utils/children-node-handle";
@@ -8,19 +8,15 @@ var NoticeBarItem = function NoticeBarItem(_ref) {
   var content = _ref.content,
     releaseTime = _ref.releaseTime,
     isTop = _ref.isTop,
-    tag = _ref.tag,
-    _ref$onClick = _ref.onClick,
-    onClick = _ref$onClick === void 0 ? function () {} : _ref$onClick,
     children = _ref.children,
     otherProps = _objectWithoutPropertiesLoose(_ref, _excluded);
   var _otherProps = otherProps || {};
   return /*#__PURE__*/React.createElement("div", _extends({
-    className: "notice-bar__panel__item",
-    onClick: onClick
+    className: "notice-bar__panel__item"
   }, _otherProps), /*#__PURE__*/React.createElement("div", {
     className: "notice-bar__panel__item-left"
   }, convertChildren(children, isTop ? 'teletext-tagc-1' : 'teletext-tagc-2', {
-    name: tag.name
+    name: isTop ? '置顶' : '最新'
   }), /*#__PURE__*/React.createElement("div", {
     className: "notice-bar__panal__item__content"
   }, content)), /*#__PURE__*/React.createElement("div", {

package/es/components/notice-bar/notice-bar-item.scss

@@ -1,5 +1,5 @@
 .notice-bar__panel__item {
-    width: 260px;
+  width: calc(100vw - 90px);
     display: flex;
     align-items: center;
     justify-content: space-between;
@@ -10,11 +10,11 @@
         .notice-bar__panal__item__content{
           color: #676767;
           font-size: 12px;
-            width: 140px;
-            overflow: hidden;
-            text-overflow: ellipsis;
-            white-space: nowrap;
-            margin-left: 4px;
+          width: 160px;
+          overflow: hidden;
+          text-overflow: ellipsis;
+          white-space: nowrap;
+          margin-left: 4px;
         }
     }
     .notice-bar__panel__item-releaseTime {

package/es/components/notice-bar/notice-bar.d.ts

@@ -13,19 +13,6 @@ interface DataProps {
      * 是否置顶
     */
     isTop?: boolean;
-    /**
-     * 标签列表
-     */
-    tag?: {
-        /**
-         * 标签名称
-         */
-        name: string;
-        /**
-         * 标签颜色
-         */
-        color: string;
-    };
 }
 export interface NoticeBarProps {
     /**

package/es/components/notice-bar/notice-bar.js

@@ -13,11 +13,11 @@ var NoticeBar = function NoticeBar(_ref) {
     children = _ref.children,
     otherProps = _objectWithoutPropertiesLoose(_ref, _excluded);
   var _otherProps = otherProps || {};
-  var stickyItems = dataList.filter(function (item) {
-    return item.isTop;
+  var stickyItems = (dataList || []).filter(function (item) {
+    return (item === null || item === void 0 ? void 0 : item.isTop) === true;
   });
-  var loopItems = dataList.filter(function (item) {
-    return !item.isTop;
+  var loopItems = (dataList || []).filter(function (item) {
+    return (item === null || item === void 0 ? void 0 : item.isTop) === false;
   });
   return /*#__PURE__*/React.createElement("div", _extends({
     className: "notice-bar__panel"

package/es/components/radio-group/index.scss

@@ -21,7 +21,7 @@
     transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
     transition-duration: 250ms;
     font-size: 12px;
-    padding: 5px 11px;
+    padding: 5px 0;
 
     .radio-group-item__text__line {
       width: 100%;

package/es/components/radio-group/radio-group.js

@@ -8,6 +8,7 @@ function uuid() {
   return Math.random().toString(36).substring(2);
 }
 var RadioGroup = function RadioGroup(_ref) {
+  var _options$;
   var options = _ref.options,
     _ref$name = _ref.name,
     name = _ref$name === void 0 ? uuid() : _ref$name,
@@ -29,14 +30,15 @@ var RadioGroup = function RadioGroup(_ref) {
     children = _ref.children,
     otherProps = _objectWithoutPropertiesLoose(_ref, _excluded);
   var _otherProps = otherProps || {};
-  var _useState = useState(defaultValue || ''),
+  var defaultV = (options === null || options === void 0 ? void 0 : (_options$ = options[0]) === null || _options$ === void 0 ? void 0 : _options$.value) || defaultValue || '';
+  var _useState = useState(defaultV),
     selectedValue = _useState[0],
     setSelectedValue = _useState[1];
   useEffect(function () {
-    if (defaultValue) {
-      setSelectedValue(defaultValue);
+    if (defaultV) {
+      handleChange(defaultV);
     }
-  }, [defaultValue]);
+  }, [defaultV]);
   var handleChange = function handleChange(value) {
     setSelectedValue(value);
     onChange(value);

package/es/components/tab/index.scss

@@ -1,19 +1,20 @@
 .tabs__container {
   display: inline-block;
-  padding: 7px 15px;
-  border-radius: 14px;
+  padding: 5px 17px;
+  border-radius: 19px;
   background-color: #FFFFFF;
   color: #666666;
   font-size: 15px;
   cursor: pointer;
-  margin: 0;
+  margin-right: 6px;
+  letter-spacing: 2px;
   &--selected {
     background-color: #ED794A;
     color: #FFFFFF;
   }
   &--small {
-    padding: 7px 15px;
-    border-radius: 14px;
+    padding: 5px 16px;
+    border-radius: 19px;
   }
   &--large {
     padding: 14px 30px;

package/lib/components/bottom-navigation/index.scss

@@ -5,6 +5,7 @@
   padding: 9px 0px 6px 0px;
   width: 100%;
   position: fixed;
+  left: 0;
   bottom: 0;
   background-color: #fff;
   box-sizing: border-box;

package/lib/components/message-list/message-list.js

@@ -5,11 +5,13 @@ 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 = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 require("./index.scss");
 var _messageListItem = _interopRequireDefault(require("./message-list-item"));
 var _childrenNodeHandle = require("../../utils/children-node-handle");
 var _excluded = ["dataList", "readDataList", "unReadDataList", "onClick", "children", "images"];
+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; }
 var MessageList = function MessageList(_ref) {
   var dataList = _ref.dataList,
     readDataList = _ref.readDataList,
@@ -23,17 +25,26 @@ var MessageList = function MessageList(_ref) {
   var _React$useState = _react["default"].useState(dataList),
     currentDataList = _React$useState[0],
     setCurrentDataList = _React$useState[1];
+  var _React$useState2 = _react["default"].useState('all'),
+    currentKey = _React$useState2[0],
+    setCurrentKey = _React$useState2[1];
   // 切换数据源
   var handleClick = function handleClick(key) {
     if (key === 'read') {
       setCurrentDataList(readDataList);
+      setCurrentKey('read');
     } else if (key === 'unRead') {
       setCurrentDataList(unReadDataList);
+      setCurrentKey('unRead');
     } else {
       setCurrentDataList(dataList);
+      setCurrentKey('all');
     }
   };
   images = images || [];
+  (0, _react.useEffect)(function () {
+    handleClick(currentKey);
+  });
   return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({
     className: "message-list__panel"
   }, _otherProps), /*#__PURE__*/_react["default"].createElement("div", {

package/lib/components/notice-bar/index.scss

@@ -1,4 +1,5 @@
 .notice-bar__panel {
+    width: 100%;
     display: flex;
     align-items: center;
     height: 70px;
@@ -13,6 +14,7 @@
 
     }
     .notice-bar__panel__item-list {
+        width: calc(100% - 53px);
         display: flex;
         flex-direction: column;
         align-items: start;
@@ -20,6 +22,7 @@
         border-left: 1px solid #f1f1f1;
         padding-left: 10px;
         // .notice-bar__panel__item-loop {
+        //     width: 100% !important;
         //     padding-left: 10px;
         // }
     }

package/lib/components/notice-bar/notice-bar-item.d.ts

@@ -13,19 +13,6 @@ interface NoticeBarItemProps {
      * 是否置顶
     */
     isTop?: boolean;
-    /**
-     * 标签列表
-     */
-    tag: {
-        /**
-         * 标签名称
-         */
-        name: string;
-        /**
-         * 标签颜色
-         */
-        color: string;
-    };
 }
 declare const NoticeBarItem: React.FC<NoticeBarItemProps>;
 export default NoticeBarItem;

package/lib/components/notice-bar/notice-bar-item.js

@@ -8,24 +8,20 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 var _react = _interopRequireDefault(require("react"));
 require("./notice-bar-item.scss");
 var _childrenNodeHandle = require("../../utils/children-node-handle");
-var _excluded = ["content", "releaseTime", "isTop", "tag", "onClick", "children"];
+var _excluded = ["content", "releaseTime", "isTop", "children"];
 var NoticeBarItem = function NoticeBarItem(_ref) {
   var content = _ref.content,
     releaseTime = _ref.releaseTime,
     isTop = _ref.isTop,
-    tag = _ref.tag,
-    _ref$onClick = _ref.onClick,
-    onClick = _ref$onClick === void 0 ? function () {} : _ref$onClick,
     children = _ref.children,
     otherProps = (0, _objectWithoutPropertiesLoose2["default"])(_ref, _excluded);
   var _otherProps = otherProps || {};
   return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({
-    className: "notice-bar__panel__item",
-    onClick: onClick
+    className: "notice-bar__panel__item"
   }, _otherProps), /*#__PURE__*/_react["default"].createElement("div", {
     className: "notice-bar__panel__item-left"
   }, (0, _childrenNodeHandle.convertChildren)(children, isTop ? 'teletext-tagc-1' : 'teletext-tagc-2', {
-    name: tag.name
+    name: isTop ? '置顶' : '最新'
   }), /*#__PURE__*/_react["default"].createElement("div", {
     className: "notice-bar__panal__item__content"
   }, content)), /*#__PURE__*/_react["default"].createElement("div", {

package/lib/components/notice-bar/notice-bar-item.scss

@@ -1,5 +1,5 @@
 .notice-bar__panel__item {
-    width: 260px;
+  width: calc(100vw - 90px);
     display: flex;
     align-items: center;
     justify-content: space-between;
@@ -10,11 +10,11 @@
         .notice-bar__panal__item__content{
           color: #676767;
           font-size: 12px;
-            width: 140px;
-            overflow: hidden;
-            text-overflow: ellipsis;
-            white-space: nowrap;
-            margin-left: 4px;
+          width: 160px;
+          overflow: hidden;
+          text-overflow: ellipsis;
+          white-space: nowrap;
+          margin-left: 4px;
         }
     }
     .notice-bar__panel__item-releaseTime {

package/lib/components/notice-bar/notice-bar.d.ts

@@ -13,19 +13,6 @@ interface DataProps {
      * 是否置顶
     */
     isTop?: boolean;
-    /**
-     * 标签列表
-     */
-    tag?: {
-        /**
-         * 标签名称
-         */
-        name: string;
-        /**
-         * 标签颜色
-         */
-        color: string;
-    };
 }
 export interface NoticeBarProps {
     /**

package/lib/components/notice-bar/notice-bar.js

@@ -18,11 +18,11 @@ var NoticeBar = function NoticeBar(_ref) {
     children = _ref.children,
     otherProps = (0, _objectWithoutPropertiesLoose2["default"])(_ref, _excluded);
   var _otherProps = otherProps || {};
-  var stickyItems = dataList.filter(function (item) {
-    return item.isTop;
+  var stickyItems = (dataList || []).filter(function (item) {
+    return (item === null || item === void 0 ? void 0 : item.isTop) === true;
   });
-  var loopItems = dataList.filter(function (item) {
-    return !item.isTop;
+  var loopItems = (dataList || []).filter(function (item) {
+    return (item === null || item === void 0 ? void 0 : item.isTop) === false;
   });
   return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({
     className: "notice-bar__panel"

package/lib/components/radio-group/index.scss

@@ -21,7 +21,7 @@
     transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
     transition-duration: 250ms;
     font-size: 12px;
-    padding: 5px 11px;
+    padding: 5px 0;
 
     .radio-group-item__text__line {
       width: 100%;

package/lib/components/radio-group/radio-group.js

@@ -15,6 +15,7 @@ function uuid() {
   return Math.random().toString(36).substring(2);
 }
 var RadioGroup = function RadioGroup(_ref) {
+  var _options$;
   var options = _ref.options,
     _ref$name = _ref.name,
     name = _ref$name === void 0 ? uuid() : _ref$name,
@@ -36,14 +37,15 @@ var RadioGroup = function RadioGroup(_ref) {
     children = _ref.children,
     otherProps = (0, _objectWithoutPropertiesLoose2["default"])(_ref, _excluded);
   var _otherProps = otherProps || {};
-  var _useState = (0, _react.useState)(defaultValue || ''),
+  var defaultV = (options === null || options === void 0 ? void 0 : (_options$ = options[0]) === null || _options$ === void 0 ? void 0 : _options$.value) || defaultValue || '';
+  var _useState = (0, _react.useState)(defaultV),
     selectedValue = _useState[0],
     setSelectedValue = _useState[1];
   (0, _react.useEffect)(function () {
-    if (defaultValue) {
-      setSelectedValue(defaultValue);
+    if (defaultV) {
+      handleChange(defaultV);
     }
-  }, [defaultValue]);
+  }, [defaultV]);
   var handleChange = function handleChange(value) {
     setSelectedValue(value);
     onChange(value);

package/lib/components/tab/index.scss

@@ -1,19 +1,20 @@
 .tabs__container {
   display: inline-block;
-  padding: 7px 15px;
-  border-radius: 14px;
+  padding: 5px 17px;
+  border-radius: 19px;
   background-color: #FFFFFF;
   color: #666666;
   font-size: 15px;
   cursor: pointer;
-  margin: 0;
+  margin-right: 6px;
+  letter-spacing: 2px;
   &--selected {
     background-color: #ED794A;
     color: #FFFFFF;
   }
   &--small {
-    padding: 7px 15px;
-    border-radius: 14px;
+    padding: 5px 16px;
+    border-radius: 19px;
   }
   &--large {
     padding: 14px 30px;

package/lowcode/message-list/meta.ts

@@ -38,7 +38,6 @@ const MessageListMeta: IPublicTypeComponentMetadata = {
                 label: '消息数据',
                 value: 'dataList',
                 children: [
-                  { label: '图片链接', value: 'image' },
                   { label: '标题', value: 'title' },
                   { label: '说明', value: 'description' },
                   { label: '发布时间', value: 'gmtCreate' }
@@ -115,13 +114,11 @@ const snippets: IPublicTypeSnippet[] = [
         ],
         readDataList: [
           {
-            "image": "https://img.alicdn.com/tps/TB16TQvOXXXXXbiaFXXXXXXXXXX-120-120.svg",
             "title": "已读标题名称",
             "description": "已读说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字",
             "gmtCreate": "2024-05-24 09:24"
           },
           {
-            "image": "https://img.alicdn.com/tps/TB16TQvOXXXXXbiaFXXXXXXXXXX-120-120.svg",
             "title": "已读标题名称",
             "description": "已读说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字",
             "gmtCreate": "2024-05-24 09:24"
@@ -129,13 +126,11 @@ const snippets: IPublicTypeSnippet[] = [
         ],
         unReadDataList: [
           {
-            "image": "https://img.alicdn.com/tps/TB16TQvOXXXXXbiaFXXXXXXXXXX-120-120.svg",
             "title": "未读标题名称",
             "description": "未读说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字",
             "gmtCreate": "2024-05-24 09:24"
           },
           {
-            "image": "https://img.alicdn.com/tps/TB16TQvOXXXXXbiaFXXXXXXXXXX-120-120.svg",
             "title": "未读标题名称",
             "description": "未读说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字",
             "gmtCreate": "2024-05-24 09:24"

package/lowcode/notice-bar/meta.ts

@@ -1,4 +1,3 @@
-import noticeIcon from '../../src/assets/icon/notice-bar/notice.png'
 import { IPublicTypeComponentMetadata, IPublicTypeSnippet } from '@alilc/lowcode-types';
 
 const NoticeBarMeta: IPublicTypeComponentMetadata = {
@@ -40,8 +39,7 @@ const NoticeBarMeta: IPublicTypeComponentMetadata = {
                 children: [
                   { label: '公告内容', value: 'content' },
                   { label: '是否置顶', value: 'isTop' },
-                  { label: '发布时间', value: 'releaseTime' },
-                  { label: '标签', value: 'tag' }
+                  { label: '发布时间', value: 'releaseTime' }
                 ]
               }
             ]
@@ -111,60 +109,6 @@ const NoticeBarMeta: IPublicTypeComponentMetadata = {
                         "isRequired": false,
                         "initialValue": false
                       }
-                    },
-                    {
-                      "title": {
-                        "label": {
-                          "type": "i18n",
-                          "en-US": "tag",
-                          "zh-CN": "标签"
-                        }
-                      },
-                      "name": "tag",
-                      "setter": {
-                        "componentName": "ObjectSetter",
-                        "props": {
-                          "config": {
-                            "items": [
-                              {
-                                "title": {
-                                  "label": {
-                                    "type": "i18n",
-                                    "en-US": "name",
-                                    "zh-CN": "name"
-                                  }
-                                },
-                                "name": "name",
-                                "setter": {
-                                  "componentName": "StringSetter",
-                                  "isRequired": true,
-                                  "initialValue": ""
-                                }
-                              },
-                              {
-                                "title": {
-                                  "label": {
-                                    "type": "i18n",
-                                    "en-US": "color",
-                                    "zh-CN": "color"
-                                  }
-                                },
-                                "name": "color",
-                                "setter": {
-                                  "componentName": "StringSetter",
-                                  "isRequired": true,
-                                  "initialValue": ""
-                                }
-                              }
-                            ],
-                            "extraSetter": {
-                              "componentName": "MixedSetter",
-                              "isRequired": false,
-                              "props": {}
-                            }
-                          }
-                        }
-                      }
                     }
                   ],
                   "extraSetter": {
@@ -181,28 +125,16 @@ const NoticeBarMeta: IPublicTypeComponentMetadata = {
               "content" : "按需招聘，智能推荐附件测试测试测试测试测试测试测试",
               "isTop" : true,
               "releaseTime" : "1小时前",
-              "tag" : {
-                "name": "置顶",
-                "color": "orange"
-              },
             },
             {
               "content" : "近期,有关部门相继部署有关部门相继部署有关部门相继部署",
               "isTop" : false,
               "releaseTime" : "2024-03-26",
-              "tag" : {
-                "name": "最新",
-                "color": "green"
-              },
             },
             {
               "content" : "测试测试测试测试测试测测试测试测试测试测试测测试测试测试测试测试测",
               "isTop" : false,
               "releaseTime" : "2023-10-15",
-              "tag" : {
-                "name": "最新",
-                "color": "red"
-              },
             },
           ]
         }