@dckj-npm/dc-material 0.1.356 → 0.1.358

package/lib/components/carousel/carousel.js

@@ -0,0 +1,81 @@
+"use strict";
+
+exports.__esModule = true;
+exports["default"] = void 0;
+var _react = _interopRequireWildcard(require("react"));
+require("./carousel.scss");
+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 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["default"].createElement("div", null);
+  }
+  // 如果只有一张图片，则直接显示
+  if (images.length === 1) {
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      className: "carousel"
+    }, /*#__PURE__*/_react["default"].createElement("img", {
+      src: images[0],
+      alt: "Single slide",
+      className: "carousel-image"
+    }));
+  }
+  // 添加复制的第一张和最后一张图片以实现无缝切换
+  var extendedImages = [images[images.length - 1]].concat(images, [images[0]]);
+  // 初始显示第二张图片
+  var _useState = (0, _react.useState)(1),
+    currentIndex = _useState[0],
+    setCurrentIndex = _useState[1];
+  // 切换到下一张图片
+  var goToNext = function goToNext() {
+    setCurrentIndex(function (prevIndex) {
+      return prevIndex + 1;
+    });
+  };
+  // 自动播放逻辑：在组件挂载时启动定时器
+  (0, _react.useEffect)(function () {
+    var timer = setInterval(function () {
+      goToNext();
+    }, interval);
+    // 清除定时器，避免内存泄漏
+    return function () {
+      return clearInterval(timer);
+    };
+  }, [interval]);
+  (0, _react.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["default"].createElement("div", {
+    className: "carousel"
+  }, /*#__PURE__*/_react["default"].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["default"].createElement("img", {
+      key: index,
+      src: image,
+      alt: "Slide " + index,
+      className: "carousel-image"
+    });
+  })), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "carousel-counter"
+  }, /*#__PURE__*/_react["default"].createElement("span", null, displayIndex), /*#__PURE__*/_react["default"].createElement("span", null, "/"), /*#__PURE__*/_react["default"].createElement("span", null, images.length)));
+};
+var _default = exports["default"] = Carousel;

package/lib/components/carousel/carousel.scss

@@ -0,0 +1,32 @@
+.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/lib/components/colorful-button/colorful-button.d.ts

@@ -0,0 +1,12 @@
+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/lib/components/colorful-button/colorful-button.js

@@ -0,0 +1,32 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports["default"] = void 0;
+var _button = _interopRequireDefault(require("@alifd/next/lib/button"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+var React = _interopRequireWildcard(require("react"));
+require("./index.scss");
+var _excluded = ["type", "color", "style"];
+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 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 = (0, _objectWithoutPropertiesLoose2["default"])(_ref, _excluded);
+  var _style = style || {};
+  if (color) {
+    _style.backgroundColor = color;
+  }
+  var _otherProps = otherProps || {};
+  _otherProps.style = _style;
+  return /*#__PURE__*/React.createElement(_button["default"], (0, _extends2["default"])({
+    type: type
+  }, _otherProps), "fusion button");
+};
+ColorfulButton.displayName = 'ColorfulButton';
+var _default = exports["default"] = ColorfulButton;

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

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

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

@@ -0,0 +1,7 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports["default"] = void 0;
+var _colorfulButton = _interopRequireDefault(require("./colorful-button"));
+var _default = exports["default"] = _colorfulButton["default"];

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

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

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

@@ -0,0 +1,8 @@
+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/lib/components/colorful-input/colorful-input.js

@@ -0,0 +1,26 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports["default"] = void 0;
+var _input = _interopRequireDefault(require("@alifd/next/lib/input"));
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+var React = _interopRequireWildcard(require("react"));
+require("./index.scss");
+var _excluded = ["color", "style"];
+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 ColorfulInput = function ColorfulInput(_ref) {
+  var color = _ref.color,
+    _ref$style = _ref.style,
+    style = _ref$style === void 0 ? {} : _ref$style,
+    otherProps = (0, _objectWithoutPropertiesLoose2["default"])(_ref, _excluded);
+  var _style = style || {};
+  if (color) {
+    _style.backgroundColor = color;
+  }
+  var _otherProps = otherProps || {};
+  _otherProps.style = _style;
+  return /*#__PURE__*/React.createElement(_input["default"], _otherProps);
+};
+var _default = exports["default"] = ColorfulInput;

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

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

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

@@ -0,0 +1,7 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports["default"] = void 0;
+var _colorfulInput = _interopRequireDefault(require("./colorful-input"));
+var _default = exports["default"] = _colorfulInput["default"];

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

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

package/lib/components/dc-slider/index.d.ts

@@ -0,0 +1,3 @@
+import SliderImg from './slider-img';
+export type { SliderComponentProps } from './slider-img';
+export default SliderImg;

package/lib/components/dc-slider/index.js

@@ -0,0 +1,7 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports["default"] = void 0;
+var _sliderImg = _interopRequireDefault(require("./slider-img"));
+var _default = exports["default"] = _sliderImg["default"];

package/lib/components/dc-slider/index.scss

@@ -0,0 +1,6 @@
+
+.slider-img {
+  height: 172px;
+  //width: 100%;
+  object-fit: fill;
+}

package/lib/components/dc-slider/slider-img.d.ts

@@ -0,0 +1,32 @@
+import * as React from 'react';
+import './index.scss';
+export interface SliderComponentProps {
+    prefix: string;
+    animation: string;
+    arrows: true;
+    arrowSize: string;
+    arrowPosition: string;
+    arrowDirection: string;
+    autoplaySpeed: number;
+    dots: boolean;
+    dotsDirection: string;
+    draggable: boolean;
+    infinite: boolean;
+    slide: string;
+    slideDirection: string;
+    slidesToShow: number;
+    slidesToScroll: number;
+    speed: number;
+    triggerType: string;
+    centerPadding: string;
+    cssEase: string;
+    edgeFriction: number;
+    swipe: boolean;
+    touchMove: boolean;
+    touchThreshold: number;
+    useCSS: boolean;
+    waitForAnimate: boolean;
+    picUrls: string[];
+}
+declare const SliderImg: React.FC<SliderComponentProps>;
+export default SliderImg;

package/lib/components/dc-slider/slider-img.js

@@ -0,0 +1,24 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports["default"] = void 0;
+var _slider = _interopRequireDefault(require("@alifd/next/lib/slider"));
+var React = _interopRequireWildcard(require("react"));
+require("./index.scss");
+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 SliderImg = function DCSlider(props) {
+  console.log('slider', props.picUrls);
+  var style = props.style;
+  return /*#__PURE__*/React.createElement(_slider["default"], props, props.picUrls && props.picUrls.length > 0 ? props.picUrls.map(function (url, index) {
+    return /*#__PURE__*/React.createElement("img", {
+      src: url,
+      alt: "Slide",
+      key: index,
+      className: "slider-img",
+      style: style
+    });
+  }) : /*#__PURE__*/React.createElement("div", null, "\u56FE\u7247\u4E3A\u7A7A"));
+};
+var _default = exports["default"] = SliderImg;

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

@@ -0,0 +1,42 @@
+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/lib/components/form/form-item.js

@@ -0,0 +1,86 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports["default"] = void 0;
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+var _upload = _interopRequireDefault(require("@alifd/next/lib/upload"));
+var _form = _interopRequireDefault(require("@alifd/next/lib/form"));
+var _icon = _interopRequireDefault(require("@alifd/next/lib/icon"));
+var _input = _interopRequireDefault(require("@alifd/next/lib/input"));
+var _react = _interopRequireWildcard(require("react"));
+require("./form-item.scss");
+var _excluded = ["columnComment", "columnType", "columnKeyType", "columnKeyTypeEnum", "isOnlyRead", "isRequired", "defaultValue", "guideWords", "onClick"];
+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 Input = _input["default"],
+  Icon = _icon["default"],
+  Form = _form["default"],
+  Upload = _upload["default"];
+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 = (0, _objectWithoutPropertiesLoose2["default"])(_ref, _excluded);
+  var _otherProps = otherProps || {};
+  console.log();
+  // 使用 useState 来管理输入框的值
+  var _useState = (0, _react.useState)(defaultValue),
+    value = _useState[0],
+    setValue = _useState[1];
+
+  // 动态渲染内容
+  var renderContent = function renderContent() {
+    switch (columnKeyTypeEnum.name) {
+      case '单行文本':
+      case '联系人':
+      case '手机':
+      case '邮箱':
+        // 文本框
+        return /*#__PURE__*/_react["default"].createElement(Input, {
+          value: value,
+          placeholder: guideWords || '请输入',
+          onChange: function onChange(v, e) {
+            return setValue(e.target.value);
+          },
+          style: {
+            textAlign: 'right'
+          }
+        });
+      case '图片':
+        return /*#__PURE__*/_react["default"].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["default"].createElement(Input.TextArea, {
+          value: value,
+          placeholder: guideWords || '请输入'
+        });
+      default:
+        return /*#__PURE__*/_react["default"].createElement("span", null, guideWords || '未定义的类型');
+    }
+  };
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    "class": "form-item"
+  }, /*#__PURE__*/_react["default"].cloneElement(renderContent()));
+};
+var RefDCFormItem = /*#__PURE__*/_react["default"].forwardRef(DCFormItem);
+RefDCFormItem.displayName = 'DCFormItem';
+RefDCFormItem.defaultProps = {};
+RefDCFormItem.propTypes = {};
+var _default = exports["default"] = RefDCFormItem;

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

@@ -0,0 +1,20 @@
+.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/lib/components/form/form.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import './index.scss';
+import { ColumnType } from '../../entity/dynamic-column-data-type';
+export interface FormProps {
+    /**
+     * 数据
+     */
+    dataList?: ColumnType[];
+    /**
+     * 点击事件
+     * @param e
+     */
+    onClick?: (e: any) => void;
+    /**
+     * 子节点
+     */
+    children: React.ReactChild;
+}
+declare const Form: React.FC<FormProps>;
+export default Form;