@chlp-tech/rpa-ui 0.0.12 → 0.0.13

package/dist/cover-modal/index.d.ts

@@ -16,5 +16,15 @@ interface CoverModalProps {
     handleUpload: (file: File) => Promise<string>;
     children: React.ReactNode;
 }
+export interface ICoverModalV2Props {
+    open?: boolean;
+    defaultTab?: TabOptions;
+    defaultData?: defaultData;
+    videoUrl: string;
+    handleUpload: (file: File) => Promise<string>;
+    onClose?: () => void;
+    onSubmit?: (key: 'selectCover' | 'uploadCover' | string, data: string | number) => void;
+}
 declare const CoverModal: FC<CoverModalProps>;
+export declare const CoverModalV2: FC<ICoverModalV2Props>;
 export default CoverModal;

package/dist/cover-modal/index.js

@@ -407,4 +407,68 @@ var CoverModal = function CoverModal(props) {
     onClick: handleOpen
   }, props.children));
 };
+export var CoverModalV2 = function CoverModalV2(props) {
+  var _props$defaultTab2;
+  var _useState15 = useState((_props$defaultTab2 = props.defaultTab) !== null && _props$defaultTab2 !== void 0 ? _props$defaultTab2 : 1),
+    _useState16 = _slicedToArray(_useState15, 2),
+    value = _useState16[0],
+    setValue = _useState16[1];
+  var handleSubmit = function handleSubmit(key, data) {
+    var _props$onSubmit;
+    (_props$onSubmit = props.onSubmit) === null || _props$onSubmit === void 0 || _props$onSubmit.call(props, key, data);
+  };
+  var coverVisible = useMemo(function () {
+    return {
+      'selectVisible': value === 1,
+      'uploadVisible': value === 2
+    };
+  }, [value]);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Modal, {
+    open: props.open,
+    title: "\u8BBE\u7F6E\u5C01\u9762",
+    footer: false,
+    width: 640,
+    onCancel: props.onClose,
+    maskClosable: false
+  }, /*#__PURE__*/React.createElement(Segmented, {
+    value: value,
+    options: [{
+      label: '选取封面',
+      value: 1
+    }, {
+      label: /*#__PURE__*/React.createElement("div", {
+        style: {
+          display: 'flex',
+          gap: 5,
+          alignItems: 'center'
+        }
+      }, /*#__PURE__*/React.createElement("div", null, "\u4E0A\u4F20\u5C01\u9762"), /*#__PURE__*/React.createElement(Popover, {
+        placement: "right",
+        content: /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", null, "\u5C01\u9762\u56FE\u7247\u5927\u5C0F\u4E0D\u5F97\u8D85\u8FC78mb\uFF0C"), /*#__PURE__*/React.createElement("div", null, "\u56FE\u7247\u5C3A\u5BF8\u9700\u548C\u89C6\u9891\u5C3A\u5BF8\u76F8\u8FD1"))
+      }, /*#__PURE__*/React.createElement(InfoCircleOutlined, null))),
+      value: 2
+    }],
+    onChange: function onChange(e) {
+      return setValue(e);
+    }
+  }), /*#__PURE__*/React.createElement(SelectCover, {
+    visible: coverVisible['selectVisible'],
+    handleClose: function handleClose() {
+      var _props$onClose;
+      return (_props$onClose = props.onClose) === null || _props$onClose === void 0 ? void 0 : _props$onClose.call(props);
+    },
+    handleSubmit: handleSubmit,
+    videoUrl: props.videoUrl,
+    defaultData: props.defaultData
+  }), /*#__PURE__*/React.createElement(UploadCover, {
+    visible: coverVisible['uploadVisible'],
+    handleClose: function handleClose() {
+      var _props$onClose2;
+      return (_props$onClose2 = props.onClose) === null || _props$onClose2 === void 0 ? void 0 : _props$onClose2.call(props);
+    },
+    handleSubmit: handleSubmit,
+    handleUpload: props.handleUpload,
+    defaultData: props.defaultData
+  })));
+};
 export default CoverModal;

package/dist/index.d.ts

@@ -20,5 +20,6 @@ export { default as FormItem } from "./form-item";
 export { default as SoundWave } from "./sound-wave";
 export { default as AiEmpty } from "./ai-empty";
 export { default as CoverModal } from './cover-modal';
+export { CoverModalV2 } from './cover-modal';
 export { default as MediaAccountPreview } from './MediaAccountPreview';
 export { mapToMockData } from "./utils";

package/dist/index.js

@@ -20,5 +20,6 @@ export { default as FormItem } from "./form-item";
 export { default as SoundWave } from "./sound-wave";
 export { default as AiEmpty } from "./ai-empty";
 export { default as CoverModal } from "./cover-modal";
+export { CoverModalV2 } from "./cover-modal";
 export { default as MediaAccountPreview } from "./MediaAccountPreview";
 export { mapToMockData } from "./utils";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@chlp-tech/rpa-ui",
-  "version": "0.0.12",
+  "version": "0.0.13",
   "description": "rpa-ui",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",