@dckj-npm/dc-material 0.1.328 → 0.1.331

package/es/components/bottom-navigation/bottom-navigation.d.ts

@@ -1,15 +0,0 @@
-import * as React from 'react';
-import './index.scss';
-interface Navigation {
-    text: string;
-    icon: string;
-    selectedIcon: string;
-    pageId: string;
-}
-export interface NavigationProps {
-    itemArray: Navigation[];
-    selectedColor: string;
-    onClick?: (pageId: string) => void;
-}
-declare const Navigation: React.FC<NavigationProps>;
-export default Navigation;

package/es/components/bottom-navigation/bottom-navigation.js

@@ -1,53 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
-var _excluded = ["itemArray", "selectedColor", "onClick", "__designMode"];
-import * as React from 'react';
-import { Image } from '@alilc/lowcode-materials';
-import "./index.scss";
-var Navigation = function bottomNavigation(_ref) {
-  var itemArray = _ref.itemArray,
-    selectedColor = _ref.selectedColor,
-    onClick = _ref.onClick,
-    __designMode = _ref.__designMode,
-    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded);
-  var _React$useState = React.useState(0),
-    activeNum = _React$useState[0],
-    setActiveNum = _React$useState[1];
-  var clickHandle = function clickHandle(index, pageId) {
-    // 更新激活tab
-    setActiveNum(index);
-    if (__designMode == 'design') {
-      // 设计态不执行跳转
-      return;
-    }
-    console.log('clickHandle', pageId);
-    onClick(pageId);
-  };
-  return /*#__PURE__*/React.createElement("div", _extends({
-    className: "navigation-panel"
-  }, otherProps), itemArray.map(function (item, index) {
-    var _item$selectedIcon;
-    return /*#__PURE__*/React.createElement("div", {
-      className: "navigation-panel-item",
-      onClick: function onClick() {
-        return clickHandle(index, item.pageId);
-      },
-      style: {
-        color: activeNum === index ? selectedColor !== null && selectedColor !== void 0 ? selectedColor : '#4598FF' : '',
-        fontWeight: activeNum === index ? "bold" : "500"
-      }
-    }, /*#__PURE__*/React.createElement(Image, {
-      className: "navigation-item-image",
-      src: activeNum === index ? (_item$selectedIcon = item.selectedIcon) !== null && _item$selectedIcon !== void 0 ? _item$selectedIcon : item.icon : item.icon,
-      style: {
-        width: '24.5px',
-        height: '24.5px'
-      }
-    }), /*#__PURE__*/React.createElement("span", {
-      style: {
-        fontSize: "12px"
-      }
-    }, item.text));
-  }));
-};
-export default Navigation;

package/es/components/bottom-navigation/index.d.ts

@@ -1,3 +0,0 @@
-import Navigation from './bottom-navigation';
-export type { NavigationProps } from './bottom-navigation';
-export default Navigation;

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

@@ -1,2 +0,0 @@
-import Navigation from "./bottom-navigation";
-export default Navigation;

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

@@ -1,24 +0,0 @@
-.navigation-panel {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  padding: 9px 0px 6px 0px;
-  width: 100%;
-  position: fixed;
-  left: 0;
-  bottom: 0;
-  background-color: #fff;
-  box-sizing: border-box;
-  z-index: 10;
-  &-item {
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    align-items: center;
-    cursor: pointer;
-    flex: 1;
-    .navigation-item-image {
-      margin-bottom: 3px;
-    }
-  }
-}

package/es/components/button/button.d.ts

@@ -1,14 +0,0 @@
-import * as React from 'react';
-import './index.scss';
-export interface ButtonProps {
-    /**
-     * 标签名称
-     */
-    name: string;
-    /**
-     * 标签颜色
-     */
-    color: string;
-}
-declare const Button: React.FC<ButtonProps>;
-export default Button;

package/es/components/button/button.js

@@ -1,14 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
-var _excluded = ["name", "color"];
-import * as React from 'react';
-import "./index.scss";
-var Button = function Button(_ref) {
-  var name = _ref.name,
-    color = _ref.color,
-    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded);
-  return /*#__PURE__*/React.createElement("span", _extends({
-    className: "button__container " + (color ? color : '')
-  }, otherProps), name);
-};
-export default Button;

package/es/components/button/index.d.ts

@@ -1,6 +0,0 @@
-/**
- * 标签tag
- */
-import Button from './button';
-export type { ButtonProps } from './button';
-export default Button;

package/es/components/button/index.js

@@ -1,5 +0,0 @@
-/**
- * 标签tag
- */
-import Button from "./button";
-export default Button;

package/es/components/button/index.scss

@@ -1,16 +0,0 @@
-.button__container {
-  padding: 9px 15px;
-  border-radius: 15px;
-  color: white;
-  font-size: 14px;
-}
-.complete {
-  color: #fff;
-  background-color: rgba(233, 110, 65, 1);
-}
-
-.undone {
-  color: rgba(233, 110, 65, 1);
-  background-color: #fff;
-  border: 1px solid rgba(233, 110, 65, 1);
-}

package/es/components/carousel/carousel.d.ts

@@ -1,14 +0,0 @@
-import React from 'react';
-import './carousel.scss';
-export interface CarouselProps {
-    /**
-     * 图片列表
-     */
-    images: string[];
-    /**
-     * 定时播放的时间
-     */
-    interval?: number;
-}
-declare const Carousel: React.FC<CarouselProps>;
-export default Carousel;

package/es/components/carousel/carousel.js

@@ -1,75 +0,0 @@
-import React, { useEffect, useState } from 'react';
-import "./carousel.scss";
-var Carousel = function Carousel(_ref) {
-  var _ref$images = _ref.images,
-    images = _ref$images === void 0 ? [] : _ref$images,
-    _ref$interval = _ref.interval,
-    interval = _ref$interval === void 0 ? 3000 : _ref$interval;
-  // 如果没有图片则返回提示
-  if (images.length === 0) {
-    return /*#__PURE__*/React.createElement("div", null);
-  }
-  // 如果只有一张图片，则直接显示
-  if (images.length === 1) {
-    return /*#__PURE__*/React.createElement("div", {
-      className: "carousel"
-    }, /*#__PURE__*/React.createElement("img", {
-      src: images[0],
-      alt: "Single slide",
-      className: "carousel-image"
-    }));
-  }
-  // 添加复制的第一张和最后一张图片以实现无缝切换
-  var extendedImages = [images[images.length - 1]].concat(images, [images[0]]);
-  // 初始显示第二张图片
-  var _useState = useState(1),
-    currentIndex = _useState[0],
-    setCurrentIndex = _useState[1];
-  // 切换到下一张图片
-  var goToNext = function goToNext() {
-    setCurrentIndex(function (prevIndex) {
-      return prevIndex + 1;
-    });
-  };
-  // 自动播放逻辑：在组件挂载时启动定时器
-  useEffect(function () {
-    var timer = setInterval(function () {
-      goToNext();
-    }, interval);
-    // 清除定时器，避免内存泄漏
-    return function () {
-      return clearInterval(timer);
-    };
-  }, [interval]);
-  useEffect(function () {
-    // 当切换到最后一张复制的图片时，设置为第二张图片
-    if (currentIndex === extendedImages.length - 1) {
-      setTimeout(function () {
-        // 跳转到第二张
-        setCurrentIndex(1);
-      }, 1000);
-    }
-  }, [currentIndex]);
-  // 计算当前显示的图像索引
-  var displayIndex = currentIndex > images.length ? currentIndex - images.length : currentIndex;
-  return /*#__PURE__*/React.createElement("div", {
-    className: "carousel"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "carousel-track",
-    style: {
-      transform: "translateX(-" + currentIndex * 100 + "%)",
-      // 只有在平滑切换时才应用过渡
-      transition: currentIndex === 1 ? 'none' : 'transform 1s ease-in-out'
-    }
-  }, extendedImages.map(function (image, index) {
-    return /*#__PURE__*/React.createElement("img", {
-      key: index,
-      src: image,
-      alt: "Slide " + index,
-      className: "carousel-image"
-    });
-  })), /*#__PURE__*/React.createElement("div", {
-    className: "carousel-counter"
-  }, /*#__PURE__*/React.createElement("span", null, displayIndex), /*#__PURE__*/React.createElement("span", null, "/"), /*#__PURE__*/React.createElement("span", null, images.length)));
-};
-export default Carousel;

package/es/components/carousel/carousel.scss

@@ -1,32 +0,0 @@
-.carousel {
-  position: relative;
-  width: 100%;
-  height: 100%;
-  overflow: hidden;
-}
-
-.carousel-track {
-  display: flex;
-  width: 100%;
-  height: 100%;
-}
-
-.carousel-image {
-  width: 100%;
-  height: 100%;
-  object-fit: cover;
-  object-position: center;
-}
-
-.carousel-counter {
-  position: absolute;
-  bottom: 2px;
-  right: 2px;
-  color: white;
-  background: rgba(0, 0, 0, 0.5);
-  padding: 2px 8px;
-  border-radius: 5px;
-  font-size: 12px;
-  display: flex;
-  gap: 2px;
-}

package/es/components/colorful-button/colorful-button.d.ts

@@ -1,12 +0,0 @@
-import * as React from 'react';
-import './index.scss';
-export interface ColorfulButtonProps {
-    /**
-     * 类型
-     */
-    type?: "primary" | "secondary" | "normal";
-    color?: string;
-    style?: object;
-}
-declare const ColorfulButton: React.FC<ColorfulButtonProps>;
-export default ColorfulButton;

package/es/components/colorful-button/colorful-button.js

@@ -1,25 +0,0 @@
-import _Button from "@alifd/next/es/button";
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
-var _excluded = ["type", "color", "style"];
-import * as React from 'react';
-import "./index.scss";
-var ColorfulButton = function ColorfulButton(_ref) {
-  var _ref$type = _ref.type,
-    type = _ref$type === void 0 ? 'primary' : _ref$type,
-    color = _ref.color,
-    _ref$style = _ref.style,
-    style = _ref$style === void 0 ? {} : _ref$style,
-    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded);
-  var _style = style || {};
-  if (color) {
-    _style.backgroundColor = color;
-  }
-  var _otherProps = otherProps || {};
-  _otherProps.style = _style;
-  return /*#__PURE__*/React.createElement(_Button, _extends({
-    type: type
-  }, _otherProps), "fusion button");
-};
-ColorfulButton.displayName = 'ColorfulButton';
-export default ColorfulButton;

package/es/components/colorful-button/index.d.ts

@@ -1,3 +0,0 @@
-import ColorfulButton from './colorful-button';
-export type { ColorfulButtonProps } from './colorful-button';
-export default ColorfulButton;

package/es/components/colorful-button/index.js

@@ -1,2 +0,0 @@
-import ColorfulButton from "./colorful-button";
-export default ColorfulButton;

package/es/components/colorful-button/index.scss

@@ -1,5 +0,0 @@
-@import '../../variables.scss';
-
-#{$biz-css-prefix}-colorful-button {
-  border: 2px dashed blue;
-}

package/es/components/colorful-input/colorful-input.d.ts

@@ -1,8 +0,0 @@
-import * as React from 'react';
-import './index.scss';
-export interface ColorfulInputProps {
-    color?: string;
-    style?: object;
-}
-declare const ColorfulInput: React.FC<ColorfulInputProps>;
-export default ColorfulInput;

package/es/components/colorful-input/colorful-input.js

@@ -1,19 +0,0 @@
-import _Input from "@alifd/next/es/input";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
-var _excluded = ["color", "style"];
-import * as React from 'react';
-import "./index.scss";
-var ColorfulInput = function ColorfulInput(_ref) {
-  var color = _ref.color,
-    _ref$style = _ref.style,
-    style = _ref$style === void 0 ? {} : _ref$style,
-    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded);
-  var _style = style || {};
-  if (color) {
-    _style.backgroundColor = color;
-  }
-  var _otherProps = otherProps || {};
-  _otherProps.style = _style;
-  return /*#__PURE__*/React.createElement(_Input, _otherProps);
-};
-export default ColorfulInput;

package/es/components/colorful-input/index.d.ts

@@ -1,3 +0,0 @@
-import ColorfulInput from './colorful-input';
-export type { ColorfulInputProps } from './colorful-input';
-export default ColorfulInput;

package/es/components/colorful-input/index.js

@@ -1,2 +0,0 @@
-import ColorfulInput from "./colorful-input";
-export default ColorfulInput;

package/es/components/colorful-input/index.scss

@@ -1,5 +0,0 @@
-@import '../../variables.scss';
-
-#{$biz-css-prefix}-colorful-button {
-  border: 2px dashed blue;
-}

package/es/components/form/form-item.d.ts

@@ -1,42 +0,0 @@
-import './form-item.scss';
-import { DynamicColumnDataType } from 'src/entity/dynamic-column-data-type';
-export interface DCFormItemProps {
-    /**
-     * 字段名称
-     */
-    columnComment?: string;
-    /**
-     * 字段类型
-     */
-    columnType?: string;
-    /**
-     * 表单项组件类型
-     */
-    columnKeyType?: number;
-    /**
-     *列键类型的枚举
-     */
-    columnKeyTypeEnum?: DynamicColumnDataType;
-    /**
-     * 是否只读
-     */
-    isOnlyRead?: string;
-    /**
-     * 是否必填
-     */
-    isRequired?: number;
-    /**
-     * 默认值
-     */
-    defaultValue?: string;
-    /**
-     * 指示词
-     */
-    guideWords?: string;
-    /**
-     * 点击事件
-     */
-    onClick?: (e: any) => void;
-}
-declare const RefDCFormItem: any;
-export default RefDCFormItem;

package/es/components/form/form-item.js

@@ -1,79 +0,0 @@
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
-import _Upload from "@alifd/next/es/upload";
-import _Form from "@alifd/next/es/form";
-import _Icon from "@alifd/next/es/icon";
-import _Input from "@alifd/next/es/input";
-var _excluded = ["columnComment", "columnType", "columnKeyType", "columnKeyTypeEnum", "isOnlyRead", "isRequired", "defaultValue", "guideWords", "onClick"];
-import React, { useState } from 'react';
-import "./form-item.scss";
-var Input = _Input,
-  Icon = _Icon,
-  Form = _Form,
-  Upload = _Upload;
-var Item = Form.Item;
-var DCFormItem = function DCFormItem(_ref) {
-  var columnComment = _ref.columnComment,
-    columnType = _ref.columnType,
-    columnKeyType = _ref.columnKeyType,
-    columnKeyTypeEnum = _ref.columnKeyTypeEnum,
-    isOnlyRead = _ref.isOnlyRead,
-    isRequired = _ref.isRequired,
-    defaultValue = _ref.defaultValue,
-    guideWords = _ref.guideWords,
-    _ref$onClick = _ref.onClick,
-    onClick = _ref$onClick === void 0 ? function () {} : _ref$onClick,
-    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded);
-  var _otherProps = otherProps || {};
-  console.log();
-  // 使用 useState 来管理输入框的值
-  var _useState = useState(defaultValue),
-    value = _useState[0],
-    setValue = _useState[1];
-
-  // 动态渲染内容
-  var renderContent = function renderContent() {
-    switch (columnKeyTypeEnum.name) {
-      case '单行文本':
-      case '联系人':
-      case '手机':
-      case '邮箱':
-        // 文本框
-        return /*#__PURE__*/React.createElement(Input, {
-          value: value,
-          placeholder: guideWords || '请输入',
-          onChange: function onChange(v, e) {
-            return setValue(e.target.value);
-          },
-          style: {
-            textAlign: 'right'
-          }
-        });
-      case '图片':
-        return /*#__PURE__*/React.createElement(Upload.Card, {
-          listType: "card",
-          action: "https://www.easy-mock.com/mock/5b713974309d0d7d107a74a3/alifd/upload",
-          accept: "image/png, image/jpg, image/jpeg, image/gif, image/bmp",
-          reUpload: true,
-          style: {
-            width: '90px',
-            height: '90px'
-          }
-        });
-      case '多行文本':
-        return /*#__PURE__*/React.createElement(Input.TextArea, {
-          value: value,
-          placeholder: guideWords || '请输入'
-        });
-      default:
-        return /*#__PURE__*/React.createElement("span", null, guideWords || '未定义的类型');
-    }
-  };
-  return /*#__PURE__*/React.createElement("div", {
-    "class": "form-item"
-  }, /*#__PURE__*/React.cloneElement(renderContent()));
-};
-var RefDCFormItem = /*#__PURE__*/React.forwardRef(DCFormItem);
-RefDCFormItem.displayName = 'DCFormItem';
-RefDCFormItem.defaultProps = {};
-RefDCFormItem.propTypes = {};
-export default RefDCFormItem;

package/es/components/form/form-item.scss

@@ -1,20 +0,0 @@
-.form-item {
-    input {
-        outline: none;
-        border: none;
-        text-align: right;
-    }
-    .next-input {
-        border: none !important;
-    }
-    :global{
-        .next-input {
-            outline: none;
-            border: none !important;
-        }
-    }
-    .next-upload-card {
-        width: 90px;
-        height: 90px;
-    }
-}

package/es/components/form/form.d.ts

@@ -1,57 +0,0 @@
-import React from 'react';
-import './index.scss';
-import { DynamicColumnDataType } from '../../entity/dynamic-column-data-type';
-/**
- * 数据
- */
-interface DataProps {
-    /**
-     * 字段名称
-     */
-    columnComment?: string;
-    /**
-     * 字段类型
-     */
-    columnType?: string;
-    /**
-     * 表单项组件类型
-     */
-    columnKeyType?: number;
-    /**
-     *列键类型的枚举
-     */
-    columnKeyTypeEnum?: DynamicColumnDataType;
-    /**
-     * 是否只读
-     */
-    isOnlyRead?: string;
-    /**
-     * 是否必填
-     */
-    isRequired?: number;
-    /**
-     * 默认值
-     */
-    defaultValue?: string;
-    /**
-     * 指示词
-     */
-    guideWords?: string;
-}
-export interface FormProps {
-    /**
-     * 数据
-     */
-    dataList?: DataProps[];
-    /**
-     * 点击事件
-     * @param e
-     */
-    onClick?: (e: any) => void;
-    /**
-     * 子节点
-     */
-    children: React.ReactChild;
-}
-declare const DCForm: React.FC<FormProps>;
-export default DCForm;