@dckj-npm/dc-material 0.1.9 → 0.1.11
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +17 -17
- package/build/index.css +2 -0
- package/build/index.html +1 -0
- package/build/index.js +60 -0
- package/build/lowcode/assets-daily.json +67 -0
- package/build/lowcode/assets-dev.json +67 -0
- package/build/lowcode/assets-prod.json +67 -0
- package/build/lowcode/designer.html +302 -0
- package/build/lowcode/index.html +304 -0
- package/build/lowcode/index.js +1 -0
- package/build/lowcode/meta.js +1 -0
- package/build/lowcode/preview.css +1 -0
- package/build/lowcode/preview.html +33 -0
- package/build/lowcode/preview.js +308 -0
- package/build/lowcode/render/default/view.css +1 -0
- package/build/lowcode/render/default/view.js +295 -0
- package/build/lowcode/view.css +1 -0
- package/build/lowcode/view.js +295 -0
- package/dist/BizComps.css +1 -0
- package/dist/BizComps.js +7 -0
- package/dist/BizComps.js.map +1 -0
- package/es/assets/icon/navigation/index-selected.png +0 -0
- package/es/assets/icon/navigation/index.png +0 -0
- package/es/assets/icon/navigation/message-selected.png +0 -0
- package/es/assets/icon/navigation/message.png +0 -0
- package/es/assets/icon/navigation/mine-selected.png +0 -0
- package/es/assets/icon/navigation/mine.png +0 -0
- package/es/assets/icon/position/arror.png +0 -0
- package/es/components/bottom-navigation/bottom-navigation.d.ts +13 -0
- package/es/components/bottom-navigation/bottom-navigation.js +39 -0
- package/es/components/bottom-navigation/index.d.ts +3 -0
- package/es/components/bottom-navigation/index.js +2 -0
- package/es/components/bottom-navigation/index.scss +19 -0
- package/es/components/colorful-button/colorful-button.d.ts +12 -0
- package/es/components/colorful-button/colorful-button.js +25 -0
- package/es/components/colorful-button/index.d.ts +3 -0
- package/es/components/colorful-button/index.js +2 -0
- package/es/components/colorful-button/index.scss +5 -0
- package/es/components/colorful-input/colorful-input.d.ts +8 -0
- package/es/components/colorful-input/colorful-input.js +19 -0
- package/es/components/colorful-input/index.d.ts +3 -0
- package/es/components/colorful-input/index.js +2 -0
- package/es/components/colorful-input/index.scss +5 -0
- package/es/components/dc-slider/index.d.ts +3 -0
- package/es/components/dc-slider/index.js +2 -0
- package/es/components/dc-slider/index.scss +8 -0
- package/es/components/dc-slider/slider.d.ts +32 -0
- package/es/components/dc-slider/slider.js +14 -0
- package/es/components/grid-nav/grid-nav.d.ts +13 -0
- package/es/components/grid-nav/grid-nav.js +91 -0
- package/es/components/grid-nav/index.d.ts +3 -0
- package/es/components/grid-nav/index.js +2 -0
- package/es/components/grid-nav/index.scss +36 -0
- package/es/components/menu-list/index.d.ts +6 -0
- package/es/components/menu-list/index.js +6 -0
- package/es/components/menu-list/index.scss +16 -0
- package/es/components/menu-list/menu-list-item.d.ts +5 -0
- package/es/components/menu-list/menu-list-item.js +32 -0
- package/es/components/menu-list/menu-list-item.scss +49 -0
- package/es/components/menu-list/menu-list.d.ts +5 -0
- package/es/components/menu-list/menu-list.js +25 -0
- package/es/components/menu-list/types.d.ts +23 -0
- package/es/components/menu-list/types.js +1 -0
- package/es/components/position/entity.d.ts +5 -0
- package/es/components/position/entity.js +1 -0
- package/es/components/position/index.d.ts +3 -0
- package/es/components/position/index.js +2 -0
- package/es/components/position/index.scss +21 -0
- package/es/components/position/position-left.d.ts +9 -0
- package/es/components/position/position-left.js +28 -0
- package/es/components/position/position-list.d.ts +12 -0
- package/es/components/position/position-list.js +30 -0
- package/es/components/position/position.d.ts +8 -0
- package/es/components/position/position.js +47 -0
- package/es/components/search-bar/index.d.ts +3 -0
- package/es/components/search-bar/index.js +2 -0
- package/es/components/search-bar/index.scss +3 -0
- package/es/components/search-bar/search-bar.d.ts +7 -0
- package/es/components/search-bar/search-bar.js +21 -0
- package/es/components/tag/index.d.ts +6 -0
- package/es/components/tag/index.js +5 -0
- package/es/components/tag/index.scss +17 -0
- package/es/components/tag/tag.d.ts +14 -0
- package/es/components/tag/tag.js +14 -0
- package/es/components/teletext-list/index.d.ts +6 -0
- package/es/components/teletext-list/index.js +6 -0
- package/es/components/teletext-list/index.scss +16 -0
- package/es/components/teletext-list/teletext-list-item.d.ts +42 -0
- package/es/components/teletext-list/teletext-list-item.js +35 -0
- package/es/components/teletext-list/teletext-list-item.scss +74 -0
- package/es/components/teletext-list/teletext-list.d.ts +57 -0
- package/es/components/teletext-list/teletext-list.js +75 -0
- package/es/components/title/index.d.ts +8 -0
- package/es/components/title/index.js +7 -0
- package/es/components/title/title-1.d.ts +10 -0
- package/es/components/title/title-1.js +16 -0
- package/es/components/title/title-1.scss +25 -0
- package/es/components/title/title-2.d.ts +18 -0
- package/es/components/title/title-2.js +31 -0
- package/es/components/title/title-2.scss +22 -0
- package/es/index.d.ts +22 -0
- package/es/index.js +12 -0
- package/es/index.scss +5 -0
- package/es/style.js +4 -0
- package/es/utils/children-node-handle.d.ts +6 -0
- package/es/utils/children-node-handle.js +23 -0
- package/es/utils/component-wrapper.d.ts +9 -0
- package/es/utils/component-wrapper.js +38 -0
- package/es/variables.d.ts +2 -0
- package/es/variables.js +2 -0
- package/es/variables.scss +3 -0
- package/lib/assets/icon/navigation/index-selected.png +0 -0
- package/lib/assets/icon/navigation/index.png +0 -0
- package/lib/assets/icon/navigation/message-selected.png +0 -0
- package/lib/assets/icon/navigation/message.png +0 -0
- package/lib/assets/icon/navigation/mine-selected.png +0 -0
- package/lib/assets/icon/navigation/mine.png +0 -0
- package/lib/assets/icon/position/arror.png +0 -0
- package/lib/components/bottom-navigation/bottom-navigation.d.ts +13 -0
- package/lib/components/bottom-navigation/bottom-navigation.js +46 -0
- package/lib/components/bottom-navigation/index.d.ts +3 -0
- package/lib/components/bottom-navigation/index.js +7 -0
- package/lib/components/bottom-navigation/index.scss +19 -0
- package/lib/components/colorful-button/colorful-button.d.ts +12 -0
- package/lib/components/colorful-button/colorful-button.js +32 -0
- package/lib/components/colorful-button/index.d.ts +3 -0
- package/lib/components/colorful-button/index.js +7 -0
- package/lib/components/colorful-button/index.scss +5 -0
- package/lib/components/colorful-input/colorful-input.d.ts +8 -0
- package/lib/components/colorful-input/colorful-input.js +26 -0
- package/lib/components/colorful-input/index.d.ts +3 -0
- package/lib/components/colorful-input/index.js +7 -0
- package/lib/components/colorful-input/index.scss +5 -0
- package/lib/components/dc-slider/index.d.ts +3 -0
- package/lib/components/dc-slider/index.js +7 -0
- package/lib/components/dc-slider/index.scss +8 -0
- package/lib/components/dc-slider/slider.d.ts +32 -0
- package/lib/components/dc-slider/slider.js +21 -0
- package/lib/components/grid-nav/grid-nav.d.ts +13 -0
- package/lib/components/grid-nav/grid-nav.js +98 -0
- package/lib/components/grid-nav/index.d.ts +3 -0
- package/lib/components/grid-nav/index.js +7 -0
- package/lib/components/grid-nav/index.scss +36 -0
- package/lib/components/menu-list/index.d.ts +6 -0
- package/lib/components/menu-list/index.js +10 -0
- package/lib/components/menu-list/index.scss +16 -0
- package/lib/components/menu-list/menu-list-item.d.ts +5 -0
- package/lib/components/menu-list/menu-list-item.js +37 -0
- package/lib/components/menu-list/menu-list-item.scss +49 -0
- package/lib/components/menu-list/menu-list.d.ts +5 -0
- package/lib/components/menu-list/menu-list.js +30 -0
- package/lib/components/menu-list/types.d.ts +23 -0
- package/lib/components/menu-list/types.js +3 -0
- package/lib/components/position/entity.d.ts +5 -0
- package/lib/components/position/entity.js +3 -0
- package/lib/components/position/index.d.ts +3 -0
- package/lib/components/position/index.js +7 -0
- package/lib/components/position/index.scss +21 -0
- package/lib/components/position/position-left.d.ts +9 -0
- package/lib/components/position/position-left.js +35 -0
- package/lib/components/position/position-list.d.ts +12 -0
- package/lib/components/position/position-list.js +36 -0
- package/lib/components/position/position.d.ts +8 -0
- package/lib/components/position/position.js +54 -0
- package/lib/components/search-bar/index.d.ts +3 -0
- package/lib/components/search-bar/index.js +7 -0
- package/lib/components/search-bar/index.scss +3 -0
- package/lib/components/search-bar/search-bar.d.ts +7 -0
- package/lib/components/search-bar/search-bar.js +28 -0
- package/lib/components/tag/index.d.ts +6 -0
- package/lib/components/tag/index.js +10 -0
- package/lib/components/tag/index.scss +17 -0
- package/lib/components/tag/tag.d.ts +14 -0
- package/lib/components/tag/tag.js +21 -0
- package/lib/components/teletext-list/index.d.ts +6 -0
- package/lib/components/teletext-list/index.js +10 -0
- package/lib/components/teletext-list/index.scss +16 -0
- package/lib/components/teletext-list/teletext-list-item.d.ts +42 -0
- package/lib/components/teletext-list/teletext-list-item.js +39 -0
- package/lib/components/teletext-list/teletext-list-item.scss +74 -0
- package/lib/components/teletext-list/teletext-list.d.ts +57 -0
- package/lib/components/teletext-list/teletext-list.js +79 -0
- package/lib/components/title/index.d.ts +8 -0
- package/lib/components/title/index.js +8 -0
- package/lib/components/title/title-1.d.ts +10 -0
- package/lib/components/title/title-1.js +21 -0
- package/lib/components/title/title-1.scss +25 -0
- package/lib/components/title/title-2.d.ts +18 -0
- package/lib/components/title/title-2.js +36 -0
- package/lib/components/title/title-2.scss +22 -0
- package/lib/index.d.ts +22 -0
- package/lib/index.js +25 -0
- package/lib/index.scss +5 -0
- package/lib/style.js +4 -0
- package/lib/utils/children-node-handle.d.ts +6 -0
- package/lib/utils/children-node-handle.js +28 -0
- package/lib/utils/component-wrapper.d.ts +9 -0
- package/lib/utils/component-wrapper.js +45 -0
- package/lib/variables.d.ts +2 -0
- package/lib/variables.js +5 -0
- package/lib/variables.scss +3 -0
- package/lowcode/d-c-slider/meta.ts +15 -1
- package/lowcode/position/meta.ts +211 -211
- package/lowcode/search-bar/meta.ts +3 -3
- package/lowcode/tag-c/meta.ts +75 -75
- package/lowcode_es/d-c-slider/meta.d.ts +152 -0
- package/lowcode_es/d-c-slider/meta.js +313 -0
- package/lowcode_es/d-c-slider/snippets.d.ts +36 -0
- package/lowcode_es/d-c-slider/snippets.js +36 -0
- package/lowcode_es/grid-nav/meta.d.ts +22 -0
- package/lowcode_es/grid-nav/meta.js +152 -0
- package/lowcode_es/menu-list/meta.d.ts +22 -0
- package/lowcode_es/menu-list/meta.js +128 -0
- package/lowcode_es/meta.js +173 -0
- package/lowcode_es/navigation/meta.d.ts +22 -0
- package/lowcode_es/navigation/meta.js +136 -0
- package/lowcode_es/position/meta.d.ts +22 -0
- package/lowcode_es/position/meta.js +190 -0
- package/lowcode_es/search-bar/meta.d.ts +22 -0
- package/lowcode_es/search-bar/meta.js +46 -0
- package/lowcode_es/tag-c/meta.d.ts +22 -0
- package/lowcode_es/tag-c/meta.js +66 -0
- package/lowcode_es/teletext-list/meta.d.ts +22 -0
- package/lowcode_es/teletext-list/meta.js +294 -0
- package/lowcode_es/title1/meta.d.ts +22 -0
- package/lowcode_es/title1/meta.js +51 -0
- package/lowcode_es/title2/meta.d.ts +22 -0
- package/lowcode_es/title2/meta.js +83 -0
- package/lowcode_es/view.js +18 -0
- package/lowcode_lib/d-c-slider/meta.d.ts +152 -0
- package/lowcode_lib/d-c-slider/meta.js +318 -0
- package/lowcode_lib/d-c-slider/snippets.d.ts +36 -0
- package/lowcode_lib/d-c-slider/snippets.js +40 -0
- package/lowcode_lib/grid-nav/meta.d.ts +22 -0
- package/lowcode_lib/grid-nav/meta.js +157 -0
- package/lowcode_lib/menu-list/meta.d.ts +22 -0
- package/lowcode_lib/menu-list/meta.js +133 -0
- package/lowcode_lib/meta.js +177 -0
- package/lowcode_lib/navigation/meta.d.ts +22 -0
- package/lowcode_lib/navigation/meta.js +141 -0
- package/lowcode_lib/position/meta.d.ts +22 -0
- package/lowcode_lib/position/meta.js +195 -0
- package/lowcode_lib/search-bar/meta.d.ts +22 -0
- package/lowcode_lib/search-bar/meta.js +51 -0
- package/lowcode_lib/tag-c/meta.d.ts +22 -0
- package/lowcode_lib/tag-c/meta.js +71 -0
- package/lowcode_lib/teletext-list/meta.d.ts +22 -0
- package/lowcode_lib/teletext-list/meta.js +299 -0
- package/lowcode_lib/title1/meta.d.ts +22 -0
- package/lowcode_lib/title1/meta.js +56 -0
- package/lowcode_lib/title2/meta.d.ts +22 -0
- package/lowcode_lib/title2/meta.js +88 -0
- package/lowcode_lib/view.js +29 -0
- package/package.json +110 -110
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import './teletext-list-item.scss';
|
|
3
|
+
/**
|
|
4
|
+
* 数据
|
|
5
|
+
*/
|
|
6
|
+
interface TeletextListItemProps {
|
|
7
|
+
/**
|
|
8
|
+
* 点击事件
|
|
9
|
+
*/
|
|
10
|
+
onClick?: (e: any) => void;
|
|
11
|
+
/**
|
|
12
|
+
* 标题
|
|
13
|
+
*/
|
|
14
|
+
title?: string;
|
|
15
|
+
/**
|
|
16
|
+
* 图片地址
|
|
17
|
+
*/
|
|
18
|
+
image?: string;
|
|
19
|
+
/**
|
|
20
|
+
* 图片位置
|
|
21
|
+
*/
|
|
22
|
+
imagePlacement?: "left" | "right" | "none";
|
|
23
|
+
/**
|
|
24
|
+
* 说明
|
|
25
|
+
*/
|
|
26
|
+
description?: string;
|
|
27
|
+
/**
|
|
28
|
+
* 标签列表
|
|
29
|
+
*/
|
|
30
|
+
tags?: {
|
|
31
|
+
/**
|
|
32
|
+
* 标签名称
|
|
33
|
+
*/
|
|
34
|
+
name: string;
|
|
35
|
+
/**
|
|
36
|
+
* 标签颜色
|
|
37
|
+
*/
|
|
38
|
+
color: string;
|
|
39
|
+
}[];
|
|
40
|
+
}
|
|
41
|
+
declare const TeletextListItem: React.FC<TeletextListItemProps>;
|
|
42
|
+
export default TeletextListItem;
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
exports.__esModule = true;
|
|
5
|
+
exports["default"] = void 0;
|
|
6
|
+
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
7
|
+
var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
|
|
8
|
+
var _react = _interopRequireDefault(require("react"));
|
|
9
|
+
require("./teletext-list-item.scss");
|
|
10
|
+
var _childrenNodeHandle = require("../../utils/children-node-handle");
|
|
11
|
+
var _excluded = ["onClick", "title", "image", "children", "imagePlacement", "description", "tags"];
|
|
12
|
+
/**
|
|
13
|
+
* 数据
|
|
14
|
+
*/
|
|
15
|
+
|
|
16
|
+
var TeletextListItem = function TeletextListItem(_ref) {
|
|
17
|
+
var _ref$onClick = _ref.onClick,
|
|
18
|
+
onClick = _ref$onClick === void 0 ? function () {} : _ref$onClick,
|
|
19
|
+
title = _ref.title,
|
|
20
|
+
image = _ref.image,
|
|
21
|
+
children = _ref.children,
|
|
22
|
+
imagePlacement = _ref.imagePlacement,
|
|
23
|
+
description = _ref.description,
|
|
24
|
+
tags = _ref.tags,
|
|
25
|
+
otherProps = (0, _objectWithoutPropertiesLoose2["default"])(_ref, _excluded);
|
|
26
|
+
var _otherProps = otherProps || {};
|
|
27
|
+
return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({
|
|
28
|
+
className: "teletext-list__panel__item",
|
|
29
|
+
onClick: onClick
|
|
30
|
+
}, _otherProps), image && imagePlacement === 'left' ? (0, _childrenNodeHandle.convertChildren)(children, 'image') : null, /*#__PURE__*/_react["default"].createElement("div", {
|
|
31
|
+
className: "teletext-list__panel__item__text"
|
|
32
|
+
}, (0, _childrenNodeHandle.convertChildren)(children, 'title'), (0, _childrenNodeHandle.convertChildren)(children, 'content'), tags ? /*#__PURE__*/_react["default"].createElement("div", {
|
|
33
|
+
className: "teletext-list__panel__item__text__tags"
|
|
34
|
+
}, tags === null || tags === void 0 ? void 0 : tags.map(function (tag, tagIndex) {
|
|
35
|
+
return (0, _childrenNodeHandle.convertChildren)(children, 'teletext-tagc-1');
|
|
36
|
+
})) : null), image && imagePlacement === 'right' ? (0, _childrenNodeHandle.convertChildren)(children, 'image') : null);
|
|
37
|
+
};
|
|
38
|
+
TeletextListItem.displayName = 'TeletextListItem';
|
|
39
|
+
var _default = exports["default"] = TeletextListItem;
|
|
@@ -0,0 +1,74 @@
|
|
|
1
|
+
@import '../../variables.scss';
|
|
2
|
+
|
|
3
|
+
.teletext-list__panel__item {
|
|
4
|
+
display: flex;
|
|
5
|
+
gap: 5px;
|
|
6
|
+
padding-bottom: 10px;
|
|
7
|
+
justify-content: flex-start;
|
|
8
|
+
|
|
9
|
+
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
|
|
10
|
+
|
|
11
|
+
.teletext-list__panel__item_image {
|
|
12
|
+
width: 90px;
|
|
13
|
+
height: 71px;
|
|
14
|
+
border-radius: 5px;
|
|
15
|
+
flex: 0 0 auto;
|
|
16
|
+
overflow: hidden;
|
|
17
|
+
|
|
18
|
+
& > img {
|
|
19
|
+
width: 100%;
|
|
20
|
+
height: 100%;
|
|
21
|
+
object-fit: cover;
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
.teletext-list__panel__item__text {
|
|
27
|
+
display: flex;
|
|
28
|
+
flex-direction: column;
|
|
29
|
+
gap: 3px;
|
|
30
|
+
|
|
31
|
+
.teletext-list__panel__item__text__title {
|
|
32
|
+
font-size: 15px;
|
|
33
|
+
font-weight: 500;
|
|
34
|
+
color: #000000;
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
.teletext-list__panel__item__text__description {
|
|
38
|
+
-webkit-line-clamp: 1;
|
|
39
|
+
overflow: hidden;
|
|
40
|
+
color: #686868;
|
|
41
|
+
-webkit-box-orient: vertical;
|
|
42
|
+
display: -webkit-box;
|
|
43
|
+
font-size: 12px;
|
|
44
|
+
text-overflow: ellipsis;
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
.teletext-list__panel__item__text__tags {
|
|
48
|
+
display: flex;
|
|
49
|
+
gap: 6px;
|
|
50
|
+
|
|
51
|
+
& > span {
|
|
52
|
+
padding: 2px 6px;
|
|
53
|
+
border-radius: 4px;
|
|
54
|
+
background-color: black;
|
|
55
|
+
color: white;
|
|
56
|
+
font-size: 11px;
|
|
57
|
+
|
|
58
|
+
&.orange {
|
|
59
|
+
color: #F1770E;
|
|
60
|
+
background-color: rgba(241, 119, 14, 0.1);
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
&.blue {
|
|
64
|
+
color: #2972DD;
|
|
65
|
+
background-color: rgba(41, 114, 221, 0.1);
|
|
66
|
+
}
|
|
67
|
+
|
|
68
|
+
}
|
|
69
|
+
|
|
70
|
+
}
|
|
71
|
+
|
|
72
|
+
}
|
|
73
|
+
|
|
74
|
+
}
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import './index.scss';
|
|
3
|
+
/**
|
|
4
|
+
* 数据
|
|
5
|
+
*/
|
|
6
|
+
interface DataProps {
|
|
7
|
+
/**
|
|
8
|
+
* 标题
|
|
9
|
+
*/
|
|
10
|
+
title?: string;
|
|
11
|
+
/**
|
|
12
|
+
* 图片地址
|
|
13
|
+
*/
|
|
14
|
+
image?: string;
|
|
15
|
+
/**
|
|
16
|
+
* 说明
|
|
17
|
+
*/
|
|
18
|
+
description?: string;
|
|
19
|
+
/**
|
|
20
|
+
* 标签列表
|
|
21
|
+
*/
|
|
22
|
+
tags?: {
|
|
23
|
+
/**
|
|
24
|
+
* 标签名称
|
|
25
|
+
*/
|
|
26
|
+
name: string;
|
|
27
|
+
/**
|
|
28
|
+
* 标签颜色
|
|
29
|
+
*/
|
|
30
|
+
color: string;
|
|
31
|
+
}[];
|
|
32
|
+
}
|
|
33
|
+
export interface TeletextListProps {
|
|
34
|
+
/**
|
|
35
|
+
* 标题
|
|
36
|
+
*/
|
|
37
|
+
title?: string;
|
|
38
|
+
/**
|
|
39
|
+
* 数据
|
|
40
|
+
*/
|
|
41
|
+
dataList?: DataProps[];
|
|
42
|
+
/**
|
|
43
|
+
* 点击事件
|
|
44
|
+
* @param e
|
|
45
|
+
*/
|
|
46
|
+
onClick?: (e: any) => void;
|
|
47
|
+
/**
|
|
48
|
+
* 子节点
|
|
49
|
+
*/
|
|
50
|
+
children: React.ReactChild;
|
|
51
|
+
/**
|
|
52
|
+
* 图片位置
|
|
53
|
+
*/
|
|
54
|
+
imagePlacement?: "left" | "right" | "none";
|
|
55
|
+
}
|
|
56
|
+
declare const TeletextList: React.FC<TeletextListProps>;
|
|
57
|
+
export default TeletextList;
|
|
@@ -0,0 +1,79 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
exports.__esModule = true;
|
|
5
|
+
exports["default"] = void 0;
|
|
6
|
+
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
7
|
+
var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
|
|
8
|
+
var _react = _interopRequireDefault(require("react"));
|
|
9
|
+
require("./index.scss");
|
|
10
|
+
var _teletextListItem = _interopRequireDefault(require("./teletext-list-item"));
|
|
11
|
+
var _childrenNodeHandle = require("../../utils/children-node-handle");
|
|
12
|
+
var _excluded = ["title", "dataList", "onClick", "children", "imagePlacement"];
|
|
13
|
+
/**
|
|
14
|
+
* 数据
|
|
15
|
+
*/
|
|
16
|
+
|
|
17
|
+
var DEFAULT_DATA_1 = {
|
|
18
|
+
image: 'https://img.alicdn.com/tps/TB16TQvOXXXXXbiaFXXXXXXXXXX-120-120.svg',
|
|
19
|
+
imagePlacement: 'left',
|
|
20
|
+
title: '标题名称',
|
|
21
|
+
description: '说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字',
|
|
22
|
+
tags: [{
|
|
23
|
+
name: '报名火热',
|
|
24
|
+
color: 'orange'
|
|
25
|
+
}, {
|
|
26
|
+
name: '人数众多',
|
|
27
|
+
color: 'blue'
|
|
28
|
+
}]
|
|
29
|
+
};
|
|
30
|
+
var DEFAULT_DATA_2 = {
|
|
31
|
+
image: 'https://img.alicdn.com/tps/TB16TQvOXXXXXbiaFXXXXXXXXXX-120-120.svg',
|
|
32
|
+
imagePlacement: 'right',
|
|
33
|
+
title: '标题名称',
|
|
34
|
+
description: '说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字',
|
|
35
|
+
tags: [{
|
|
36
|
+
name: '报名火热',
|
|
37
|
+
color: 'orange'
|
|
38
|
+
}, {
|
|
39
|
+
name: '人数众多',
|
|
40
|
+
color: 'blue'
|
|
41
|
+
}]
|
|
42
|
+
};
|
|
43
|
+
var DEFAULT_DATA_3 = {
|
|
44
|
+
title: '标题名称',
|
|
45
|
+
description: '说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字',
|
|
46
|
+
tags: [{
|
|
47
|
+
name: '报名火热',
|
|
48
|
+
color: 'orange'
|
|
49
|
+
}, {
|
|
50
|
+
name: '人数众多',
|
|
51
|
+
color: 'blue'
|
|
52
|
+
}]
|
|
53
|
+
};
|
|
54
|
+
var TeletextList = function TeletextList(_ref) {
|
|
55
|
+
var _ref$title = _ref.title,
|
|
56
|
+
title = _ref$title === void 0 ? '标题标题' : _ref$title,
|
|
57
|
+
dataList = _ref.dataList,
|
|
58
|
+
_ref$onClick = _ref.onClick,
|
|
59
|
+
onClick = _ref$onClick === void 0 ? function () {} : _ref$onClick,
|
|
60
|
+
children = _ref.children,
|
|
61
|
+
_ref$imagePlacement = _ref.imagePlacement,
|
|
62
|
+
imagePlacement = _ref$imagePlacement === void 0 ? 'left' : _ref$imagePlacement,
|
|
63
|
+
otherProps = (0, _objectWithoutPropertiesLoose2["default"])(_ref, _excluded);
|
|
64
|
+
var _otherProps = otherProps || {};
|
|
65
|
+
return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({
|
|
66
|
+
className: "teletext-list__panel"
|
|
67
|
+
}, _otherProps), (0, _childrenNodeHandle.convertChildren)(children, 'box-title'), /*#__PURE__*/_react["default"].createElement("div", {
|
|
68
|
+
className: "teletext-list__panel__item-list"
|
|
69
|
+
}, dataList ? dataList.map(function (item, index) {
|
|
70
|
+
return /*#__PURE__*/_react["default"].createElement(_teletextListItem["default"], (0, _extends2["default"])({
|
|
71
|
+
key: index,
|
|
72
|
+
onClick: onClick,
|
|
73
|
+
children: children,
|
|
74
|
+
imagePlacement: imagePlacement
|
|
75
|
+
}, item));
|
|
76
|
+
}) : /*#__PURE__*/_react["default"].createElement("div", null, "\u6682\u65E0\u6570\u636E")));
|
|
77
|
+
};
|
|
78
|
+
TeletextList.displayName = 'TeletextList';
|
|
79
|
+
var _default = exports["default"] = TeletextList;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
exports.__esModule = true;
|
|
5
|
+
var _title = _interopRequireDefault(require("./title-1"));
|
|
6
|
+
exports.Title1 = _title["default"];
|
|
7
|
+
var _title2 = _interopRequireDefault(require("./title-2"));
|
|
8
|
+
exports.Title2 = _title2["default"];
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
exports.__esModule = true;
|
|
5
|
+
exports["default"] = void 0;
|
|
6
|
+
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
7
|
+
var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
|
|
8
|
+
var _react = _interopRequireDefault(require("react"));
|
|
9
|
+
require("./title-1.scss");
|
|
10
|
+
var _excluded = ["title"];
|
|
11
|
+
var Title1 = function Title1(_ref) {
|
|
12
|
+
var _ref$title = _ref.title,
|
|
13
|
+
title = _ref$title === void 0 ? '标题标题' : _ref$title,
|
|
14
|
+
otherProps = (0, _objectWithoutPropertiesLoose2["default"])(_ref, _excluded);
|
|
15
|
+
var _otherProps = otherProps || {};
|
|
16
|
+
return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({
|
|
17
|
+
className: "custom-title-1"
|
|
18
|
+
}, _otherProps), /*#__PURE__*/_react["default"].createElement("span", null, title));
|
|
19
|
+
};
|
|
20
|
+
Title1.displayName = 'Title1';
|
|
21
|
+
var _default = exports["default"] = Title1;
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
@import '../../variables.scss';
|
|
2
|
+
|
|
3
|
+
.custom-title-1 {
|
|
4
|
+
font-size: 17px;
|
|
5
|
+
font-weight: 500;
|
|
6
|
+
color: #000000;
|
|
7
|
+
z-index: 1;
|
|
8
|
+
& > span {
|
|
9
|
+
position: relative;
|
|
10
|
+
|
|
11
|
+
&::after {
|
|
12
|
+
content: '';
|
|
13
|
+
position: absolute;
|
|
14
|
+
bottom: -2px;
|
|
15
|
+
left: 0;
|
|
16
|
+
width: 100%;
|
|
17
|
+
height: 5px;
|
|
18
|
+
background: linear-gradient(-30deg, #95CDFE, #61A0FE);
|
|
19
|
+
border-radius: 5px;
|
|
20
|
+
opacity: 0.6;
|
|
21
|
+
z-index: 0;
|
|
22
|
+
}
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import './title-2.scss';
|
|
3
|
+
export interface Title2Props {
|
|
4
|
+
/**
|
|
5
|
+
* 标题
|
|
6
|
+
*/
|
|
7
|
+
title?: string;
|
|
8
|
+
/**
|
|
9
|
+
* 颜色
|
|
10
|
+
*/
|
|
11
|
+
color?: string;
|
|
12
|
+
/**
|
|
13
|
+
* tip颜色
|
|
14
|
+
*/
|
|
15
|
+
tipColor?: string;
|
|
16
|
+
}
|
|
17
|
+
declare const Title2: React.FC<Title2Props>;
|
|
18
|
+
export default Title2;
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
exports.__esModule = true;
|
|
5
|
+
exports["default"] = void 0;
|
|
6
|
+
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
7
|
+
var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
|
|
8
|
+
var _react = _interopRequireDefault(require("react"));
|
|
9
|
+
require("./title-2.scss");
|
|
10
|
+
var _excluded = ["title", "color", "tipColor"];
|
|
11
|
+
var Title2 = function Title2(_ref) {
|
|
12
|
+
var _ref$title = _ref.title,
|
|
13
|
+
title = _ref$title === void 0 ? '标题标题' : _ref$title,
|
|
14
|
+
_ref$color = _ref.color,
|
|
15
|
+
color = _ref$color === void 0 ? '#144477' : _ref$color,
|
|
16
|
+
_ref$tipColor = _ref.tipColor,
|
|
17
|
+
tipColor = _ref$tipColor === void 0 ? '#388AF7' : _ref$tipColor,
|
|
18
|
+
otherProps = (0, _objectWithoutPropertiesLoose2["default"])(_ref, _excluded);
|
|
19
|
+
var _otherProps = otherProps || {};
|
|
20
|
+
var colorStyle = color ? {
|
|
21
|
+
color: color
|
|
22
|
+
} : {};
|
|
23
|
+
var tipColorStyle = tipColor ? {
|
|
24
|
+
'backgroundColor': tipColor
|
|
25
|
+
} : {};
|
|
26
|
+
return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({
|
|
27
|
+
className: "custom-title-2"
|
|
28
|
+
}, _otherProps), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("div", {
|
|
29
|
+
className: "tips",
|
|
30
|
+
style: tipColorStyle
|
|
31
|
+
}), /*#__PURE__*/_react["default"].createElement("span", {
|
|
32
|
+
style: colorStyle
|
|
33
|
+
}, title)));
|
|
34
|
+
};
|
|
35
|
+
Title2.displayName = 'Title2';
|
|
36
|
+
var _default = exports["default"] = Title2;
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
@import '../../variables.scss';
|
|
2
|
+
|
|
3
|
+
.custom-title-2 {
|
|
4
|
+
|
|
5
|
+
& > div {
|
|
6
|
+
font-size: 16px;
|
|
7
|
+
font-weight: 500;
|
|
8
|
+
color: #144477;
|
|
9
|
+
display: flex;
|
|
10
|
+
gap: 3.5px;
|
|
11
|
+
align-items: center;
|
|
12
|
+
|
|
13
|
+
& > div.tips {
|
|
14
|
+
content: '';
|
|
15
|
+
display: inline-block;
|
|
16
|
+
width: 3.5px;
|
|
17
|
+
height: 14.5px;
|
|
18
|
+
background-color: #388AF7;
|
|
19
|
+
}
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
}
|
package/lib/index.d.ts
ADDED
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
export type { ComponentProps } from './components/dc-slider';
|
|
2
|
+
export { default as DCSlider } from './components/dc-slider';
|
|
3
|
+
export type { NavigationProps } from './components/bottom-navigation';
|
|
4
|
+
export { default as Navigation } from './components/bottom-navigation';
|
|
5
|
+
export type { MenuListDataProps, MenuListProps } from './components/menu-list';
|
|
6
|
+
export { default as MenuList } from './components/menu-list';
|
|
7
|
+
export type { TeletextListProps } from './components/teletext-list';
|
|
8
|
+
export { default as TeletextList } from './components/teletext-list';
|
|
9
|
+
export type { Title1Props } from './components/title';
|
|
10
|
+
export { Title1 } from './components/title';
|
|
11
|
+
export type { Title2Props } from './components/title';
|
|
12
|
+
export { Title2 } from './components/title';
|
|
13
|
+
export type { GridNavProps } from './components/grid-nav';
|
|
14
|
+
export { default as GridNav } from './components/grid-nav';
|
|
15
|
+
export type { SearchBarProps } from './components/search-bar';
|
|
16
|
+
export { default as SearchBar } from './components/search-bar';
|
|
17
|
+
export type { LocationProps } from './components/position';
|
|
18
|
+
export { default as Position } from './components/position';
|
|
19
|
+
export type { TagProps } from './components/tag';
|
|
20
|
+
export { default as TagC } from './components/tag';
|
|
21
|
+
declare const bizCssPrefix = "bizpack";
|
|
22
|
+
export { bizCssPrefix };
|
package/lib/index.js
ADDED
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
exports.__esModule = true;
|
|
5
|
+
exports.bizCssPrefix = exports.Title2 = exports.Title1 = exports.TeletextList = exports.TagC = exports.SearchBar = exports.Position = exports.Navigation = exports.MenuList = exports.GridNav = exports.DCSlider = void 0;
|
|
6
|
+
var _dcSlider = _interopRequireDefault(require("./components/dc-slider"));
|
|
7
|
+
exports.DCSlider = _dcSlider["default"];
|
|
8
|
+
var _bottomNavigation = _interopRequireDefault(require("./components/bottom-navigation"));
|
|
9
|
+
exports.Navigation = _bottomNavigation["default"];
|
|
10
|
+
var _menuList = _interopRequireDefault(require("./components/menu-list"));
|
|
11
|
+
exports.MenuList = _menuList["default"];
|
|
12
|
+
var _teletextList = _interopRequireDefault(require("./components/teletext-list"));
|
|
13
|
+
exports.TeletextList = _teletextList["default"];
|
|
14
|
+
var _title = require("./components/title");
|
|
15
|
+
exports.Title1 = _title.Title1;
|
|
16
|
+
exports.Title2 = _title.Title2;
|
|
17
|
+
var _gridNav = _interopRequireDefault(require("./components/grid-nav"));
|
|
18
|
+
exports.GridNav = _gridNav["default"];
|
|
19
|
+
var _searchBar = _interopRequireDefault(require("./components/search-bar"));
|
|
20
|
+
exports.SearchBar = _searchBar["default"];
|
|
21
|
+
var _position = _interopRequireDefault(require("./components/position"));
|
|
22
|
+
exports.Position = _position["default"];
|
|
23
|
+
var _tag = _interopRequireDefault(require("./components/tag"));
|
|
24
|
+
exports.TagC = _tag["default"];
|
|
25
|
+
var bizCssPrefix = exports.bizCssPrefix = 'bizpack';
|
package/lib/index.scss
ADDED
package/lib/style.js
ADDED
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
exports.__esModule = true;
|
|
5
|
+
exports.convertChildren = convertChildren;
|
|
6
|
+
var _react = _interopRequireDefault(require("react"));
|
|
7
|
+
/**
|
|
8
|
+
* 从children数组中获取指定组件
|
|
9
|
+
* @author ZhuGangMin
|
|
10
|
+
* @date 2024-09-21 14:07:02
|
|
11
|
+
*/
|
|
12
|
+
function convertChildren(children, key) {
|
|
13
|
+
var node;
|
|
14
|
+
console.log('key', key);
|
|
15
|
+
if (Array.isArray(children)) {
|
|
16
|
+
for (var i = 0; i < children.length; i++) {
|
|
17
|
+
var child = children[i];
|
|
18
|
+
console.log('child', child);
|
|
19
|
+
console.log('props', child.key);
|
|
20
|
+
if (child.key === key) {
|
|
21
|
+
node = /*#__PURE__*/_react["default"].cloneElement(child, child.props);
|
|
22
|
+
break;
|
|
23
|
+
}
|
|
24
|
+
}
|
|
25
|
+
}
|
|
26
|
+
console.log('node', node);
|
|
27
|
+
return node;
|
|
28
|
+
}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
export declare const ValueWrapper: (NextFormComponent: React.ElementType, displayName: string) => {
|
|
3
|
+
(props: any): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
|
|
4
|
+
displayName: string;
|
|
5
|
+
};
|
|
6
|
+
export declare const DynamicPropWrapper: (prop: string, NextFormComponent: React.ElementType, displayName: string) => {
|
|
7
|
+
(props: any): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
|
|
8
|
+
displayName: string;
|
|
9
|
+
};
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
exports.__esModule = true;
|
|
5
|
+
exports.ValueWrapper = exports.DynamicPropWrapper = void 0;
|
|
6
|
+
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
7
|
+
var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
|
|
8
|
+
var React = _interopRequireWildcard(require("react"));
|
|
9
|
+
var _excluded = ["__designMode", "value", "defaultValue"],
|
|
10
|
+
_excluded2 = ["__designMode"];
|
|
11
|
+
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); }
|
|
12
|
+
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; }
|
|
13
|
+
var createElement = React.createElement;
|
|
14
|
+
var ValueWrapper = exports.ValueWrapper = function ValueWrapper(NextFormComponent, displayName) {
|
|
15
|
+
var WrappedComponent = function WrappedComponent(props) {
|
|
16
|
+
var __designMode = props.__designMode,
|
|
17
|
+
value = props.value,
|
|
18
|
+
defaultValue = props.defaultValue,
|
|
19
|
+
otherProps = (0, _objectWithoutPropertiesLoose2["default"])(props, _excluded);
|
|
20
|
+
var finalValue = __designMode === 'design' ? defaultValue : value;
|
|
21
|
+
if (typeof finalValue !== 'undefined') {
|
|
22
|
+
otherProps.value = finalValue;
|
|
23
|
+
}
|
|
24
|
+
return createElement(NextFormComponent, (0, _extends2["default"])({}, otherProps));
|
|
25
|
+
};
|
|
26
|
+
WrappedComponent.displayName = displayName;
|
|
27
|
+
return WrappedComponent;
|
|
28
|
+
};
|
|
29
|
+
var DynamicPropWrapper = exports.DynamicPropWrapper = function DynamicPropWrapper(prop, NextFormComponent, displayName) {
|
|
30
|
+
var WrappedComponent = function WrappedComponent(props) {
|
|
31
|
+
var dynamicProp = prop;
|
|
32
|
+
var defaultDynamicProp = "default" + prop.slice(0, 1).toUpperCase() + prop.slice(1);
|
|
33
|
+
var __designMode = props.__designMode,
|
|
34
|
+
otherProps = (0, _objectWithoutPropertiesLoose2["default"])(props, _excluded2);
|
|
35
|
+
var dynamicPropValueValue = props[dynamicProp];
|
|
36
|
+
var defaultDynamicPropValue = props[defaultDynamicProp];
|
|
37
|
+
var finalValue = __designMode === 'design' ? defaultDynamicPropValue : dynamicPropValueValue;
|
|
38
|
+
if (typeof finalValue !== 'undefined') {
|
|
39
|
+
otherProps[dynamicProp] = finalValue;
|
|
40
|
+
}
|
|
41
|
+
return createElement(NextFormComponent, (0, _extends2["default"])({}, otherProps));
|
|
42
|
+
};
|
|
43
|
+
WrappedComponent.displayName = displayName;
|
|
44
|
+
return WrappedComponent;
|
|
45
|
+
};
|
package/lib/variables.js
ADDED
|
@@ -320,7 +320,21 @@ export default {
|
|
|
320
320
|
},
|
|
321
321
|
{
|
|
322
322
|
name: 'picUrls',
|
|
323
|
-
setter:
|
|
323
|
+
setter: {
|
|
324
|
+
componentName: 'SetterFormVariable',
|
|
325
|
+
props: {
|
|
326
|
+
attributes: [
|
|
327
|
+
{
|
|
328
|
+
label: '图标链接',
|
|
329
|
+
value: 'picUrls',
|
|
330
|
+
children: [
|
|
331
|
+
{ label: '图片链接', value: 'picUrls' },
|
|
332
|
+
{ label: '图片链接2', value: 'picUrls2' }
|
|
333
|
+
]
|
|
334
|
+
}
|
|
335
|
+
]
|
|
336
|
+
}
|
|
337
|
+
}
|
|
324
338
|
}
|
|
325
339
|
],
|
|
326
340
|
},
|