@dckj-npm/dc-material 0.1.14 → 0.1.16

package/lib/components/teletext-list/teletext-list-item.scss

@@ -0,0 +1,74 @@
+@import '../../variables.scss';
+
+.teletext-list__panel__item {
+  display: flex;
+  gap: 5px;
+  padding-bottom: 10px;
+  justify-content: flex-start;
+
+  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+
+  .teletext-list__panel__item_image {
+    width: 90px;
+    height: 71px;
+    border-radius: 5px;
+    flex: 0 0 auto;
+    overflow: hidden;
+
+    & > img {
+      width: 100%;
+      height: 100%;
+      object-fit: cover;
+    }
+
+  }
+
+  .teletext-list__panel__item__text {
+    display: flex;
+    flex-direction: column;
+    gap: 3px;
+
+    .teletext-list__panel__item__text__title {
+      font-size: 15px;
+      font-weight: 500;
+      color: #000000;
+    }
+
+    .teletext-list__panel__item__text__description {
+      -webkit-line-clamp: 1;
+      overflow: hidden;
+      color: #686868;
+      -webkit-box-orient: vertical;
+      display: -webkit-box;
+      font-size: 12px;
+      text-overflow: ellipsis;
+    }
+
+    .teletext-list__panel__item__text__tags {
+      display: flex;
+      gap: 6px;
+
+      & > span {
+        padding: 2px 6px;
+        border-radius: 4px;
+        background-color: black;
+        color: white;
+        font-size: 11px;
+
+        &.orange {
+          color: #F1770E;
+          background-color: rgba(241, 119, 14, 0.1);
+        }
+
+        &.blue {
+          color: #2972DD;
+          background-color: rgba(41, 114, 221, 0.1);
+        }
+
+      }
+
+    }
+
+  }
+
+}

package/lib/components/teletext-list/teletext-list.d.ts

@@ -0,0 +1,61 @@
+import React from 'react';
+import './index.scss';
+/**
+ * 数据
+ */
+interface DataProps {
+    /**
+     * 标题
+     */
+    title?: string;
+    /**
+     * 图片地址
+     */
+    image?: string;
+    /**
+     * 说明
+     */
+    description?: string;
+    /**
+     * 标签列表
+     */
+    tags?: {
+        /**
+         * 标签名称
+         */
+        name: string;
+        /**
+         * 标签颜色
+         */
+        color: string;
+    }[] | string;
+    /**
+     * 链接地址
+     */
+    link?: string;
+}
+export interface TeletextListProps {
+    /**
+     * 标题
+     */
+    title?: string;
+    /**
+     * 数据
+     */
+    dataList?: DataProps[];
+    /**
+     * 点击事件
+     * @param e
+     */
+    onClick?: (e: any) => void;
+    /**
+     * 子节点
+     */
+    children: React.ReactChild;
+    /**
+     * 图片位置
+     */
+    imagePlacement?: "left" | "right" | "none";
+}
+declare const TeletextList: React.FC<TeletextListProps>;
+export default TeletextList;

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

@@ -0,0 +1,42 @@
+"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 = _interopRequireDefault(require("react"));
+require("./index.scss");
+var _teletextListItem = _interopRequireDefault(require("./teletext-list-item"));
+var _childrenNodeHandle = require("../../utils/children-node-handle");
+var _excluded = ["title", "dataList", "onClick", "children", "imagePlacement"];
+/**
+ * 数据
+ */
+
+var TeletextList = function TeletextList(_ref) {
+  var _ref$title = _ref.title,
+    title = _ref$title === void 0 ? '标题名称' : _ref$title,
+    dataList = _ref.dataList,
+    _ref$onClick = _ref.onClick,
+    onClick = _ref$onClick === void 0 ? function () {} : _ref$onClick,
+    children = _ref.children,
+    _ref$imagePlacement = _ref.imagePlacement,
+    imagePlacement = _ref$imagePlacement === void 0 ? 'left' : _ref$imagePlacement,
+    otherProps = (0, _objectWithoutPropertiesLoose2["default"])(_ref, _excluded);
+  var _otherProps = otherProps || {};
+  return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({
+    className: "teletext-list__panel"
+  }, _otherProps), (0, _childrenNodeHandle.convertChildren)(children, 'box-title'), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "teletext-list__panel__item-list"
+  }, dataList ? dataList.map(function (item, index) {
+    return /*#__PURE__*/_react["default"].createElement(_teletextListItem["default"], (0, _extends2["default"])({
+      key: index,
+      onClick: onClick,
+      children: children,
+      imagePlacement: imagePlacement
+    }, item));
+  }) : /*#__PURE__*/_react["default"].createElement("div", null, "\u6682\u65E0\u6570\u636E")));
+};
+TeletextList.displayName = 'TeletextList';
+var _default = exports["default"] = TeletextList;

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

@@ -0,0 +1,8 @@
+/**
+ * 标题
+ */
+import Title1 from './title-1';
+import Title2 from './title-2';
+export type { Title1Props } from './title-1';
+export type { Title2Props } from './title-2';
+export { Title1, Title2 };

package/lib/components/title/index.js

@@ -0,0 +1,8 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+var _title = _interopRequireDefault(require("./title-1"));
+exports.Title1 = _title["default"];
+var _title2 = _interopRequireDefault(require("./title-2"));
+exports.Title2 = _title2["default"];

package/lib/components/title/title-1.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import './title-1.scss';
+export interface Title1Props {
+    /**
+     * 标题
+     */
+    title?: string;
+}
+declare const Title1: React.FC<Title1Props>;
+export default Title1;

package/lib/components/title/title-1.js

@@ -0,0 +1,21 @@
+"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 = _interopRequireDefault(require("react"));
+require("./title-1.scss");
+var _excluded = ["title"];
+var Title1 = function Title1(_ref) {
+  var _ref$title = _ref.title,
+    title = _ref$title === void 0 ? '标题标题' : _ref$title,
+    otherProps = (0, _objectWithoutPropertiesLoose2["default"])(_ref, _excluded);
+  var _otherProps = otherProps || {};
+  return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({
+    className: "custom-title-1"
+  }, _otherProps), /*#__PURE__*/_react["default"].createElement("span", null, title));
+};
+Title1.displayName = 'Title1';
+var _default = exports["default"] = Title1;

package/lib/components/title/title-1.scss

@@ -0,0 +1,25 @@
+@import '../../variables.scss';
+
+.custom-title-1 {
+  font-size: 17px;
+  font-weight: 500;
+  color: #000000;
+  z-index: 1;
+  & > span {
+    position: relative;
+
+    &::after {
+      content: '';
+      position: absolute;
+      bottom: -2px;
+      left: 0;
+      width: 100%;
+      height: 5px;
+      background: linear-gradient(-30deg, #95CDFE, #61A0FE);
+      border-radius: 5px;
+      opacity: 0.6;
+      z-index: 0;
+    }
+  }
+
+}

package/lib/components/title/title-2.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import './title-2.scss';
+export interface Title2Props {
+    /**
+     * 标题
+     */
+    title?: string;
+    /**
+     * 颜色
+     */
+    color?: string;
+    /**
+     * tip颜色
+     */
+    tipColor?: string;
+}
+declare const Title2: React.FC<Title2Props>;
+export default Title2;

package/lib/components/title/title-2.js

@@ -0,0 +1,36 @@
+"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 = _interopRequireDefault(require("react"));
+require("./title-2.scss");
+var _excluded = ["title", "color", "tipColor"];
+var Title2 = function Title2(_ref) {
+  var _ref$title = _ref.title,
+    title = _ref$title === void 0 ? '标题标题' : _ref$title,
+    _ref$color = _ref.color,
+    color = _ref$color === void 0 ? '#144477' : _ref$color,
+    _ref$tipColor = _ref.tipColor,
+    tipColor = _ref$tipColor === void 0 ? '#388AF7' : _ref$tipColor,
+    otherProps = (0, _objectWithoutPropertiesLoose2["default"])(_ref, _excluded);
+  var _otherProps = otherProps || {};
+  var colorStyle = color ? {
+    color: color
+  } : {};
+  var tipColorStyle = tipColor ? {
+    'backgroundColor': tipColor
+  } : {};
+  return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({
+    className: "custom-title-2"
+  }, _otherProps), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "tips",
+    style: tipColorStyle
+  }), /*#__PURE__*/_react["default"].createElement("span", {
+    style: colorStyle
+  }, title)));
+};
+Title2.displayName = 'Title2';
+var _default = exports["default"] = Title2;

package/lib/components/title/title-2.scss

@@ -0,0 +1,22 @@
+@import '../../variables.scss';
+
+.custom-title-2 {
+
+  & > div {
+    font-size: 16px;
+    font-weight: 500;
+    color: #144477;
+    display: flex;
+    gap: 3.5px;
+    align-items: center;
+
+    & > div.tips {
+      content: '';
+      display: inline-block;
+      width: 3.5px;
+      height: 14.5px;
+      background-color: #388AF7;
+    }
+  }
+
+}

package/lib/index.d.ts

@@ -0,0 +1,36 @@
+export type { ComponentProps } from './components/dc-slider';
+export { default as DCSlider } from './components/dc-slider';
+export type { NavigationProps } from './components/bottom-navigation';
+export { default as Navigation } from './components/bottom-navigation';
+export type { MenuListDataProps, MenuListProps } from './components/menu-list';
+export { default as MenuList } from './components/menu-list';
+export type { TeletextListProps } from './components/teletext-list';
+export { TeletextList } from './components/teletext-list';
+export type { Title1Props } from './components/title';
+export { Title1 } from './components/title';
+export type { Title2Props } from './components/title';
+export { Title2 } from './components/title';
+export type { GridNavProps } from './components/grid-nav';
+export { default as GridNav } from './components/grid-nav';
+export type { SearchBarProps } from './components/search-bar';
+export { default as SearchBar } from './components/search-bar';
+export type { LocationProps } from './components/position';
+export { default as Position } from './components/position';
+export type { TagProps } from './components/tag';
+export { default as TagC } from './components/tag';
+export type { MessageListProps } from './components/message-list';
+export { default as MessageList } from './components/message-list';
+export type { TabProps } from './components/tab';
+export { default as TabMessage } from './components/tab';
+export type { NoticeBarProps } from './components/notice-bar';
+export { default as NoticeBar } from './components/notice-bar';
+export type { TabContainerProps } from './components/tab-container';
+export { default as TabContainer } from './components/tab-container';
+export type { TabContainerItemProps } from './components/tab-container-item';
+export { default as TabContainerItem } from './components/tab-container-item';
+export type { IntegralTaskProps } from './components/integral-task';
+export { default as IntegralTask } from './components/integral-task';
+export type { ButtonProps } from './components/button';
+export { default as Button2 } from './components/button';
+declare const bizCssPrefix = "bizpack";
+export { bizCssPrefix };

package/lib/index.js

@@ -0,0 +1,73 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.bizCssPrefix = exports.Title2 = exports.Title1 = exports.TeletextList = exports.TagC = exports.TabMessage = exports.TabContainerItem = exports.TabContainer = exports.SearchBar = exports.Position = exports.NoticeBar = exports.Navigation = exports.MessageList = exports.MenuList = exports.IntegralTask = exports.GridNav = exports.DCSlider = exports.Button2 = void 0;
+var _dcSlider = _interopRequireDefault(require("./components/dc-slider"));
+exports.DCSlider = _dcSlider["default"];
+var _bottomNavigation = _interopRequireDefault(require("./components/bottom-navigation"));
+exports.Navigation = _bottomNavigation["default"];
+var _menuList = _interopRequireDefault(require("./components/menu-list"));
+exports.MenuList = _menuList["default"];
+var _teletextList = require("./components/teletext-list");
+exports.TeletextList = _teletextList.TeletextList;
+var _title = require("./components/title");
+exports.Title1 = _title.Title1;
+exports.Title2 = _title.Title2;
+var _gridNav = _interopRequireDefault(require("./components/grid-nav"));
+exports.GridNav = _gridNav["default"];
+var _searchBar = _interopRequireDefault(require("./components/search-bar"));
+exports.SearchBar = _searchBar["default"];
+var _position = _interopRequireDefault(require("./components/position"));
+exports.Position = _position["default"];
+var _tag = _interopRequireDefault(require("./components/tag"));
+exports.TagC = _tag["default"];
+var _messageList = _interopRequireDefault(require("./components/message-list"));
+exports.MessageList = _messageList["default"];
+var _tab = _interopRequireDefault(require("./components/tab"));
+exports.TabMessage = _tab["default"];
+var _noticeBar = _interopRequireDefault(require("./components/notice-bar"));
+exports.NoticeBar = _noticeBar["default"];
+var _tabContainer = _interopRequireDefault(require("./components/tab-container"));
+exports.TabContainer = _tabContainer["default"];
+var _tabContainerItem = _interopRequireDefault(require("./components/tab-container-item"));
+exports.TabContainerItem = _tabContainerItem["default"];
+var _integralTask = _interopRequireDefault(require("./components/integral-task"));
+exports.IntegralTask = _integralTask["default"];
+var _button = _interopRequireDefault(require("./components/button"));
+exports.Button2 = _button["default"];
+// 轮播图
+
+// 底部导航
+
+// 列表菜单
+
+// 图文列表
+
+// 标题1
+
+// 标题2
+
+// 网格导航
+
+// 搜索框
+
+// 定位
+
+// 标签
+
+// 消息列表
+
+// 消息tab
+
+// 公告栏
+
+// 选项卡
+
+// 选项卡子项
+
+// 积分任务列表
+
+// 按钮
+
+var bizCssPrefix = exports.bizCssPrefix = 'bizpack';

package/lib/index.scss

@@ -0,0 +1,6 @@
+@import './components/colorful-button/index.scss';
+@import './components/colorful-input/index.scss';
+@import './components/teletext-list/index.scss';
+@import './components/grid-nav/index.scss';
+@import './components/search-bar/index.scss';
+@import './components/notice-bar/index.scss';

package/lib/style.js

@@ -0,0 +1,5 @@
+require('antd/lib/button/style');
+
+require('@alifd/next/lib/search/style');
+require('@alifd/next/lib/tab/style');
+require('./index.scss');

package/lib/utils/children-node-handle.d.ts

@@ -0,0 +1,9 @@
+/**
+ * 从children数组中获取指定组件
+ * @author ZhuGangMin
+ * @date 2024-09-21 14:07:02
+ * @param children 父组件传递过来children
+ * @param key 组件的key
+ * @param props 要覆盖的属性
+ */
+export declare function convertChildren(children: any, key: string, props?: any): any;

package/lib/utils/children-node-handle.js

@@ -0,0 +1,32 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.convertChildren = convertChildren;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+/**
+ * 从children数组中获取指定组件
+ * @author ZhuGangMin
+ * @date 2024-09-21 14:07:02
+ * @param children 父组件传递过来children
+ * @param key 组件的key
+ * @param props 要覆盖的属性
+ */
+function convertChildren(children, key, props) {
+  var node;
+  if (Array.isArray(children)) {
+    for (var i = 0; i < children.length; i++) {
+      var child = children[i];
+      if (child.key === key) {
+        // 属性融合
+        var propsContact = props ? (0, _extends2["default"])({}, child.props, props) : child.props;
+        console.log('propsContact', propsContact);
+        node = /*#__PURE__*/_react["default"].cloneElement(child, propsContact);
+        break;
+      }
+    }
+  }
+  console.log('node', node);
+  return node;
+}

package/lib/utils/component-wrapper.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+export declare const ValueWrapper: (NextFormComponent: React.ElementType, displayName: string) => {
+    (props: any): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+    displayName: string;
+};
+export declare const DynamicPropWrapper: (prop: string, NextFormComponent: React.ElementType, displayName: string) => {
+    (props: any): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+    displayName: string;
+};

package/lib/utils/component-wrapper.js

@@ -0,0 +1,45 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.ValueWrapper = exports.DynamicPropWrapper = 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 = ["__designMode", "value", "defaultValue"],
+  _excluded2 = ["__designMode"];
+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 createElement = React.createElement;
+var ValueWrapper = exports.ValueWrapper = function ValueWrapper(NextFormComponent, displayName) {
+  var WrappedComponent = function WrappedComponent(props) {
+    var __designMode = props.__designMode,
+      value = props.value,
+      defaultValue = props.defaultValue,
+      otherProps = (0, _objectWithoutPropertiesLoose2["default"])(props, _excluded);
+    var finalValue = __designMode === 'design' ? defaultValue : value;
+    if (typeof finalValue !== 'undefined') {
+      otherProps.value = finalValue;
+    }
+    return createElement(NextFormComponent, (0, _extends2["default"])({}, otherProps));
+  };
+  WrappedComponent.displayName = displayName;
+  return WrappedComponent;
+};
+var DynamicPropWrapper = exports.DynamicPropWrapper = function DynamicPropWrapper(prop, NextFormComponent, displayName) {
+  var WrappedComponent = function WrappedComponent(props) {
+    var dynamicProp = prop;
+    var defaultDynamicProp = "default" + prop.slice(0, 1).toUpperCase() + prop.slice(1);
+    var __designMode = props.__designMode,
+      otherProps = (0, _objectWithoutPropertiesLoose2["default"])(props, _excluded2);
+    var dynamicPropValueValue = props[dynamicProp];
+    var defaultDynamicPropValue = props[defaultDynamicProp];
+    var finalValue = __designMode === 'design' ? defaultDynamicPropValue : dynamicPropValueValue;
+    if (typeof finalValue !== 'undefined') {
+      otherProps[dynamicProp] = finalValue;
+    }
+    return createElement(NextFormComponent, (0, _extends2["default"])({}, otherProps));
+  };
+  WrappedComponent.displayName = displayName;
+  return WrappedComponent;
+};

package/lib/variables.d.ts

@@ -0,0 +1,2 @@
+declare const bizCssPrefix = "bizpack";
+export { bizCssPrefix };

package/lib/variables.js

@@ -0,0 +1,5 @@
+"use strict";
+
+exports.__esModule = true;
+exports.bizCssPrefix = void 0;
+var bizCssPrefix = exports.bizCssPrefix = 'bizpack';

package/lib/variables.scss

@@ -0,0 +1,3 @@
+@import '~@alifd/next/variables.scss';
+
+$biz-css-prefix: '.bizpack';

package/lowcode/button2/meta.ts

@@ -0,0 +1,75 @@
+
+import { IPublicTypeComponentMetadata, IPublicTypeSnippet } from '@alilc/lowcode-types';
+
+const Button2Meta: IPublicTypeComponentMetadata = {
+  "componentName": "Button2",
+  "title": "按钮",
+  "docUrl": "",
+  "screenshot": "",
+  "devMode": "proCode",
+  "npm": {
+    "package": "@dckj-npm/dc-material",
+    "version": "0.1.13",
+    "exportName": "Button2",
+    "main": "src\\index.tsx",
+    "destructuring": true,
+    "subName": ""
+  },
+  "configure": {
+    "props": [
+      {
+        "title": {
+          "label": {
+            "type": "i18n",
+            "en-US": "name",
+            "zh-CN": "标签名称"
+          },
+          "tip": "name | 标签名称"
+        },
+        "name": "name",
+        "description": "标签名称",
+        "setter": {
+          "componentName": "StringSetter",
+          "isRequired": true,
+          "initialValue": ""
+        }
+      },
+      {
+        "title": {
+          "label": {
+            "type": "i18n",
+            "en-US": "color",
+            "zh-CN": "标签颜色"
+          },
+          "tip": "color | 标签颜色"
+        },
+        "name": "color",
+        "description": "标签颜色",
+        "setter": {
+          "componentName": "StringSetter",
+          "isRequired": true,
+          "initialValue": ""
+        }
+      }
+    ],
+    "supports": {
+      "style": true
+    },
+    "component": {}
+  }
+};
+const snippets: IPublicTypeSnippet[] = [
+  {
+    "title": "按钮",
+    "screenshot": "",
+    "schema": {
+      "componentName": "Button2",
+      "props": {}
+    }
+  }
+];
+
+export default {
+  ...Button2Meta,
+  snippets
+};