@hw-component/form 0.0.5 → 0.0.6-beta-v2

package/es/TDPicker/RangePicker.js

@@ -0,0 +1,125 @@
+// welcome to hoo hoo hoo
+import 'core-js/modules/es.symbol.js';
+import 'core-js/modules/es.array.filter.js';
+import 'core-js/modules/es.object.get-own-property-descriptor.js';
+import 'core-js/modules/es.object.get-own-property-descriptors.js';
+import _defineProperty from '@babel/runtime-corejs3/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime-corejs3/helpers/objectWithoutProperties';
+import 'core-js/modules/es.function.name.js';
+import 'core-js/modules/es.object.to-string.js';
+import 'core-js/modules/web.dom-collections.for-each.js';
+import 'core-js/modules/es.object.values.js';
+import 'core-js/modules/es.object.keys.js';
+import 'core-js/modules/es.array.map.js';
+import { jsx } from 'react/jsx-runtime';
+import { DatePicker } from 'antd';
+import { useGetTimeKey, useRangeValueProvider, useRangePickerTimeVal } from './hooks.js';
+import { useMemo } from 'react';
+import { useMatchConfigProps } from '../hooks/index.js';
+import HFormConnect from '../Form/HFormConnect.js';
+
+var _excluded = ["value", "onChange", "showTime", "format", "valueMap", "ranges", "name", "addFormat", "disabledDate"];
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var RangePicker = DatePicker.RangePicker;
+var HRangePicker = function HRangePicker(_ref) {
+  var value = _ref.value,
+    onChange = _ref.onChange,
+    _ref$showTime = _ref.showTime,
+    showTime = _ref$showTime === void 0 ? true : _ref$showTime,
+    _ref$format = _ref.format,
+    format = _ref$format === void 0 ? "X" : _ref$format,
+    valueMap = _ref.valueMap,
+    _ref$ranges = _ref.ranges,
+    ranges = _ref$ranges === void 0 ? true : _ref$ranges,
+    name = _ref.name,
+    addFormat = _ref.addFormat,
+    _disabledDate = _ref.disabledDate,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var _useMatchConfigProps = useMatchConfigProps({
+      valueRangePickerValueMap: valueMap,
+      dateRanges: undefined
+    }),
+    _useMatchConfigProps$ = _useMatchConfigProps.valueRangePickerValueMap,
+    valueRangePickerValueMap = _useMatchConfigProps$ === void 0 ? {} : _useMatchConfigProps$,
+    dateRanges = _useMatchConfigProps.dateRanges;
+  var dateMapKeys = useGetTimeKey({
+    valueMap: valueRangePickerValueMap,
+    name: name
+  });
+  var paramsProvider = useRangeValueProvider({
+    valueMap: dateMapKeys
+  });
+  var timeVal = useRangePickerTimeVal({
+    value: value,
+    format: format,
+    valueMap: dateMapKeys
+  });
+  var defaultRanges = useMemo(function () {
+    if (!ranges) {
+      return null;
+    }
+    if (ranges === true) {
+      return dateRanges;
+    }
+    return ranges;
+  }, [ranges]);
+  addFormat === null || addFormat === void 0 || addFormat({
+    float: {
+      inputValue: function inputValue(item, initValue) {
+        var _item$name = item.name,
+          valueName = _item$name === void 0 ? "" : _item$name;
+        var resultObj = {};
+        Object.values(dateMapKeys).forEach(function (key) {
+          if (initValue[key]) {
+            resultObj[key] = initValue[key];
+          }
+        });
+        var hasKeys = Object.keys(resultObj).length !== 0;
+        return _defineProperty({}, valueName, hasKeys ? resultObj : null);
+      },
+      outputValue: function outputValue(item, _outputValue) {
+        var _item$name2 = item.name,
+          valueName = _item$name2 === void 0 ? "" : _item$name2;
+        var _outputValue$valueNam = _outputValue[valueName],
+          itemVal = _outputValue$valueNam === void 0 ? {} : _outputValue$valueNam;
+        return _objectSpread({}, itemVal);
+      }
+    }
+  });
+  var change = function change(val) {
+    if (!format || !val) {
+      onChange === null || onChange === void 0 || onChange(val);
+      return;
+    }
+    var subVal = val.map(function (item) {
+      return (item === null || item === void 0 ? void 0 : item.format(format)) || null;
+    });
+    onChange === null || onChange === void 0 || onChange(paramsProvider(subVal));
+  };
+  return jsx(RangePicker, _objectSpread({
+    value: timeVal,
+    onChange: change,
+    showTime: showTime,
+    onCalendarChange: change,
+    ranges: defaultRanges,
+    disabledDate: function disabledDate(currentDate) {
+      return !!(_disabledDate !== null && _disabledDate !== void 0 && _disabledDate(currentDate, timeVal));
+    }
+  }, props));
+};
+var Index = HFormConnect(HRangePicker);
+var HRangePicker$1 = {
+  Component: Index,
+  placeholder: function placeholder(_ref3) {
+    var label = _ref3.label;
+    return ["\u8BF7\u9009\u62E9\u5F00\u59CB".concat(label), "\u8BF7\u9009\u62E9\u7ED3\u675F".concat(label)];
+  },
+  requiredErrMsg: function requiredErrMsg(_ref4) {
+    var label = _ref4.label;
+    return "\u8BF7\u9009\u62E9".concat(label);
+  }
+};
+
+export { HRangePicker$1 as default };
+// powered by hdj

package/es/TDPicker/TimePicker.d.ts

@@ -0,0 +1,3 @@
+import type { HTimePickerProps } from "./modal";
+declare const _default: ({ value, format, onChange, disabledDate, ...props }: HTimePickerProps) => JSX.Element;
+export default _default;

package/es/TDPicker/TimePicker.js

@@ -0,0 +1,44 @@
+// welcome to hoo hoo hoo
+import 'core-js/modules/es.object.keys.js';
+import 'core-js/modules/es.symbol.js';
+import 'core-js/modules/es.array.filter.js';
+import 'core-js/modules/es.object.to-string.js';
+import 'core-js/modules/es.object.get-own-property-descriptor.js';
+import 'core-js/modules/web.dom-collections.for-each.js';
+import 'core-js/modules/es.object.get-own-property-descriptors.js';
+import _defineProperty from '@babel/runtime-corejs3/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime-corejs3/helpers/objectWithoutProperties';
+import { jsx } from 'react/jsx-runtime';
+import { TimePicker } from 'antd';
+import { useTimePickerValue, useTimePickerChange } from './hooks.js';
+
+var _excluded = ["value", "format", "onChange", "disabledDate"];
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var HTimePicker = (function (_ref) {
+  var value = _ref.value,
+    _ref$format = _ref.format,
+    format = _ref$format === void 0 ? "X" : _ref$format,
+    onChange = _ref.onChange,
+    _disabledDate = _ref.disabledDate,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var timeVal = useTimePickerValue({
+    value: value,
+    format: format
+  });
+  var change = useTimePickerChange({
+    value: value,
+    format: format,
+    onChange: onChange
+  });
+  return jsx(TimePicker, _objectSpread({
+    value: timeVal,
+    onChange: change,
+    disabledDate: function disabledDate(currentDate) {
+      return !!(_disabledDate !== null && _disabledDate !== void 0 && _disabledDate(currentDate, timeVal));
+    }
+  }, props));
+});
+
+export { HTimePicker as default };
+// powered by hdj

package/es/TDPicker/hooks.d.ts

@@ -0,0 +1,33 @@
+import type { Moment, DurationInputArg2 } from "moment";
+import type { HRangePickerProps } from "./modal";
+import type { DateRangePickerValueMapModal } from "../modal";
+interface UseTimeValParams {
+    value?: any | [any, any];
+    format?: string;
+    valueMap?: DateRangePickerValueMapModal;
+}
+interface UseTimePickerValParams {
+    value?: any;
+    format?: string | DurationInputArg2;
+}
+interface UseTimeChangeParams {
+    format?: string;
+    onChange?: (time?: Moment | string | number) => void;
+    value?: any;
+}
+export declare const useTimeVal: ({ value, format }: UseTimeValParams) => any;
+export declare const useGetTimeKey: ({ valueMap, name, }: HRangePickerProps) => {
+    start?: undefined;
+    end?: undefined;
+} | {
+    start: string;
+    end: string;
+};
+export declare const useTimeChange: ({ format, onChange }: UseTimeChangeParams) => (value: any) => void;
+export declare const useTimePickerValue: ({ value, format, }: UseTimePickerValParams) => any;
+export declare const useTimePickerChange: ({ value, format, onChange, }: UseTimeChangeParams) => (val: any) => void;
+export declare const useRangeValueProvider: ({ valueMap }: HRangePickerProps) => (val: any[]) => any[] | {
+    [x: string]: any;
+};
+export declare const useRangePickerTimeVal: ({ value, format, valueMap, }: UseTimeValParams) => any;
+export {};

package/es/TDPicker/hooks.js

@@ -0,0 +1,132 @@
+// welcome to hoo hoo hoo
+import _defineProperty from '@babel/runtime-corejs3/helpers/defineProperty';
+import 'core-js/modules/es.function.name.js';
+import 'core-js/modules/es.array.map.js';
+import { useMemo, useCallback } from 'react';
+import moment from 'moment';
+
+var useTimeVal = function useTimeVal(_ref) {
+  var value = _ref.value,
+    format = _ref.format;
+  return useMemo(function () {
+    if (!value || !format) {
+      return value;
+    }
+    return moment(value, format);
+  }, [value, format]);
+};
+var useGetTimeKey = function useGetTimeKey(_ref2) {
+  var _ref2$valueMap = _ref2.valueMap,
+    valueMap = _ref2$valueMap === void 0 ? {} : _ref2$valueMap,
+    _ref2$name = _ref2.name,
+    name = _ref2$name === void 0 ? "" : _ref2$name;
+  var start = valueMap.start,
+    end = valueMap.end;
+  if (!start || !end) {
+    return {};
+  }
+  var startKey = typeof start === "string" ? start : start(name);
+  var endKey = typeof end === "string" ? end : end(name);
+  return {
+    start: startKey,
+    end: endKey
+  };
+};
+var useTimeChange = function useTimeChange(_ref3) {
+  var format = _ref3.format,
+    onChange = _ref3.onChange;
+  return useCallback(function (value) {
+    if (!format) {
+      onChange === null || onChange === void 0 || onChange(value);
+      return;
+    }
+    var subVal = value === null || value === void 0 ? void 0 : value.format(format);
+    onChange === null || onChange === void 0 || onChange(subVal);
+  }, [format, onChange]);
+};
+var formatMap = {
+  X: "s",
+  x: "ms"
+};
+var useTimePickerValue = function useTimePickerValue(_ref4) {
+  var value = _ref4.value,
+    format = _ref4.format;
+  return useMemo(function () {
+    if (!value || !format) {
+      return value;
+    }
+    if (formatMap[format]) {
+      var timeStr = moment().startOf("days").add(value, formatMap[format]).format("HH:mm:ss");
+      return moment(timeStr, "HH:mm:ss");
+    }
+    return moment(value, format);
+  }, [value, format]);
+};
+var useTimePickerChange = function useTimePickerChange(_ref5) {
+  var value = _ref5.value,
+    format = _ref5.format,
+    onChange = _ref5.onChange;
+  return useCallback(function (val) {
+    if (!format || !val) {
+      onChange === null || onChange === void 0 || onChange(val);
+      return;
+    }
+    if (formatMap[format]) {
+      var startTime = moment().startOf("days").format(format);
+      var nowTime = val.format(format);
+      onChange === null || onChange === void 0 || onChange(nowTime - startTime);
+      return;
+    }
+    var subVal = val === null || val === void 0 ? void 0 : val.format(format);
+    onChange === null || onChange === void 0 || onChange(subVal);
+  }, [format, onChange, value]);
+};
+var useRangeValueProvider = function useRangeValueProvider(_ref6) {
+  var _ref6$valueMap = _ref6.valueMap,
+    valueMap = _ref6$valueMap === void 0 ? {} : _ref6$valueMap;
+  return function (val) {
+    var _ref7;
+    var start = valueMap.start,
+      end = valueMap.end;
+    if (!start || !end) {
+      return val;
+    }
+    return _ref7 = {}, _defineProperty(_ref7, start, val[0]), _defineProperty(_ref7, end, val[1]), _ref7;
+  };
+};
+var useRangePickerTimeVal = function useRangePickerTimeVal(_ref8) {
+  var value = _ref8.value,
+    format = _ref8.format,
+    _ref8$valueMap = _ref8.valueMap,
+    valueMap = _ref8$valueMap === void 0 ? {} : _ref8$valueMap;
+  return useMemo(function () {
+    if (!value || !format) {
+      return value;
+    }
+    if (!Array.isArray(value)) {
+      var start = valueMap.start,
+        end = valueMap.end;
+      if (!start || !end) {
+        console.error("日期value格式错误!");
+        return;
+      }
+      var startTime = value[start],
+        endTime = value[end];
+      if (!startTime && !endTime) {
+        return [];
+      }
+      var startMoment = startTime && moment(startTime, format);
+      var endMoment = endTime && moment(endTime, format);
+      return [startMoment, endMoment];
+    }
+    return value.map(function (item) {
+      if (!item) {
+        return item;
+      }
+      return moment(item, format);
+    });
+  }, [value, format, valueMap]);
+};
+
+export { useGetTimeKey, useRangePickerTimeVal, useRangeValueProvider, useTimeChange, useTimePickerChange, useTimePickerValue, useTimeVal };
+// powered by hdj

package/es/TDPicker/index.d.ts

@@ -0,0 +1,4 @@
+import type { HDatePickerProps } from "./modal";
+import React from "react";
+declare const Index: React.FC<HDatePickerProps>;
+export default Index;

package/es/TDPicker/index.js

@@ -0,0 +1,47 @@
+// welcome to hoo hoo hoo
+import 'core-js/modules/es.object.keys.js';
+import 'core-js/modules/es.symbol.js';
+import 'core-js/modules/es.array.filter.js';
+import 'core-js/modules/es.object.to-string.js';
+import 'core-js/modules/es.object.get-own-property-descriptor.js';
+import 'core-js/modules/web.dom-collections.for-each.js';
+import 'core-js/modules/es.object.get-own-property-descriptors.js';
+import _defineProperty from '@babel/runtime-corejs3/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime-corejs3/helpers/objectWithoutProperties';
+import { jsx } from 'react/jsx-runtime';
+import { DatePicker } from 'antd';
+import { useTimeVal, useTimeChange } from './hooks.js';
+
+var _excluded = ["value", "onChange", "showTime", "format", "disabledDate"];
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var Picker = DatePicker;
+var Index = function Index(_ref) {
+  var value = _ref.value,
+    onChange = _ref.onChange,
+    _ref$showTime = _ref.showTime,
+    showTime = _ref$showTime === void 0 ? true : _ref$showTime,
+    _ref$format = _ref.format,
+    format = _ref$format === void 0 ? "X" : _ref$format,
+    _disabledDate = _ref.disabledDate,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var timeVal = useTimeVal({
+    value: value,
+    format: format
+  });
+  var change = useTimeChange({
+    format: format,
+    onChange: onChange
+  });
+  return jsx(Picker, _objectSpread({
+    value: timeVal,
+    onChange: change,
+    showTime: showTime,
+    disabledDate: function disabledDate(currentDate) {
+      return !!(_disabledDate !== null && _disabledDate !== void 0 && _disabledDate(currentDate, timeVal));
+    }
+  }, props));
+};
+
+export { Index as default };
+// powered by hdj

package/es/TDPicker/modal.d.ts

@@ -0,0 +1,35 @@
+import type { RangePickerProps } from "antd/es/date-picker";
+import type { SharedTimeProps } from "rc-picker/lib/panels/TimePanel";
+import type { Moment } from "moment";
+import type { DatePickerProps } from "antd";
+import type { TimePickerProps } from "antd";
+import type { DurationInputArg2 } from "moment";
+import type { DateRangePickerValueMapModal } from "../modal";
+import type { addFormatItemModal } from "@/components/Form/modal";
+interface DisabledDateFnModal<T = Moment | undefined> {
+    (currentDate: Moment, value: T): boolean;
+}
+export interface HDatePickerProps extends Omit<DatePickerProps, "onChange" | "format" | "ranges" | "disabledDate"> {
+    onChange?: (time?: Moment | string | number) => void;
+    format?: string;
+    showTime?: boolean | SharedTimeProps<Moment>;
+    disabledDate?: DisabledDateFnModal;
+}
+export interface HRangePickerProps extends Omit<RangePickerProps, "onChange" | "format" | "ranges" | "value" | "disabledDate"> {
+    value?: [any, any] | Record<string, any>;
+    onChange?: (val: any) => void;
+    showTime?: boolean | {
+        defaultValue?: Moment[];
+    };
+    format?: string;
+    valueMap?: DateRangePickerValueMapModal;
+    ranges?: RangePickerProps["ranges"] | boolean;
+    addFormat?: (config: Record<string, addFormatItemModal>) => void;
+    disabledDate?: DisabledDateFnModal<Moment[] | undefined>;
+}
+export interface HTimePickerProps extends Omit<TimePickerProps, "onChange" | "format" | "ranges" | "disabledDate"> {
+    onChange?: (time?: Moment | string | number) => void;
+    format?: DurationInputArg2 | string;
+    disabledDate?: DisabledDateFnModal;
+}
+export {};

package/es/TextArea/index.d.ts

@@ -0,0 +1,3 @@
+import type { TextAreaProps } from "antd/es/input";
+declare const _default: ({ autoSize, ...props }: TextAreaProps) => JSX.Element;
+export default _default;

package/es/TextArea/index.js

@@ -0,0 +1,30 @@
+// welcome to hoo hoo hoo
+import 'core-js/modules/es.object.keys.js';
+import 'core-js/modules/es.symbol.js';
+import 'core-js/modules/es.array.filter.js';
+import 'core-js/modules/es.object.to-string.js';
+import 'core-js/modules/es.object.get-own-property-descriptor.js';
+import 'core-js/modules/web.dom-collections.for-each.js';
+import 'core-js/modules/es.object.get-own-property-descriptors.js';
+import _defineProperty from '@babel/runtime-corejs3/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime-corejs3/helpers/objectWithoutProperties';
+import { jsx } from 'react/jsx-runtime';
+import { Input } from 'antd';
+
+var _excluded = ["autoSize"];
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var TextArea = (function (_ref) {
+  var _ref$autoSize = _ref.autoSize,
+    autoSize = _ref$autoSize === void 0 ? {
+      minRows: 4,
+      maxRows: 4
+    } : _ref$autoSize,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return jsx(Input.TextArea, _objectSpread({
+    autoSize: autoSize
+  }, props));
+});
+
+export { TextArea as default };
+// powered by hdj

package/es/Upload/Btn.d.ts

@@ -0,0 +1,3 @@
+import type { IUpLoadProps } from "./modal";
+declare const _default: ({ value, maxCount, listType }: IUpLoadProps) => JSX.Element;
+export default _default;

package/es/Upload/Btn.js

@@ -0,0 +1,36 @@
+// welcome to hoo hoo hoo
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { PlusOutlined, UploadOutlined } from '@ant-design/icons';
+import { useMemo } from 'react';
+import { Button } from 'antd';
+
+var Btn = (function (_ref) {
+  var value = _ref.value,
+    _ref$maxCount = _ref.maxCount,
+    maxCount = _ref$maxCount === void 0 ? 1 : _ref$maxCount,
+    listType = _ref.listType;
+  var len = (value === null || value === void 0 ? void 0 : value.length) || 0;
+  var text = useMemo(function () {
+    if (len === maxCount) {
+      return "更新";
+    }
+    return "上传";
+  }, [len, maxCount]);
+  if (listType === "picture-card") {
+    return jsxs("div", {
+      children: [jsx(PlusOutlined, {}), jsx("div", {
+        style: {
+          marginTop: 8
+        },
+        children: text
+      })]
+    });
+  }
+  return jsx(Button, {
+    icon: jsx(UploadOutlined, {}),
+    children: text
+  });
+});
+
+export { Btn as default };
+// powered by hdj

package/es/Upload/MediaTypeEle/TypeEle.d.ts

@@ -0,0 +1,9 @@
+import { MediaTypeEnum } from "../enums";
+interface TypeEleProps {
+    mediaType?: MediaTypeEnum;
+    url?: string;
+    onReady?: VoidFunction;
+    onError?: VoidFunction;
+}
+declare const _default: ({ mediaType, url, onReady, onError }: TypeEleProps) => JSX.Element;
+export default _default;

package/es/Upload/MediaTypeEle/TypeEle.js

@@ -0,0 +1,42 @@
+// welcome to hoo hoo hoo
+import { jsx } from 'react/jsx-runtime';
+import { MediaTypeEnum } from '../enums.js';
+
+var TypeEle = (function (_ref) {
+  var mediaType = _ref.mediaType,
+    url = _ref.url,
+    onReady = _ref.onReady,
+    onError = _ref.onError;
+  if (mediaType === MediaTypeEnum.video) {
+    return jsx("video", {
+      autoPlay: true,
+      width: "100%",
+      controls: true,
+      onPlay: onReady,
+      onError: onError,
+      children: jsx("source", {
+        src: url
+      })
+    });
+  }
+  if (mediaType === MediaTypeEnum.audio) {
+    return jsx("audio", {
+      autoPlay: true,
+      controls: true,
+      onPlay: onReady,
+      onError: onError,
+      children: jsx("source", {
+        src: url
+      })
+    });
+  }
+  return jsx("img", {
+    src: url,
+    width: "100%",
+    onLoad: onReady,
+    onError: onError
+  });
+});
+
+export { TypeEle as default };
+// powered by hdj

package/es/Upload/MediaTypeEle/index.d.ts

@@ -0,0 +1,3 @@
+import type { IMediaTypeEleProps } from "../modal";
+declare const _default: ({ file, onReady, onError }: IMediaTypeEleProps) => JSX.Element | null;
+export default _default;

package/es/Upload/MediaTypeEle/index.js

@@ -0,0 +1,36 @@
+// welcome to hoo hoo hoo
+import { jsx } from 'react/jsx-runtime';
+import { getFileExt } from '../util.js';
+import TypeEle from './TypeEle.js';
+import { useMemo } from 'react';
+import { MediaTypeEnum } from '../enums.js';
+
+var videoType = ["MP4"];
+var audioType = ["MP3"];
+var MediaTypeEle = (function (_ref) {
+  var file = _ref.file,
+    onReady = _ref.onReady,
+    onError = _ref.onError;
+  if (!file) {
+    return null;
+  }
+  var name = getFileExt(file);
+  var mediaType = useMemo(function () {
+    if (videoType.indexOf(name) !== -1) {
+      return MediaTypeEnum.video;
+    }
+    if (audioType.indexOf(name) !== -1) {
+      return MediaTypeEnum.audio;
+    }
+    return MediaTypeEnum.img;
+  }, [name]);
+  return jsx(TypeEle, {
+    onError: onError,
+    onReady: onReady,
+    mediaType: mediaType,
+    url: file.response.url
+  });
+});
+
+export { MediaTypeEle as default };
+// powered by hdj

package/es/Upload/Preview/index.d.ts

@@ -0,0 +1,5 @@
+import type { ModalProps } from "antd";
+import type { IMediaTypeEleProps } from "../modal";
+export type IPreviewProps = IMediaTypeEleProps & ModalProps;
+declare const _default: ({ visible, file, onCancel }: IPreviewProps) => JSX.Element;
+export default _default;

package/es/Upload/Preview/index.js

@@ -0,0 +1,22 @@
+// welcome to hoo hoo hoo
+import { jsx } from 'react/jsx-runtime';
+import { Modal } from 'antd';
+import MediaTypeEle from '../MediaTypeEle/index.js';
+
+var Preview = (function (_ref) {
+  var visible = _ref.visible,
+    file = _ref.file,
+    onCancel = _ref.onCancel;
+  return jsx(Modal, {
+    footer: null,
+    visible: visible,
+    title: "\u9884\u89C8",
+    onCancel: onCancel,
+    children: jsx(MediaTypeEle, {
+      file: file
+    })
+  });
+});
+
+export { Preview as default };
+// powered by hdj

package/es/Upload/UrlUpload/index.d.ts

@@ -0,0 +1,3 @@
+import type { IUrlUploadProps } from "../modal";
+declare const Index: ({ placeholder, value, onChange, mediaType, ...props }: IUrlUploadProps) => JSX.Element;
+export default Index;