@dckj-npm/dc-material 0.1.328 → 0.1.331

package/es/components/form/form.js

@@ -1,46 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
-import _Form from "@alifd/next/es/form";
-var _excluded = ["dataList", "onClick", "children"];
-import React from 'react';
-import "./index.scss";
-// import { default as FormItem } from './form-item'
-
-import { DYNAMIC_COLUMN_DATA_TYPE_BUTTON, DYNAMIC_COLUMN_DATA_TYPE_AUTO } from "../../entity/dynamic-column-data-type";
-var FormItem = _Form.Item;
-
-/**
- * 数据
- */
-
-var DCForm = function DCForm(_ref) {
-  var dataList = _ref.dataList,
-    _ref$onClick = _ref.onClick,
-    onClick = _ref$onClick === void 0 ? function () {} : _ref$onClick,
-    children = _ref.children,
-    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded);
-  var _otherProps = otherProps || {};
-
-  // 筛选字段(去除按钮类型和自动生成的类型)
-  dataList = dataList ? dataList.filter(function (item) {
-    return item.columnKeyType !== DYNAMIC_COLUMN_DATA_TYPE_BUTTON.code && item.columnKeyType !== DYNAMIC_COLUMN_DATA_TYPE_AUTO.code && item.columnComment !== '乐观锁' && item.columnComment !== '是否删除';
-  }) : [];
-  console.log('dataList', dataList);
-  return /*#__PURE__*/React.createElement(_Form, _extends({
-    className: "form__panel",
-    isPreview: "false"
-  }, _otherProps), dataList ? dataList.map(function (item, index) {
-    var labelAlign = item.columnKeyTypeEnum.name === '图片' || item.columnKeyTypeEnum.name === '多行文本' ? 'top' : 'left';
-    var isFlexStyle = labelAlign === 'top' ? {} : {
-      display: 'flex'
-    };
-    return /*#__PURE__*/React.createElement(FormItem, {
-      key: index,
-      label: item.columnComment,
-      labelAlign: labelAlign,
-      style: isFlexStyle
-    });
-  }) : /*#__PURE__*/React.createElement("div", null, "\u6682\u65E0\u8868\u5355\u9879"));
-};
-DCForm.displayName = 'DCForm';
-export default DCForm;

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

@@ -1,6 +0,0 @@
-/**
- * 表单
- */
-import DCForm from './form';
-export type { FormProps } from './form';
-export { DCForm };

package/es/components/form/index.js

@@ -1,6 +0,0 @@
-/**
- * 表单
- */
-
-import DCForm from "./form";
-export { DCForm };

package/es/components/form/index.scss

@@ -1,22 +0,0 @@
-.form__panel {
-    background-color: #FAFAFA;
-    .next-left {
-        display: flex;
-    }
-    .next-form-item {
-        // display: flex;
-        justify-content: space-between;
-        align-items: center;
-        // min-height: 44px;
-        background-color: #fff;
-        border-radius: 8px;
-        padding: 10px 15px;
-        margin-bottom: 14px;
-        .next-form-item-label {
-            font-size: 15px;
-            color: #333333;
-            font-weight: 500;
-        }
-    }
-    
-}

package/es/components/form/next-wrapper.d.ts

@@ -1,54 +0,0 @@
-/// <reference types="react" />
-declare const FormCascaderSelect: {
-    (props: any): JSX.Element;
-    displayName: string;
-};
-declare const FormCheckboxGroup: {
-    (props: any): JSX.Element;
-    displayName: string;
-};
-declare const FormDatePicker: {
-    (props: any): JSX.Element;
-    displayName: string;
-};
-declare const FormInput: {
-    (props: any): JSX.Element;
-    displayName: string;
-};
-declare const FormNumberPicker: {
-    (props: any): JSX.Element;
-    displayName: string;
-};
-declare const FormRadioGroup: {
-    (props: any): JSX.Element;
-    displayName: string;
-};
-declare const FormRangePicker: {
-    (props: any): JSX.Element;
-    displayName: string;
-};
-declare const FormRating: {
-    (props: any): JSX.Element;
-    displayName: string;
-};
-declare const FormSelect: {
-    (props: any): JSX.Element;
-    displayName: string;
-};
-declare const FormTreeSelect: {
-    (props: any): JSX.Element;
-    displayName: string;
-};
-declare const FormUpload: {
-    (props: any): JSX.Element;
-    displayName: string;
-};
-declare const FormTextArea: {
-    (props: any): JSX.Element;
-    displayName: string;
-};
-declare const FormPassword: {
-    (props: any): JSX.Element;
-    displayName: string;
-};
-export { FormCascaderSelect, FormCheckboxGroup, FormDatePicker, FormInput, FormNumberPicker, FormRadioGroup, FormRangePicker, FormRating, FormSelect, FormTreeSelect, FormUpload, FormTextArea, FormPassword, };

package/es/components/form/next-wrapper.js

@@ -1,43 +0,0 @@
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
-import _Upload from "@alifd/next/es/upload";
-import _TreeSelect from "@alifd/next/es/tree-select";
-import _Select from "@alifd/next/es/select";
-import _Rating from "@alifd/next/es/rating";
-import _NumberPicker from "@alifd/next/es/number-picker";
-import _CascaderSelect from "@alifd/next/es/cascader-select";
-import _Input from "@alifd/next/es/input";
-import _DatePicker from "@alifd/next/es/date-picker";
-import _Checkbox from "@alifd/next/es/checkbox";
-import _Radio from "@alifd/next/es/radio";
-var _excluded = ["formItemProps"];
-import * as React from 'react';
-import FormItem from "./form-item";
-var RadioGroup = _Radio.Group;
-var CheckboxGroup = _Checkbox.Group;
-var RangePicker = _DatePicker.RangePicker;
-var TextArea = _Input.TextArea,
-  Password = _Input.Password;
-var FormCascaderSelect = wrapper(_CascaderSelect, 'FormCascaderSelect');
-var FormCheckboxGroup = wrapper(CheckboxGroup, 'FormCheckboxGroup');
-var FormDatePicker = wrapper(_DatePicker, 'FormDatePicker');
-var FormInput = wrapper(_Input, 'FormInput');
-var FormNumberPicker = wrapper(_NumberPicker, 'FormNumberPicker');
-var FormRadioGroup = wrapper(RadioGroup, 'FormRadioGroup');
-var FormRangePicker = wrapper(RangePicker, 'FormRangePicker');
-var FormRating = wrapper(_Rating, 'FormRating');
-var FormSelect = wrapper(_Select, 'FormSelect');
-var FormTreeSelect = wrapper(_TreeSelect, 'FormTreeSelect');
-var FormUpload = wrapper(_Upload, 'FormUpload');
-var FormTextArea = wrapper(TextArea, 'FormTextArea');
-var FormPassword = wrapper(Password, 'FormPassword');
-function wrapper(NextFormComponent, displayName) {
-  var WrappedComponent = function WrappedComponent(props) {
-    var _props$formItemProps = props.formItemProps,
-      formItemProps = _props$formItemProps === void 0 ? {} : _props$formItemProps,
-      componentProps = _objectWithoutPropertiesLoose(props, _excluded);
-    return /*#__PURE__*/React.createElement(FormItem, formItemProps, /*#__PURE__*/React.createElement(NextFormComponent, componentProps));
-  };
-  WrappedComponent.displayName = displayName;
-  return WrappedComponent;
-}
-export { FormCascaderSelect, FormCheckboxGroup, FormDatePicker, FormInput, FormNumberPicker, FormRadioGroup, FormRangePicker, FormRating, FormSelect, FormTreeSelect, FormUpload, FormTextArea, FormPassword };

package/es/components/goods-card-list/goods-card-list-common.d.ts

@@ -1,5 +0,0 @@
-import type { GoodsCardListProps } from './types';
-import React from 'react';
-import './goods-card-list-common.scss';
-declare const GoodsCardListCommon: React.FC<GoodsCardListProps>;
-export default GoodsCardListCommon;

package/es/components/goods-card-list/goods-card-list-common.js

@@ -1,60 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
-var _excluded = ["dataList", "maxSales", "onClick"];
-import React from 'react';
-import Carousel from "../carousel/carousel";
-import "./goods-card-list-common.scss";
-var GoodsCardListCommon = function GoodsCardListCommon(_ref) {
-  var _ref$dataList = _ref.dataList,
-    dataList = _ref$dataList === void 0 ? [] : _ref$dataList,
-    _ref$maxSales = _ref.maxSales,
-    maxSales = _ref$maxSales === void 0 ? 1000 : _ref$maxSales,
-    _ref$onClick = _ref.onClick,
-    _onClick = _ref$onClick === void 0 ? function () {} : _ref$onClick,
-    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded);
-  var _otherProps = otherProps || {};
-  var resolveResultDesc = function resolveResultDesc(desc) {
-    var htmlString = "<div>" + desc + "</div>";
-    // 创建一个虚拟的 DOM 容器
-    var tempDiv = document.createElement('div');
-    tempDiv.innerHTML = htmlString;
-    // 提取文本
-    return tempDiv.textContent || tempDiv.innerText;
-  };
-  return /*#__PURE__*/React.createElement("div", _extends({
-    className: "card-list-goods-common__container"
-  }, _otherProps), dataList.map(function (item) {
-    return /*#__PURE__*/React.createElement("div", {
-      key: item.key,
-      className: "card-list-goods__item",
-      onClick: function onClick() {
-        return _onClick(item);
-      }
-    }, item.imageList && item.imageList.length > 0 && /*#__PURE__*/React.createElement("div", {
-      className: "card-list-goods__image"
-    }, /*#__PURE__*/React.createElement(Carousel, {
-      images: item.imageList,
-      interval: 3000
-    })), /*#__PURE__*/React.createElement("div", {
-      className: "card-list-goods__content"
-    }, /*#__PURE__*/React.createElement("div", {
-      className: "card-list-goods__title"
-    }, item.title), /*#__PURE__*/React.createElement("div", {
-      className: "card-list-goods__desc"
-    }, resolveResultDesc(item.desc)), /*#__PURE__*/React.createElement("div", {
-      className: "card-list-goods__bottom"
-    }, /*#__PURE__*/React.createElement("div", {
-      className: "card-list-goods__unit"
-    }, "\uFFE5"), /*#__PURE__*/React.createElement("div", {
-      className: "card-list-goods__price"
-    }, item.activePrice || item.price), item.activePrice && /*#__PURE__*/React.createElement("div", {
-      className: "card-list-goods__unit__delete"
-    }, "\uFFE5"), item.activePrice && /*#__PURE__*/React.createElement("div", {
-      className: "card-list-goods__price__delete"
-    }, item.price), /*#__PURE__*/React.createElement("div", {
-      className: "card-list-goods__sales"
-    }, "\u5DF2\u552E", item.sales > maxSales ? maxSales + "+" : item.sales))));
-  }));
-};
-GoodsCardListCommon.displayName = 'GoodsCardListCommon';
-export default GoodsCardListCommon;

package/es/components/goods-card-list/goods-card-list-common.scss

@@ -1,118 +0,0 @@
-.card-list-goods-common__container {
-  display: grid;
-  grid-template-columns:repeat(2, minmax(0, 1fr));
-  row-gap: 12px;
-  column-gap: 10px;
-  width: 100%;
-
-  & > .card-list-goods__item {
-    box-sizing: border-box;
-    transition: top 0.35s ease, left 0.35s ease, width 0.35s ease;
-    overflow: hidden;
-    border-radius: 8px;
-    box-shadow: 0 3px 9px 1px rgba(204, 204, 204, 0.35);
-
-    & > .card-list-goods__image {
-      height: 200px;
-      width: 100%;
-      overflow: hidden;
-      display: flex;
-
-      & > img {
-        height: 100%;
-        width: 100%;
-        object-fit: cover;
-        //object-position: center;
-        object-position: 50% 50%;
-      }
-    }
-
-    & > .card-list-goods__content {
-      display: flex;
-      flex-direction: column;
-      justify-content: space-between;
-      padding: 0.5rem;
-
-      .card-list-goods__title {
-        overflow: hidden;
-        display: -webkit-box;
-        -webkit-box-orient: vertical;
-        -webkit-line-clamp: 2;
-        line-clamp: 2;
-        margin-top: 0.25rem;
-        margin-bottom: 0.25rem;
-        font-size: 14px;
-        font-weight: 700;
-      }
-
-      .card-list-goods__desc {
-        overflow: hidden;
-        text-overflow: ellipsis;
-        white-space: nowrap;
-        line-clamp: 2;
-        margin-top: 0.25rem;
-        margin-bottom: 0.25rem;
-        font-size: 12px;
-        color: #333333;
-      }
-
-      .card-list-goods__bottom {
-        margin-top: 0.25rem;
-        margin-bottom: 0.25rem;
-        display: flex;
-        align-items: baseline;
-        flex-wrap: wrap;
-        row-gap: 0.5rem;
-
-        & > div {
-          display: flex;
-        }
-
-        .card-list-goods__unit {
-          font-size: 12px;
-          color: #F57D51;
-          font-weight: 700;
-          line-height: 1;
-
-          &__delete {
-            margin-left: 0;
-            font-size: 14px;
-            color: #666666;
-            line-height: 1;
-            text-decoration: line-through
-          }
-
-        }
-
-        .card-list-goods__price {
-          font-size: 17px;
-          color: #F57D51;
-          font-weight: 700;
-          line-height: 1;
-
-          &__delete {
-            margin-left: 0;
-            font-size: 14px;
-            color: #666666;
-            line-height: 1;
-            text-decoration: line-through
-          }
-        }
-
-        .card-list-goods__sales {
-          margin-left: 3px;
-          font-size: 12px;
-          color: #666666;
-          line-height: 1;
-        }
-
-      }
-
-    }
-
-  }
-
-}
-
-
-

package/es/components/goods-card-list/goods-card-list.d.ts

@@ -1,5 +0,0 @@
-import type { GoodsCardListProps } from './types';
-import React from 'react';
-import './goods-card-list.scss';
-declare const GoodsCardList: React.FC<GoodsCardListProps>;
-export default GoodsCardList;

package/es/components/goods-card-list/goods-card-list.js

@@ -1,156 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
-var _excluded = ["dataList", "maxSales", "onClick"];
-import React, { useEffect, useState } from 'react';
-import { debounce } from "../../utils/debounce";
-import Carousel from "../carousel/carousel";
-import "./goods-card-list.scss";
-var GoodsCardList = function GoodsCardList(_ref) {
-  var _ref$dataList = _ref.dataList,
-    dataList = _ref$dataList === void 0 ? [] : _ref$dataList,
-    _ref$maxSales = _ref.maxSales,
-    maxSales = _ref$maxSales === void 0 ? 1000 : _ref$maxSales,
-    _ref$onClick = _ref.onClick,
-    _onClick = _ref$onClick === void 0 ? function () {} : _ref$onClick,
-    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded);
-  var _useState = useState([]),
-    positions = _useState[0],
-    setPositions = _useState[1];
-  var _useState2 = useState(0),
-    columnWidth = _useState2[0],
-    setColumnWidth = _useState2[1];
-  var _useState3 = useState(0),
-    maxContainerHeight = _useState3[0],
-    setMaxContainerHeight = _useState3[1];
-  useEffect(function () {
-    var updateLayout = function updateLayout() {
-      var container = document.querySelector('.waterfall-container');
-      if (container) {
-        var itemElements = document.querySelectorAll('.waterfall-item');
-        // 横向间距
-        var horizontalGap = 12;
-        // 纵向间距
-        var verticalGap = 10;
-        var containerWidth = container.offsetWidth;
-        // 每列宽度为容器宽度的一半减去间距
-        var calculatedColumnWidth = (containerWidth - horizontalGap) / 2;
-        setColumnWidth(calculatedColumnWidth);
-        // 两列布局
-        var columnHeights = Array.from({
-          length: 2
-        }).fill(0);
-        var newPositions = [];
-        // 循环计算所有的子元素的信息
-        itemElements.forEach(function (item) {
-          var _item$getBoundingClie = item.getBoundingClientRect(),
-            height = _item$getBoundingClie.height;
-          // 找到最短的那一列
-          var minHeight = Math.min.apply(Math, columnHeights);
-          // 获取该列的索引
-          var columnIndex = columnHeights.indexOf(minHeight);
-          var left = columnIndex * (calculatedColumnWidth + horizontalGap);
-          var top = columnHeights[columnIndex];
-          // 存储元素的定位
-          newPositions.push({
-            left: left,
-            top: top
-          });
-          // 更新该列的高度
-          columnHeights[columnIndex] += height + verticalGap;
-        });
-        // 更新位置
-        setPositions(newPositions);
-        setMaxContainerHeight(Math.max.apply(Math, columnHeights));
-      }
-    };
-    var debouncedUpdateLayout = dataList.length < 15 ? updateLayout : debounce(updateLayout, 200);
-    // 图片加载完成后更新布局
-    var handleImageLoad = function handleImageLoad() {
-      debouncedUpdateLayout();
-    };
-    // 初始化布局
-    debouncedUpdateLayout();
-    // 监听图片加载事件，以确保所有图片都加载完后再更新布局
-    var images = document.querySelectorAll('.waterfall-container img');
-    images.forEach(function (img) {
-      // 如果图片已经加载完成（缓存中加载），则立即更新布局
-      if (img.complete) {
-        handleImageLoad();
-      } else {
-        // 如果图片未加载完成，监听加载事件
-        img.addEventListener('load', handleImageLoad);
-      }
-    });
-
-    // 窗口变化时更新布局
-    window.addEventListener('resize', debouncedUpdateLayout);
-    return function () {
-      // 清理事件监听
-      window.removeEventListener('resize', debouncedUpdateLayout);
-      images.forEach(function (img) {
-        return img.removeEventListener('load', handleImageLoad);
-      });
-    };
-  },
-  // 当 dataList 变化时重新计算
-  [dataList]);
-  var resolveResultDesc = function resolveResultDesc(desc) {
-    var htmlString = "<div>" + desc + "</div>";
-    // 创建一个虚拟的 DOM 容器
-    var tempDiv = document.createElement('div');
-    tempDiv.innerHTML = htmlString;
-    // 提取文本
-    return tempDiv.textContent || tempDiv.innerText;
-  };
-  var resultStyle = _extends({}, otherProps.style || {}, {
-    height: maxContainerHeight + 20 + "px"
-  });
-  var _otherProps = _extends({}, otherProps || {}, {
-    style: resultStyle
-  });
-  return /*#__PURE__*/React.createElement("div", _extends({
-    className: "card-list-goods__container waterfall-container",
-    style: {
-      height: maxContainerHeight + 20 + "px"
-    }
-  }, _otherProps), dataList.map(function (item, index) {
-    var _positions$index, _positions$index2;
-    return /*#__PURE__*/React.createElement("div", {
-      key: item.key,
-      className: "card-list-goods__item waterfall-item",
-      onClick: function onClick() {
-        return _onClick(item);
-      },
-      style: {
-        left: ((_positions$index = positions[index]) === null || _positions$index === void 0 ? void 0 : _positions$index.left) + "px",
-        top: ((_positions$index2 = positions[index]) === null || _positions$index2 === void 0 ? void 0 : _positions$index2.top) + "px",
-        width: columnWidth + "px"
-      }
-    }, item.imageList && item.imageList.length > 0 && /*#__PURE__*/React.createElement("div", {
-      className: "card-list-goods__image"
-    }, /*#__PURE__*/React.createElement(Carousel, {
-      images: item.imageList,
-      interval: 3000
-    })), /*#__PURE__*/React.createElement("div", {
-      className: "card-list-goods__content"
-    }, /*#__PURE__*/React.createElement("div", {
-      className: "card-list-goods__title"
-    }, item.title), /*#__PURE__*/React.createElement("div", {
-      className: "card-list-goods__desc"
-    }, resolveResultDesc(item.desc)), /*#__PURE__*/React.createElement("div", {
-      className: "card-list-goods__bottom"
-    }, /*#__PURE__*/React.createElement("div", {
-      className: "card-list-goods__unit"
-    }, "\uFFE5"), /*#__PURE__*/React.createElement("div", {
-      className: "card-list-goods__price"
-    }, item.activePrice || item.price), item.activePrice && /*#__PURE__*/React.createElement("div", {
-      className: "card-list-goods__unit__delete"
-    }, "\uFFE5"), item.activePrice && /*#__PURE__*/React.createElement("div", {
-      className: "card-list-goods__price__delete"
-    }, item.price), /*#__PURE__*/React.createElement("div", {
-      className: "card-list-goods__sales"
-    }, "\u5DF2\u552E", item.sales > maxSales ? maxSales + "+" : item.sales))));
-  }));
-};
-GoodsCardList.displayName = 'GoodsCardList';
-export default GoodsCardList;

package/es/components/goods-card-list/goods-card-list.scss

@@ -1,112 +0,0 @@
-.card-list-goods__container {
-  position: relative;
-  width: 100%;
-
-  & > .card-list-goods__item {
-    position: absolute;
-    box-sizing: border-box;
-    transition: top 0.35s ease, left 0.35s ease, width 0.35s ease;
-    overflow: hidden;
-    border-radius: 8px;
-    box-shadow: 0 3px 9px 1px rgba(204, 204, 204, 0.35);
-
-    & > .card-list-goods__image {
-      height: 200px;
-      width: 100%;
-      overflow: hidden;
-      display: flex;
-
-      & > img {
-        height: 100%;
-        width: 100%;
-        object-fit: cover;
-        object-position: center;
-      }
-    }
-
-    & > .card-list-goods__content {
-      display: flex;
-      flex-direction: column;
-      justify-content: space-between;
-      padding: 0.5rem;
-
-      .card-list-goods__title {
-        overflow: hidden;
-        display: -webkit-box;
-        -webkit-box-orient: vertical;
-        -webkit-line-clamp: 2;
-        line-clamp: 2;
-        margin-top: 0.25rem;
-        margin-bottom: 0.25rem;
-        font-size: 14px;
-        font-weight: 700;
-      }
-
-      .card-list-goods__desc {
-        overflow: hidden;
-        text-overflow: ellipsis;
-        white-space: nowrap;
-        line-clamp: 2;
-        margin-top: 0.25rem;
-        margin-bottom: 0.25rem;
-        font-size: 12px;
-        color: #333333;
-      }
-
-      .card-list-goods__bottom {
-        margin-top: 0.25rem;
-        margin-bottom: 0.25rem;
-        display: flex;
-        align-items: baseline;
-        flex-wrap: wrap;
-        row-gap: 0.5rem;
-
-        & > div {
-          display: flex;
-        }
-
-        .card-list-goods__unit {
-          font-size: 12px;
-          color: #F57D51;
-          font-weight: 700;
-          line-height: 1;
-
-          &__delete {
-            margin-left: 0;
-            font-size: 14px;
-            color: #666666;
-            line-height: 1;
-            text-decoration: line-through
-          }
-
-        }
-
-        .card-list-goods__price {
-          font-size: 17px;
-          color: #F57D51;
-          font-weight: 700;
-          line-height: 1;
-
-          &__delete {
-            margin-left: 0;
-            font-size: 14px;
-            color: #666666;
-            line-height: 1;
-            text-decoration: line-through
-          }
-        }
-
-        .card-list-goods__sales {
-          margin-left: 3px;
-          font-size: 12px;
-          color: #666666;
-          line-height: 1;
-        }
-
-      }
-
-    }
-
-  }
-
-}

package/es/components/goods-card-list/index.d.ts

@@ -1,4 +0,0 @@
-import GoodsCardList from './goods-card-list';
-import GoodsCardListCommon from './goods-card-list-common';
-export type { GoodsCardListItemProps, GoodsCardListProps } from './types';
-export { GoodsCardList, GoodsCardListCommon };

package/es/components/goods-card-list/index.js

@@ -1,3 +0,0 @@
-import GoodsCardList from "./goods-card-list";
-import GoodsCardListCommon from "./goods-card-list-common";
-export { GoodsCardList, GoodsCardListCommon };