@dckj-npm/dc-material 0.1.11 → 0.1.13

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

@@ -1,42 +0,0 @@
-import React from 'react';
-import './teletext-list-item.scss';
-/**
- * 数据
- */
-interface TeletextListItemProps {
-    /**
-     * 点击事件
-     */
-    onClick?: (e: any) => void;
-    /**
-     * 标题
-     */
-    title?: string;
-    /**
-     * 图片地址
-     */
-    image?: string;
-    /**
-     * 图片位置
-     */
-    imagePlacement?: "left" | "right" | "none";
-    /**
-     * 说明
-     */
-    description?: string;
-    /**
-     * 标签列表
-     */
-    tags?: {
-        /**
-         * 标签名称
-         */
-        name: string;
-        /**
-         * 标签颜色
-         */
-        color: string;
-    }[];
-}
-declare const TeletextListItem: React.FC<TeletextListItemProps>;
-export default TeletextListItem;

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

@@ -1,39 +0,0 @@
-"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("./teletext-list-item.scss");
-var _childrenNodeHandle = require("../../utils/children-node-handle");
-var _excluded = ["onClick", "title", "image", "children", "imagePlacement", "description", "tags"];
-/**
- * 数据
- */
-
-var TeletextListItem = function TeletextListItem(_ref) {
-  var _ref$onClick = _ref.onClick,
-    onClick = _ref$onClick === void 0 ? function () {} : _ref$onClick,
-    title = _ref.title,
-    image = _ref.image,
-    children = _ref.children,
-    imagePlacement = _ref.imagePlacement,
-    description = _ref.description,
-    tags = _ref.tags,
-    otherProps = (0, _objectWithoutPropertiesLoose2["default"])(_ref, _excluded);
-  var _otherProps = otherProps || {};
-  return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({
-    className: "teletext-list__panel__item",
-    onClick: onClick
-  }, _otherProps), image && imagePlacement === 'left' ? (0, _childrenNodeHandle.convertChildren)(children, 'image') : null, /*#__PURE__*/_react["default"].createElement("div", {
-    className: "teletext-list__panel__item__text"
-  }, (0, _childrenNodeHandle.convertChildren)(children, 'title'), (0, _childrenNodeHandle.convertChildren)(children, 'content'), tags ? /*#__PURE__*/_react["default"].createElement("div", {
-    className: "teletext-list__panel__item__text__tags"
-  }, tags === null || tags === void 0 ? void 0 : tags.map(function (tag, tagIndex) {
-    return (0, _childrenNodeHandle.convertChildren)(children, 'teletext-tagc-1');
-  })) : null), image && imagePlacement === 'right' ? (0, _childrenNodeHandle.convertChildren)(children, 'image') : null);
-};
-TeletextListItem.displayName = 'TeletextListItem';
-var _default = exports["default"] = TeletextListItem;

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

@@ -1,74 +0,0 @@
-@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

@@ -1,57 +0,0 @@
-import React from 'react';
-import './index.scss';
-/**
- * 数据
- */
-interface DataProps {
-    /**
-     * 标题
-     */
-    title?: string;
-    /**
-     * 图片地址
-     */
-    image?: string;
-    /**
-     * 说明
-     */
-    description?: string;
-    /**
-     * 标签列表
-     */
-    tags?: {
-        /**
-         * 标签名称
-         */
-        name: string;
-        /**
-         * 标签颜色
-         */
-        color: 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

@@ -1,79 +0,0 @@
-"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 DEFAULT_DATA_1 = {
-  image: 'https://img.alicdn.com/tps/TB16TQvOXXXXXbiaFXXXXXXXXXX-120-120.svg',
-  imagePlacement: 'left',
-  title: '标题名称',
-  description: '说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字',
-  tags: [{
-    name: '报名火热',
-    color: 'orange'
-  }, {
-    name: '人数众多',
-    color: 'blue'
-  }]
-};
-var DEFAULT_DATA_2 = {
-  image: 'https://img.alicdn.com/tps/TB16TQvOXXXXXbiaFXXXXXXXXXX-120-120.svg',
-  imagePlacement: 'right',
-  title: '标题名称',
-  description: '说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字',
-  tags: [{
-    name: '报名火热',
-    color: 'orange'
-  }, {
-    name: '人数众多',
-    color: 'blue'
-  }]
-};
-var DEFAULT_DATA_3 = {
-  title: '标题名称',
-  description: '说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字说明文字',
-  tags: [{
-    name: '报名火热',
-    color: 'orange'
-  }, {
-    name: '人数众多',
-    color: 'blue'
-  }]
-};
-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

@@ -1,8 +0,0 @@
-/**
- * 标题
- */
-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

@@ -1,8 +0,0 @@
-"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

@@ -1,10 +0,0 @@
-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

@@ -1,21 +0,0 @@
-"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

@@ -1,25 +0,0 @@
-@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

@@ -1,18 +0,0 @@
-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

@@ -1,36 +0,0 @@
-"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

@@ -1,22 +0,0 @@
-@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

@@ -1,22 +0,0 @@
-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 { default as 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';
-declare const bizCssPrefix = "bizpack";
-export { bizCssPrefix };

package/lib/index.js

@@ -1,25 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports.bizCssPrefix = exports.Title2 = exports.Title1 = exports.TeletextList = exports.TagC = exports.SearchBar = exports.Position = exports.Navigation = exports.MenuList = exports.GridNav = exports.DCSlider = 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 = _interopRequireDefault(require("./components/teletext-list"));
-exports.TeletextList = _teletextList["default"];
-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 bizCssPrefix = exports.bizCssPrefix = 'bizpack';

package/lib/index.scss

@@ -1,5 +0,0 @@
-@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';

package/lib/style.js

@@ -1,4 +0,0 @@
-require('@alifd/next/lib/slider/style');
-
-require('@alifd/next/lib/search/style');
-require('./index.scss');

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

@@ -1,6 +0,0 @@
-/**
- * 从children数组中获取指定组件
- * @author ZhuGangMin
- * @date 2024-09-21 14:07:02
- */
-export declare function convertChildren(children: any, key: string): any;

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

@@ -1,28 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports.convertChildren = convertChildren;
-var _react = _interopRequireDefault(require("react"));
-/**
- * 从children数组中获取指定组件
- * @author ZhuGangMin
- * @date 2024-09-21 14:07:02
- */
-function convertChildren(children, key) {
-  var node;
-  console.log('key', key);
-  if (Array.isArray(children)) {
-    for (var i = 0; i < children.length; i++) {
-      var child = children[i];
-      console.log('child', child);
-      console.log('props', child.key);
-      if (child.key === key) {
-        node = /*#__PURE__*/_react["default"].cloneElement(child, child.props);
-        break;
-      }
-    }
-  }
-  console.log('node', node);
-  return node;
-}

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

@@ -1,9 +0,0 @@
-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

@@ -1,45 +0,0 @@
-"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

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

package/lib/variables.js

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

package/lib/variables.scss

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