@dckj-npm/dc-material 0.1.147 → 0.1.149

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

@@ -0,0 +1,15 @@
+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/index.d.ts

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

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

@@ -0,0 +1,14 @@
+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/index.d.ts

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

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

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

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

package/es/components/form/form.js

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

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

package/es/components/form/index.js

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

package/es/components/form/index.scss

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

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

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

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

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

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

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